@font-face{font-family:Britti;src:url(/britti-sans-variable.woff2)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Britti,Inter,system-ui,sans-serif;background:#07131e;color:#f7f4eb}button,input{font:inherit}button{cursor:pointer}.boot-screen,.host-lock{display:grid;place-items:center;width:100%;height:100%;background:#07131e}.host-lock form{width:min(430px,90vw);display:grid;gap:14px;padding:36px;background:#10283a;border:1px solid #ffffff22;border-radius:18px}.host-lock h1{margin:0;font-size:42px}.host-lock input,.name-field input{min-height:52px;border:1px solid #193047;border-radius:12px;background:#fff;color:#102032;padding:0 16px;font-size:17px}.primary-button{min-height:54px;border:0;border-radius:12px;background:#18a9ef;color:#fff;font-weight:760;padding:0 22px;box-shadow:0 10px 30px #0585c144}.primary-button:disabled{opacity:.45;cursor:not-allowed}.text-button{border:0;background:none;color:inherit;opacity:.66;min-height:48px}.inline-error,.host-error{display:block;padding:10px 14px;background:#8d251ddd;color:#fff;border-radius:10px}.race-canvas{position:absolute;inset:0}.race-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.scene-fallback{position:absolute;inset:0;z-index:20;display:grid;place-content:center;gap:12px;text-align:center;background:#092338}.scene-fallback button{min-height:48px;border:0;border-radius:12px;padding:0 22px}.cinema-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 48%,transparent 45%,#06131b99 100%),linear-gradient(#06121d55,transparent 24%,transparent 72%,#06121dbb)}.host-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#2a91c0}.projector-header{position:absolute;z-index:4;left:3.2vw;right:3.2vw;top:2.6vh;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.brand-lockup{display:flex;align-items:center;gap:10px;text-shadow:0 2px 12px #00111c66}.wave-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#1a84cf;color:#cbedff;font-size:46px;line-height:1}.brand-lockup h1{margin:0;font-size:38px;letter-spacing:-1.5px}.brand-lockup div>span{display:flex;align-items:center;gap:5px;font-size:17px}.brand-lockup img,.projector-footer img{width:20px;height:20px}.race-meta,.pool-pill{background:#0a2135dc;border:1px solid #d8efff2b;box-shadow:0 12px 34px #00182a44;border-radius:13px;padding:12px 20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.race-meta{min-width:270px;display:grid;grid-template-columns:1fr auto;gap:4px 28px}.race-meta span{font-size:14px;letter-spacing:.07em}.race-meta strong{grid-column:2;grid-row:1/3;align-self:center;font-size:23px}.pool-pill span,.pool-pill strong{display:block}.pool-pill span{font-size:12px;opacity:.72}.pool-pill strong{font-size:21px}.leaderboard{position:absolute;z-index:4;left:3.2vw;top:17vh;width:260px;max-height:62vh;overflow:hidden;background:#081f33db;border:1px solid #e1f0ff1f;border-radius:14px;padding:17px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.leaderboard>span{text-transform:uppercase;font-size:12px;letter-spacing:.12em;opacity:.72}.leaderboard ol{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:5px}.leaderboard li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;min-height:36px;padding:4px 7px;border-radius:8px}.leaderboard li:nth-child(1){background:#0ba966}.leaderboard li b{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#ffffff20}.leaderboard li span{font-size:12px;opacity:.68}.projector-lobby{position:absolute;z-index:5;inset:0;display:grid;grid-template-columns:minmax(460px,1fr) 330px;gap:34px;align-items:end;padding:0 5vw 7vh 19vw;background:linear-gradient(90deg,#05152199,transparent 55%)}.lobby-copy>span{text-transform:uppercase;letter-spacing:.14em;font-size:13px}.lobby-copy h2{margin:8px 0 12px;font-size:clamp(48px,5vw,90px);line-height:.88;letter-spacing:-.055em}.lobby-copy p{max-width:650px;margin:0 0 25px;font-size:19px;line-height:1.38;text-shadow:0 2px 8px #001}.pool-line{display:flex;gap:9px}.pool-line span{min-width:130px;padding:11px 14px;border-radius:10px;background:#0a2135dc;border:1px solid #ffffff1f}.pool-line strong{display:block;margin-top:4px;font-size:19px}.join-ticket{display:grid;gap:10px;padding:20px;background:#f4f1e8;color:#0b2030;border-radius:17px;box-shadow:0 25px 60px #00152366}.join-ticket>span{font-size:19px}.join-ticket>div{display:grid;place-items:center;background:#fff;padding:12px}.join-ticket>strong{font-size:45px;text-align:center;letter-spacing:.18em}.join-ticket>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;opacity:.65}.projector-cue,.projector-countdown,.winner-screen{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;padding:36px 50px;border-radius:20px;background:#071c2ee8;border:1px solid #ffffff29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px #00131c88}.projector-cue img{width:60px}.projector-cue span,.projector-countdown span,.winner-screen span{text-transform:uppercase;letter-spacing:.12em;opacity:.7}.projector-cue strong{font-size:35px}.projector-countdown strong{font-size:110px;line-height:1}.projector-countdown small{font-size:15px}.winner-screen h2{margin:8px 0;font-size:68px}.winner-screen p{margin:0 0 12px}.winner-screen>strong{font-size:36px;color:#7ee7ff}.live-strip{position:absolute;z-index:5;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#071722e8;border-top:1px solid #ffffff25;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.live-strip div{padding:13px 28px;border-right:1px solid #ffffff1c}.live-strip span,.live-strip strong{display:block}.live-strip span{font-size:12px;opacity:.65}.live-strip strong{font-size:19px}.projector-footer{position:absolute;z-index:5;left:3.2vw;right:3.2vw;bottom:2.3vh;display:flex;justify-content:space-between;align-items:center;font-size:13px}.projector-footer div{display:flex;align-items:center;gap:7px}.projector-footer div i{width:28px;height:1px;background:#fff6;margin:0 7px}.projector-footer .online,.connection-dot .online{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6dff85;box-shadow:0 0 12px #41f861}.host-error{position:absolute;z-index:20;right:24px;bottom:82px}.host-error button,.new-match{margin-left:12px;min-height:40px;border:0;border-radius:8px}.new-match{position:absolute;z-index:20;right:24px;bottom:24px;padding:0 20px}.phone-shell,.phone-race{position:relative;width:100%;height:100%;overflow:hidden;background:#166c99;touch-action:none;user-select:none;-webkit-user-select:none}.phone-brand{position:absolute;z-index:5;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));display:flex;justify-content:space-between;text-shadow:0 2px 10px #001}.phone-brand strong{font-size:23px}.phone-brand span{font-size:13px}.join-screen:after,.entry-pending:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 23%,#03111bbb 66%,#03111bf5)}.join-sheet,.pending-card{position:absolute;z-index:5;left:0;right:0;bottom:0;max-height:76vh;overflow:auto;padding:24px max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));border-radius:24px 24px 0 0;background:#f4f1e9;color:#0b2232;box-shadow:0 -20px 70px #0017}.join-sheet .eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#177cad}.join-sheet h1,.pending-card h1{margin:3px 0 8px;font-size:clamp(32px,10vw,48px);line-height:.94;letter-spacing:-.045em}.join-sheet>p:not(.eyebrow){margin:0 0 15px;color:#50606a}.entry-terms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.entry-terms span{padding:11px 13px;border-radius:10px;background:#dfeaf0;font-size:12px}.entry-terms strong{display:block;margin-top:3px;font-size:18px}.join-sheet label{display:block;margin:10px 0 6px;font-size:13px}.name-field{display:grid;grid-template-columns:1fr auto;gap:8px}.name-field button{min-width:82px;border:0;border-radius:12px;background:#dbe8ee;color:#17384a}.join-sheet>.primary-button,.pending-card>.primary-button{width:100%;margin-top:11px}.join-sheet>small{display:block;text-align:center;margin-top:8px;opacity:.55}.join-sheet .text-button{width:100%;color:#17384a}.pending-card{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));border-radius:20px}.race-hud{position:absolute;z-index:5;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.race-hud>div{padding:8px 10px;border-radius:10px;background:#071c2caa;border:1px solid #ffffff1e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #00172d2b}.race-hud span,.race-hud strong{display:block}.race-hud span{text-transform:uppercase;font-size:9px;letter-spacing:.1em;opacity:.68}.race-hud strong{font-size:22px;line-height:1}.race-hud small{font-size:10px;font-weight:500}.speedometer{position:absolute;z-index:5;right:max(16px,env(safe-area-inset-right));top:88px;text-align:right;text-shadow:0 2px 10px #002}.speedometer strong{font-size:41px;line-height:.8}.speedometer span{display:block;font-size:10px;text-transform:uppercase}.boat-bars{position:absolute;z-index:5;left:max(14px,env(safe-area-inset-left));top:88px;width:128px;display:grid;gap:6px}.boat-bars label{display:grid;grid-template-columns:33px 1fr;align-items:center;gap:6px;font-size:9px;text-transform:uppercase;text-shadow:0 1px 5px #001}.boat-bars label>span{height:5px;border-radius:9px;background:#02101b99;overflow:hidden}.boat-bars i{display:block;height:100%;background:#42cfff}.boat-bars label+label i{background:#61e08b}.hazard-warning{position:absolute;z-index:6;left:50%;top:22%;transform:translate(-50%);display:flex;gap:5px;align-items:baseline;padding:7px 12px;border-radius:8px;background:#d54b27df;box-shadow:0 6px 25px #77200f88;animation:hazardPulse .8s ease-in-out infinite alternate}.hazard-warning strong{text-transform:capitalize}.hazard-warning span{font-size:11px;text-transform:uppercase}@keyframes hazardPulse{to{transform:translate(-50%) scale(1.04)}}.center-cue,.final-result{position:absolute;z-index:6;left:50%;top:42%;transform:translate(-50%,-50%);min-width:min(320px,84vw);padding:18px;text-align:center;border-radius:16px;background:#061928bd;border:1px solid #ffffff22;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.center-cue strong,.center-cue span{display:block}.center-cue strong{font-size:25px}.center-cue span{margin-top:5px;font-size:13px;opacity:.75}.final-result span{text-transform:uppercase;font-size:11px;letter-spacing:.13em}.final-result h1{margin:6px 0;font-size:32px}.final-result.winner{background:#063426d9}.steer-pad{position:absolute;z-index:8;left:max(15px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:136px;height:136px;border-radius:50%;border:2px solid #ffffff29;background:#06131d1f;box-shadow:inset 0 0 30px #0016;touch-action:none}.steer-pad:before,.steer-pad:after{position:absolute;top:50%;transform:translateY(-50%);font-size:23px;opacity:.48}.steer-pad:before{content:"‹";left:12px}.steer-pad:after{content:"›";right:12px}.steer-pad>span{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:50%;background:#eef7ff2d;border:1px solid #ffffff3d;box-shadow:0 7px 20px #0018}.steer-pad i{position:absolute;inset:18px 10px;border-top:2px solid #fff8;border-radius:50%}.boost-button{position:absolute;z-index:8;right:max(17px,env(safe-area-inset-right));bottom:max(21px,env(safe-area-inset-bottom));width:105px;height:105px;border-radius:50%;border:2px solid #ffffff35;background:#0d75c252;color:#fff;box-shadow:inset 0 0 35px #58caff38,0 10px 30px #001b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:none}.boost-button span{font-weight:800;text-transform:uppercase;letter-spacing:.08em}.boost-button.pressed{transform:scale(.94);background:#1ba5fb9c;box-shadow:0 0 35px #5bd8ff99}.brake-button{position:absolute;z-index:8;right:max(112px,calc(env(safe-area-inset-right) + 112px));bottom:max(18px,env(safe-area-inset-bottom));width:62px;height:62px;border-radius:50%;border:1px solid #ffffff2b;background:#07162451;color:#fff;font-size:11px;text-transform:uppercase;touch-action:none}.connection-dot{position:absolute;z-index:6;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:5px;font-size:9px;text-transform:uppercase;opacity:.65}.connection-dot i{width:6px;height:6px;border-radius:50%;background:#ffb24a}.play-error{position:absolute;z-index:15;left:50%;bottom:170px;transform:translate(-50%);width:min(330px,86vw);text-align:center;font-size:12px}.boat-label{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:4px 7px;border-radius:6px;background:#071c2ddf;color:#fff;font-size:10px;box-shadow:0 5px 14px #0017}.boat-label span{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#278bd2}.boat-label--own{background:#126eb4;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(orientation:landscape)and (pointer:coarse){.race-hud{right:auto;width:340px}.speedometer{right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top))}.boat-bars{left:auto;right:max(14px,env(safe-area-inset-right));top:60px}.steer-pad{width:116px;height:116px}.boost-button{width:94px;height:94px}.brake-button{right:max(105px,calc(env(safe-area-inset-right) + 105px))}.center-cue{top:46%}}@media(max-width:900px){.host-shell:not(.play-screen) .leaderboard{width:210px}.projector-header{left:20px;right:20px}.projector-lobby{padding-left:240px}.brand-lockup h1{font-size:28px}.race-meta{min-width:210px}}@media(prefers-reduced-motion:reduce){.hazard-warning{animation:none}}