@font-face{font-family:Britti;src:url(/britti-sans-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{font-family:Britti,Inter,system-ui,sans-serif;color:#f5f3ed;background:#030406;font-synthesis:none;--yellow:#f5d90a;--paper:#f4f1e8;--black:#060708;--panel:rgba(8,9,11,.84)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#030406}button,input{font:inherit}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.boot-screen,.host-lock{display:grid;place-items:center;width:100%;height:100%;background:#050506}.boot-screen{font-size:1.25rem;font-weight:750}.race-canvas,.race-canvas canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.scene-fallback{position:absolute;inset:0;z-index:30;display:grid;place-content:center;gap:16px;text-align:center;background:#08090b}.scene-fallback button,.primary-button{border:0;border-radius:999px;min-height:58px;padding:0 28px;background:var(--yellow);color:#08090b;font-weight:850;cursor:pointer}.scene-fallback button:disabled,.primary-button:disabled{opacity:.44;cursor:not-allowed}.cinema-vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),transparent 29%,transparent 68%,rgba(0,0,0,.66)),linear-gradient(0deg,rgba(0,0,0,.68),transparent 32%,rgba(0,0,0,.25));z-index:1}.host-shell{position:relative;width:100%;height:100%;min-height:640px;background:#030406;isolation:isolate}.projector-header{position:absolute;z-index:5;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px;padding:24px 34px;background:linear-gradient(rgba(0,0,0,.75),transparent)}.brand-lockup{display:flex;align-items:center;gap:13px}.light-mark{width:28px;height:28px;border:4px solid var(--yellow);border-radius:50%;box-shadow:0 0 22px #f5d90a73}.brand-lockup h1{font-size:28px;line-height:1;margin:0;font-weight:900;letter-spacing:-1px}.brand-lockup div>span{display:flex;align-items:center;gap:6px;margin-top:6px;color:#d5d2c9;font-size:12px}.brand-lockup img,.projector-footer img{width:16px;height:16px;object-fit:contain}.match-meta,.pool-pill{padding:12px 18px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:#050607ad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.match-meta span,.pool-pill span{display:block;color:#a9a8a3;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.match-meta strong,.pool-pill strong{display:block;margin-top:4px;font-size:17px}.pool-pill{border-color:#f5d90a5c}.projector-lobby{position:absolute;z-index:4;inset:0;display:grid;grid-template-columns:minmax(480px,1fr) 330px;align-items:end;gap:52px;padding:120px 42px 92px}.lobby-copy{max-width:760px}.lobby-copy>span,.winner-screen>span,.projector-cue>span{font-size:13px;font-weight:850;text-transform:uppercase;letter-spacing:.11em;color:var(--yellow)}.lobby-copy h2,.winner-screen h2{margin:12px 0 14px;font-size:clamp(56px,7vw,108px);line-height:.86;letter-spacing:-.065em;font-weight:900}.lobby-copy p{max-width:660px;margin:0;color:#d5d2ca;font-size:18px;line-height:1.42}.pool-line{display:flex;gap:1px;margin-top:26px}.pool-line span{min-width:150px;padding:12px 16px;background:#050607b8;font-size:12px;color:#aaa}.pool-line strong{display:block;margin-top:5px;color:#fff;font-size:17px}.join-ticket{align-self:end;padding:22px;border-radius:18px;background:var(--paper);color:#090a0b;box-shadow:0 22px 80px #00000061}.join-ticket>span{font-size:14px;font-weight:800}.join-ticket>div{display:grid;place-items:center;margin:14px 0;background:#fff;padding:12px;border-radius:10px}.join-ticket>strong{display:block;text-align:center;font-size:46px;letter-spacing:.12em}.join-ticket>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#6c6b66}.join-ticket .primary-button{width:100%;margin-top:16px}.leaderboard{position:absolute;z-index:4;left:26px;top:116px;width:260px;border-radius:14px;background:#050607b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.leaderboard>span{display:block;padding:14px 16px 8px;color:#aaa;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.leaderboard ol{list-style:none;margin:0;padding:0 10px 12px}.leaderboard li{display:grid;grid-template-columns:26px 1fr auto;gap:9px;align-items:center;padding:8px 7px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}.leaderboard li.out{opacity:.42}.leaderboard li b{color:var(--yellow)}.leaderboard li span{color:#aaa;font-size:11px}.activity-rail{position:absolute;z-index:5;right:26px;top:116px;width:288px;max-height:calc(100% - 205px);overflow:hidden;border-radius:14px;background:#050607ba;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.activity-rail>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:800}.activity-rail header i,.connection-dot i,.projector-footer i.online{width:8px;height:8px;border-radius:50%;background:#666}.activity-rail header i.online,.connection-dot i.online,.projector-footer i.online{background:#8dff4d;box-shadow:0 0 12px #8dff4da6}.activity-card{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.07);animation:activity-in .28s ease-out both}.activity-card>i{flex:0 0 7px;height:7px;border-radius:50%;margin-top:5px;background:#75dfff}.activity-card--elimination>i{background:#ff5a46}.activity-card--payout>i,.activity-card--withdrawal>i{background:var(--yellow)}.activity-card div{min-width:0}.activity-card strong,.activity-card span,.activity-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-card strong{font-size:12px}.activity-card span{margin-top:2px;color:#aaa;font-size:10px}.activity-card small{margin-top:2px;color:#6d6e70;font-size:9px;font-family:ui-monospace,monospace}@keyframes activity-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.projector-cue,.projector-countdown,.winner-screen{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 5px 30px #000}.projector-cue img{width:58px;height:58px;object-fit:contain}.projector-cue strong,.projector-cue span{display:block;margin-top:12px}.projector-cue strong{font-size:40px}.projector-countdown span,.projector-countdown small{display:block}.projector-countdown strong{font-size:180px;line-height:.9;letter-spacing:-.08em}.projector-countdown small{color:#ccc}.winner-screen h2{font-size:clamp(64px,9vw,130px)}.winner-screen p{font-size:18px}.winner-screen>strong{display:block;color:var(--yellow);font-size:36px}.winner-screen small{font-family:ui-monospace,monospace;color:#aaa}.live-strip{position:absolute;z-index:4;left:50%;bottom:26px;transform:translate(-50%);display:flex;border:1px solid rgba(255,255,255,.13);border-radius:14px;overflow:hidden;background:#050607c7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.live-strip div{min-width:130px;padding:10px 18px;border-right:1px solid rgba(255,255,255,.1)}.live-strip div:last-child{border:0}.live-strip span{display:block;color:#999;font-size:10px;text-transform:uppercase}.live-strip strong{display:block;margin-top:3px;font-size:17px}.projector-footer{position:absolute;z-index:5;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:14px 28px;color:#aaa;font-size:11px}.projector-footer>span,.projector-footer>div{display:flex;align-items:center;gap:8px}.projector-footer>div>i{width:1px;height:18px;background:#555;margin:0 8px}.host-error{position:absolute;z-index:20;left:50%;bottom:70px;transform:translate(-50%);padding:12px 16px;border-radius:10px;background:#8f2116}.host-error button,.new-match{margin-left:12px}.new-match{position:absolute;z-index:20;right:28px;bottom:28px;border:0;border-radius:999px;padding:14px 22px;font-weight:850}.host-lock form{width:min(390px,calc(100% - 32px));padding:28px;border:1px solid #333;border-radius:16px}.host-lock span{color:var(--yellow);font-size:12px;text-transform:uppercase}.host-lock h1{margin:8px 0 20px;font-size:44px}.host-lock input{width:100%;height:54px;padding:0 14px;border:1px solid #555;border-radius:9px;background:#111;color:#fff}.host-lock .primary-button{width:100%;margin-top:14px}.phone-shell{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#030406;color:#f6f4ee;touch-action:none;overscroll-behavior:none}.phone-shell:after{content:"";pointer-events:none;position:absolute;z-index:1;inset:0;background:linear-gradient(rgba(0,0,0,.65),transparent 22%,transparent 64%,rgba(0,0,0,.66))}.phone-brand{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(env(safe-area-inset-top) + 15px) 18px 12px}.phone-brand strong{font-size:20px;font-weight:900;letter-spacing:-.6px}.phone-brand span{font-size:11px;color:#c4c2bc}.join-sheet,.pending-card{position:absolute;z-index:6;left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom) + 10px);max-height:76%;overflow:auto;padding:22px;border-radius:20px;background:#f4f1e8f5;color:#111;box-shadow:0 18px 60px #0000007a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.join-sheet .eyebrow{margin:0;color:#6e6813;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.join-sheet h1,.pending-card h1{margin:7px 0 8px;font-size:clamp(30px,9vw,45px);line-height:.92;letter-spacing:-.055em}.join-sheet>p:not(.eyebrow){margin:0;color:#5e5c57;font-size:14px;line-height:1.42}.entry-terms{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:15px 0;background:#d1cec5;border-radius:10px;overflow:hidden}.entry-terms span{padding:11px;background:#e8e5dc;color:#67655f;font-size:11px}.entry-terms strong{display:block;color:#111;font-size:16px}.join-sheet label{font-size:11px;font-weight:800}.name-field{display:flex;gap:7px;margin:6px 0 10px}.name-field input{min-width:0;flex:1;height:50px;padding:0 13px;border:1px solid #c4c0b7;border-radius:10px;background:#fff;color:#111;font-size:16px}.name-field button{border:0;border-radius:10px;padding:0 13px;background:#d9d5cc;color:#111;font-weight:750}.join-sheet>.primary-button,.pending-card>.primary-button{width:100%}.join-sheet>small{display:block;margin-top:8px;text-align:center;color:#85827b;font-family:ui-monospace,monospace}.text-button{display:block;margin:8px auto 0;border:0;background:none;color:#716f69;font-size:11px}.inline-error{display:block;margin-top:9px;color:#a01b12;font-size:12px}.pending-card{text-align:center}.pending-card>span{font-size:12px;color:#777}.phone-race{position:absolute;inset:0;overflow:hidden}.arena-hud{position:absolute;z-index:5;top:calc(env(safe-area-inset-top) + 10px);left:10px;right:10px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:1px;border-radius:12px;overflow:hidden;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.arena-hud div{padding:9px 10px;background:#050607bf}.arena-hud span{display:block;color:#aaa;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.arena-hud strong{display:block;margin-top:2px;font-size:18px}.arena-hud small{font-size:10px;color:#bbb}.rider-status{position:absolute;z-index:5;top:calc(env(safe-area-inset-top) + 73px);left:12px;display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:999px;background:#050607a3;font-size:10px}.rider-status strong{color:var(--yellow)}.center-cue,.final-result{position:absolute;z-index:6;left:50%;top:43%;transform:translate(-50%,-50%);width:min(330px,82%);text-align:center;text-shadow:0 4px 25px #000}.center-cue strong,.center-cue span{display:block}.center-cue strong{font-size:34px;letter-spacing:-.04em}.center-cue span{margin-top:6px;color:#d1cec6;font-size:13px}.final-result span{color:var(--yellow);font-size:11px;font-weight:900;text-transform:uppercase}.final-result h1{margin:6px 0;font-size:42px;line-height:.9}.final-result>strong{font-size:22px;color:var(--yellow)}.turn-controls{position:absolute;z-index:8;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 16px);display:flex;justify-content:space-between;align-items:end;padding:0 17px;pointer-events:none}.turn-controls button{pointer-events:auto;border:1px solid rgba(255,255,255,.28);color:#fff;background:#0c0d0f5c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:inset 0 0 0 1px #00000047,0 7px 22px #00000038;user-select:none;-webkit-user-select:none}.turn-controls button:active{transform:scale(.93);background:#f5d90a47}.turn-button{width:76px;height:76px;border-radius:50%;font-size:38px}.boost-button{width:88px;height:88px;border-radius:50%;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.boost-button:disabled{opacity:.25}.connection-dot{position:absolute;z-index:7;left:50%;bottom:calc(env(safe-area-inset-bottom) + 113px);transform:translate(-50%);display:flex;gap:5px;align-items:center;padding:5px 8px;border-radius:999px;background:#0405068c;color:#bbb;font-size:9px}.connection-dot i{display:block}.chain-ticker{position:absolute;z-index:6;right:10px;top:calc(env(safe-area-inset-top) + 80px);width:min(240px,64vw);display:flex;flex-direction:column;gap:4px;pointer-events:none}.activity{display:grid;grid-template-columns:7px 1fr;align-items:center;column-gap:7px;padding:6px 8px;border-radius:8px;background:#0506079e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:9px;animation:activity-in .24s ease-out}.activity>i{grid-row:1/3;width:6px;height:6px;border-radius:50%;background:#73ddff}.activity small{display:block;color:#8e9093;font-family:ui-monospace,monospace}.activity--pending>i{background:var(--yellow);animation:pulse .8s infinite alternate}@keyframes pulse{to{opacity:.35}}.play-error{position:absolute;z-index:12;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 210px);padding:10px;border-radius:9px;background:#78120ce6;color:#fff}.rider-label{padding:3px 7px;border-radius:999px;background:#08090b;color:#fff;font-size:9px;font-weight:800;white-space:nowrap}.rider-label--own{background:var(--yellow);color:#08090b}@media(max-width:800px){.host-shell{min-height:0}.projector-header{padding:15px;grid-template-columns:1fr auto}.pool-pill{display:none}.projector-lobby{grid-template-columns:1fr;padding:90px 16px 22px}.lobby-copy{display:none}.join-ticket{width:min(330px,100%);justify-self:center}.activity-rail,.leaderboard,.projector-footer{display:none}.match-meta{padding:8px 11px}.brand-lockup h1{font-size:20px}.live-strip{bottom:18px;width:calc(100% - 24px)}.live-strip div{min-width:0;flex:1;padding:8px}.projector-countdown strong{font-size:120px}}.cinema-vignette{background:linear-gradient(90deg,rgba(0,0,0,.52),transparent 24%,transparent 72%,rgba(0,0,0,.48)),linear-gradient(0deg,rgba(0,0,0,.42),transparent 25%,rgba(0,0,0,.14))}@media(max-height:650px)and (orientation:landscape){.join-sheet{inset:8px 8px 8px auto;width:390px;max-height:none}.phone-brand,.arena-hud{right:410px}.turn-controls{right:400px}.chain-ticker{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.wallet-strip{display:flex;align-items:center;gap:9px;margin-top:13px;padding:9px 10px;border:1px solid #cbc7bd;border-radius:10px;background:#e9e6dd}.wallet-strip>i{width:9px;height:9px;border-radius:50%;background:#68b751;box-shadow:0 0 0 4px #68b75124}.wallet-strip span{font-size:11px;font-weight:750}.wallet-strip small{display:block;margin-top:2px;color:#74716b;font-family:ui-monospace,monospace;font-size:9px;font-weight:500}.activity-card a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#777;font:9px ui-monospace,monospace}.activity-card a:hover{color:var(--yellow)}.activity a{grid-column:2;color:#bdb587;font-size:8px;pointer-events:auto}.wallet-details{width:min(270px,90%);margin:15px auto 0;padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#040506ad;text-align:left;text-shadow:none}.wallet-details summary{cursor:pointer;font-size:11px;font-weight:800}.wallet-details small,.wallet-details span,.wallet-details a{display:block;margin-top:6px;font-size:9px}.wallet-details span{display:flex;justify-content:space-between;color:#bbb}.wallet-details a{color:var(--yellow)}
