:root{color-scheme:dark;--bg:#0b0d12;--surface:#12151d;--raised:#191d27;--line:#292e3c;--text:#f3f5f9;--muted:#9aa3b8;--lime:#cbfa72;--purple:#a18bff;--radius:16px;font-family:Archivo,system-ui,sans-serif;font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{transition:background .18s,border-color .18s,transform .18s}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h2{font-size:19px;letter-spacing:-.5px}h3{font-size:15px}em{font-style:normal;color:var(--lime)}.symbols{position:absolute;overflow:hidden}.skip{position:fixed;left:16px;top:-80px;z-index:99;padding:12px;background:var(--lime);color:var(--bg)}.skip:focus{top:16px}.wrap{max-width:1440px;margin:auto;padding:0 48px}.muted{color:var(--muted);font-size:12px}.label,.eyebrow{font:10px 'JetBrains Mono',monospace;letter-spacing:1.3px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px}.dot{width:6px;height:6px;background:var(--lime);display:inline-block;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #cbfa7270}.topbar{height:84px;padding:0 40px;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--line);background:#0b0d12ed;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:900;letter-spacing:-1px;line-height:1.1}.brand-mark{width:38px;height:40px;background:var(--lime);color:var(--bg);font-style:italic;display:grid;place-content:center;position:relative;transform:skew(-8deg);font-size:28px}.brand-mark span{position:absolute;right:2px;top:0;font-size:17px}.brand-sub{display:block;font:7px 'JetBrains Mono',monospace;letter-spacing:2px;color:var(--muted);margin-top:5px}.topbar nav{display:flex;height:100%;gap:32px;align-items:center}.topbar nav a{height:100%;display:grid;align-content:center;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.topbar nav .active{color:var(--lime);border-color:var(--lime)}.topbar nav a:hover{color:var(--text)}.top-actions{margin-left:auto;display:flex;gap:18px;align-items:center}.test-badge{font:9px 'JetBrains Mono',monospace;color:var(--purple);letter-spacing:1px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:12px 18px;background:var(--raised);color:var(--text);font-weight:700;font-size:12px}.btn:hover{background:#242b3b;border-color:#54617a}.btn-wallet{border-color:#564577;background:#241d36;color:#d4c7ff}.btn-go{background:var(--lime);border-color:var(--lime);color:#152108;box-shadow:0 4px 20px #cbfa7212}.btn-go:hover{background:#dfffac;border-color:#dfffac;transform:translateY(-1px)}.lobby-head{display:flex;align-items:center;justify-content:space-between;padding:40px 0 32px;gap:20px}.lobby-head h1{font-size:clamp(26px,3.4vw,46px);font-weight:900;letter-spacing:-1.8px;line-height:1.2;margin:10px 0}.lobby-head p{color:var(--muted);font-size:13px}.quiet-link{font-size:12px;color:var(--muted);background:none;border:none;padding:0}.quiet-link:hover{color:var(--lime)}.quiet-link span{color:var(--lime);padding-left:14px}.race-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 20px;gap:12px}.race-title{display:flex;gap:12px;align-items:center}.race-title h2{display:flex;gap:10px;align-items:center}.track-icon{display:grid;place-content:center;width:42px;height:42px;border:1px solid #443761;background:#221c31;color:var(--purple);border-radius:10px;font-size:24px}.race-tags{display:flex;gap:8px}.pill{font:10px 'JetBrains Mono',monospace;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:5px 9px;letter-spacing:0}.pill.live{color:var(--lime);background:#cbfa720c;border-color:#cbfa7233}.pill.live:before{content:'●';font-size:7px;margin-right:7px}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:22px;align-items:start}.arena{min-width:0}.hud{display:grid;grid-template-columns:1.25fr 1fr .85fr;border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface);padding:18px 0}.hud>div{padding:0 22px;border-right:1px solid var(--line);min-width:0}.hud>div:last-child{border:0}.hud strong{display:block;font-size:17px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .pool-value{font:700 25px 'JetBrains Mono',monospace;color:var(--lime)}.hud .clock{font:700 25px 'JetBrains Mono',monospace}.screen{aspect-ratio:1.98;position:relative;overflow:hidden;background:#121021;border-inline:1px solid var(--line)}.screen iframe{width:100%;height:100%;display:block;border:0}.poster{position:absolute;inset:0}.track-art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.scene-top{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between}.scene-badge{font:8px 'JetBrains Mono',monospace;color:#b9b0d9;letter-spacing:1.4px}.scene-copy{position:absolute;left:30px;top:23%}.scene-copy .eyebrow{color:#c4b5fa;font-size:8px}.scene-copy h2{font-size:clamp(25px,3.5vw,46px);font-style:italic;font-weight:900;line-height:1.05;letter-spacing:-1.6px;margin:11px 0 20px}.scene-copy p{font-size:10px;color:#b1aac5;margin-top:12px}.scene-caption{position:absolute;bottom:14px;right:20px;font:6px 'JetBrains Mono',monospace;color:#a291c3;letter-spacing:1.3px}.finish-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--surface);border-radius:0 0 var(--radius) var(--radius);padding:13px 20px;font-size:11px}.finish-bar>span{color:var(--muted);font:9px 'JetBrains Mono',monospace;letter-spacing:1px}.finish-flag{color:var(--purple);margin-right:8px;font-size:18px;vertical-align:middle}.runners-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 14px;gap:10px}.runners-heading>div,.ticket-heading>div{display:flex;gap:10px;align-items:center}.step-number{font:10px 'JetBrains Mono',monospace;color:var(--lime);border:1px solid #cbfa7230;background:#cbfa720a;padding:5px 7px;border-radius:5px}.bp-horses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bp-horse{--runner:#ad97ff;position:relative;display:grid;text-align:left;padding:14px 12px 12px;gap:6px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--text);overflow:hidden;min-height:124px}.bp-horse:nth-child(2){--runner:#7cdbff}.bp-horse:nth-child(3){--runner:#ffba78}.bp-horse:nth-child(4){--runner:#f28fc0}.bp-horse:nth-child(5){--runner:#cbfa72}.bp-horse:nth-child(6){--runner:#fbef9c}.bp-horse:hover{background:#1d2230;border-color:var(--runner);transform:translateY(-2px)}.bp-horse[aria-pressed=true]{border-color:var(--runner);background:#232635;box-shadow:inset 0 -2px var(--runner)}.runner-art{position:absolute;width:75px;height:75px;right:-3px;top:2px;color:var(--runner);opacity:.2;transform:rotate(-8deg)}.runner-number{font:700 19px 'JetBrains Mono',monospace;color:var(--runner)}.bp-horse .nm{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.bp-horse .pl{color:var(--muted);font:9px 'JetBrains Mono',monospace;overflow-wrap:anywhere}.runner-select{position:absolute;right:10px;bottom:12px;color:var(--runner);font-size:11px;opacity:0}.bp-horse[aria-pressed=true] .runner-select{opacity:1}.your-stakes{font-size:11px;color:var(--lime);margin-top:12px;overflow-wrap:anywhere}.your-stakes:empty{display:none}.track-note{display:flex;gap:10px;padding:16px 2px;color:var(--muted);font-size:11px}.track-note>span{color:var(--purple);font-size:18px}.ticket{position:sticky;top:106px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0;overflow:hidden}.ticket:before{content:'';position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple),transparent)}.ticket-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ticket-symbol{font-size:25px;color:var(--purple)}.wallet-card{position:relative;border:1px solid var(--line);background:linear-gradient(120deg,#252132,#171b26);border-radius:9px;padding:14px;margin-bottom:20px}.wallet-card strong{display:block;font:700 23px 'JetBrains Mono',monospace;overflow-wrap:anywhere;margin:6px 0 9px}.wallet-card #bpWho{display:block;font:9px 'JetBrains Mono',monospace;color:var(--muted)}.wallet-dot{position:absolute;right:14px;top:12px;color:var(--purple);font-size:23px}.selection{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.selection strong{display:block;font-size:13px;margin-top:6px;color:var(--purple)}.amount-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.amount-label span{font:10px 'JetBrains Mono',monospace;color:var(--muted)}.amount-input{position:relative}.amount-input input{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:13px 38px 13px 14px;font:500 20px 'JetBrains Mono',monospace;appearance:textfield}.amount-input input::-webkit-inner-spin-button{appearance:none}.amount-input>span{position:absolute;right:13px;top:12px;color:var(--lime);font-size:20px}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0 16px}.quick-amounts button{background:var(--raised);color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:7px;font:11px 'JetBrains Mono',monospace}.quick-amounts button:hover{color:var(--lime);border-color:var(--lime)}.terms{font-size:10px;color:var(--muted);margin-bottom:15px}.bet-submit{width:100%;font-size:14px;padding:15px}.bp-msg{font-size:11px;color:var(--muted);margin:13px 0;overflow-wrap:anywhere;min-height:34px}.bp-msg.ok{color:var(--lime)}.bp-msg.bad{color:#ff9fae}.approval-settings{border-top:1px solid var(--line);padding-top:14px;font-size:11px;color:var(--muted)}summary{cursor:pointer;font-size:12px}details[open] summary{margin-bottom:12px}.approval-settings label{display:flex;align-items:flex-start;gap:8px;font-size:10px}.approval-settings input{accent-color:var(--lime);flex-shrink:0}.ticket-bottom{display:flex;justify-content:space-between;border-top:1px dashed #363b4a;margin:20px -22px -22px;padding:13px 22px;color:var(--muted);font:8px 'JetBrains Mono',monospace;letter-spacing:1px}#transactionLink{font-size:11px;color:var(--purple);display:block;margin-bottom:12px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0 48px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:24px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-heading h2{margin-top:7px}.reward-icon{font-size:32px;color:var(--lime)}#positionsStatus{line-height:1.7}#claims{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}#claims .btn{white-space:normal;color:var(--lime);border-color:#cbfa7240;background:#cbfa7209}#claims .bp-yours{width:100%;font-size:11px;color:var(--muted)}#walletActivity .bp-yours{font:10px 'JetBrains Mono',monospace;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}#walletActivity:not(:empty)+.activity-empty{display:none}.activity-empty{font-size:12px;color:var(--muted);line-height:1.9}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.section-heading h2{font-size:24px}.section-heading h2 span{color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.steps article{padding:26px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps h3{margin:17px 0 9px}.steps p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:18px}.steps .quiet-link{color:var(--lime)}.network-panel{margin:36px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:24px;border:1px solid var(--line);border-radius:var(--radius)}.network-panel h2{font-size:13px;margin-top:10px;color:var(--purple)}.network-panel p{font-size:11px;color:var(--muted);margin-top:10px}.network-panel details{font-size:11px;min-width:0}.network-panel dl>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.network-panel dt{color:var(--muted)}.token-address{font-family:'JetBrains Mono',monospace;overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 36px;border-top:1px solid var(--line)}footer .brand{font-size:16px}footer .brand .muted{font-size:8px;letter-spacing:1px}footer p{color:var(--muted);font-size:10px;text-align:right}
@media(min-width:1600px){.screen{aspect-ratio:1.9}.scene-copy h2{font-size:48px}}
@media(max-width:1120px){.wrap{padding:0 24px}.topbar{padding:0 24px;gap:25px}.topbar nav{gap:18px}.dashboard{grid-template-columns:minmax(0,1fr) 310px;gap:16px}.ticket{padding:18px}.ticket-bottom{margin-inline:-18px;margin-bottom:-18px;padding-inline:18px}.screen{aspect-ratio:1.65}.scene-copy{left:22px}.hud>div{padding:0 14px}.hud .label{font-size:8px;letter-spacing:.8px}.hud strong{font-size:13px}.runners-heading .muted{font-size:10px}.bp-horse{padding:12px 9px}.top-actions{gap:10px}}
@media(max-width:850px){.topbar nav{display:none}.topbar{height:72px}.lobby-head{padding:28px 0}.lobby-head>.quiet-link{display:none}.dashboard{grid-template-columns:1fr}.ticket{position:static}.screen{aspect-ratio:2}.scene-copy h2{font-size:40px}.scene-copy{top:20%}.ticket{display:block}.lower-grid{gap:16px}.steps article{padding:20px}.network-panel{gap:20px}.ticket .wallet-card{margin-bottom:16px}.amount-input input{font-size:20px}.quick-amounts button{padding:10px}}
@media(max-width:540px){.wrap{padding:0 16px}.topbar{padding:0 16px;gap:10px}.brand{font-size:19px}.brand-mark{width:30px;height:33px;font-size:24px}.brand-sub{font-size:6px;letter-spacing:1.4px}.test-badge{display:none}.btn-wallet{font-size:11px;padding:10px 12px}.lobby-head h1{font-size:30px;letter-spacing:-1.2px}.eyebrow{font-size:8px}.race-title h2{font-size:15px;gap:7px}.race-title .muted{font-size:10px}.track-icon{display:none}.race-tags{gap:5px}.race-tags #horseCount{display:none}.pill{font-size:8px;padding:4px 7px}.hud{padding:14px 0}.hud>div{padding:0 10px}.hud .label{font-size:7px;letter-spacing:.4px}.hud strong{font-size:11px}.hud .pool-value,.hud .clock{font-size:20px}.screen{aspect-ratio:1.45}.scene-copy{left:20px;top:22%}.scene-copy h2{font-size:35px;margin:9px 0 15px}.scene-top{left:16px;right:16px}.scene-badge{font-size:6px}.scene-caption{font-size:5px;right:12px}.scene-copy p{font-size:9px}.runners-heading{margin-top:20px}.runners-heading h3{font-size:13px}.runners-heading .muted{font-size:8px}.bp-horses{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.bp-horse{min-height:114px;padding:13px}.runner-art{width:70px;height:70px}.lower-grid{grid-template-columns:1fr;margin-bottom:32px}.panel{padding:20px}.section-heading{align-items:start}.section-heading h2{font-size:20px}.section-heading .eyebrow{display:none}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line)}.network-panel{grid-template-columns:1fr;margin-top:24px;padding:20px}footer{align-items:start;flex-direction:column}footer p{text-align:left}footer .brand{flex-wrap:wrap}.scene-copy .btn{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* The camera keeps its own dimensions; the slip cannot stretch it. */
.screen{aspect-ratio:16/9;position:relative;overflow:hidden;background:#08080c}.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#08080c}.view-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#0f121a;border-inline:1px solid var(--line);padding:10px 16px;font:9px 'JetBrains Mono',monospace;color:var(--purple)}.view-toolbar>span .muted{font-size:9px;margin-left:6px}.view-toolbar>div{display:flex;gap:8px}.view-toolbar button{padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);font-size:10px}.view-toolbar button:hover,.view-toolbar button[aria-pressed=true]{border-color:var(--purple);color:var(--purple)}.view-status{color:var(--muted);font-size:11px}.view-status:empty{display:none}.view-status:not(:empty){padding:10px}.wide-view .dashboard{grid-template-columns:1fr}.wide-view .ticket{position:static;max-width:600px;width:100%;justify-self:center}.wide-view .screen{aspect-ratio:16/9;max-height:80vh}.wide-view .scene-copy h2{font-size:clamp(35px,5vw,72px)}.wide-view .bp-horses{grid-template-columns:repeat(6,minmax(0,1fr))}.screen:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border:0}.screen:fullscreen iframe{width:100%;height:100%}.screen:fullscreen .scene-copy h2{font-size:clamp(40px,6vw,90px)}.screen:fullscreen .scene-copy{top:25%;left:7%}
@media(max-width:850px){.wide-view .bp-horses{grid-template-columns:repeat(3,minmax(0,1fr))}.screen{aspect-ratio:16/9}.scene-copy{top:21%}.scene-copy h2{font-size:clamp(25px,5vw,40px)}}
@media(max-width:540px){.view-toolbar{padding:8px}.view-toolbar>span .muted{display:none}.view-toolbar button{font-size:9px;padding:7px}.scene-copy{top:23%;left:16px}.scene-copy h2{font-size:26px;margin:7px 0 10px}.scene-copy p{font-size:8px;margin-top:7px}.scene-copy .eyebrow{font-size:6px}.scene-caption{display:none}.scene-copy .btn{padding:8px 10px;font-size:10px}.wide-view .bp-horses{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-top{top:12px}}
.bp-horse.has-portrait{--portrait-pos:80% 30%;min-height:148px;color:#f3f5f9}
.bp-horse.has-portrait::before{content:"";position:absolute;inset:0;background-image:linear-gradient(105deg,rgba(11,13,18,.92) 0%,rgba(11,13,18,.62) 34%,rgba(11,13,18,.2) 58%,rgba(11,13,18,.06) 100%),var(--portrait);background-size:auto,cover;background-position:0 0,var(--portrait-pos);background-repeat:no-repeat;pointer-events:none}
.bp-horse.has-portrait .runner-art{display:none}
.bp-horse.has-portrait .runner-number,.bp-horse.has-portrait .nm,.bp-horse.has-portrait .pl,.bp-horse.has-portrait .runner-select{position:relative;z-index:1;text-shadow:0 1px 2px #000,0 0 12px rgba(0,0,0,.8)}
.bp-horse.has-portrait .pl{color:#d8deea}
.bp-horse.has-portrait:hover,.bp-horse.has-portrait[aria-pressed=true]{background:transparent}
.bp-horse.has-portrait:hover::before{filter:brightness(1.08)}
.bp-horse[data-horse="1"]{--portrait:url("/horses/1_chonky.png");--portrait-pos:70% 28%}
.bp-horse[data-horse="2"]{--portrait:url("/horses/2_trileg.png");--portrait-pos:88% 32%}
.bp-horse[data-horse="3"]{--portrait:url("/horses/3_joback.png");--portrait-pos:84% 30%}
.bp-horse[data-horse="4"]{--portrait:url("/horses/4_gigga.png");--portrait-pos:62% 28%}
.bp-horse[data-horse="5"]{--portrait:url("/horses/5_hepatitis.png");--portrait-pos:76% 26%}
.bp-horse[data-horse="6"]{--portrait:url("/horses/6_thecunt.png");--portrait-pos:78% 40%}
.wide-view .bp-horse.has-portrait{min-height:168px}
@media(max-width:540px){.bp-horse.has-portrait{min-height:132px}}

#betCurrency{background:var(--raised);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px;font:inherit}#ethQuotePanel .terms{margin-top:10px}
dialog.demo-confirm { max-width:480px; width:calc(100% - 48px); padding:28px; color:#eee; background:#141720; border:1px solid #8873bc; border-radius:16px; }
dialog.demo-confirm::backdrop { background:#000a; }
dialog.demo-confirm .btn { margin:12px 12px 0 0; }
