:root{color-scheme:dark;--bg:#090e20;--panel:#10192e;--line:#25334b;--text:#f0f5ff;--muted:#97a9c6;--mint:#7af5c5;--purple:#bd9bff;--orange:#ffb570}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#26204555,transparent 55%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{border:1px solid transparent;background:var(--mint);color:#0b2020;font-weight:800;border-radius:12px;padding:15px 22px;cursor:pointer;transition:transform .15s,background .15s}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b4ceff;outline-offset:4px}a{color:inherit;text-decoration:none}input{background:#0b1224;border:1px solid #3a4b66;color:var(--text);border-radius:12px;padding:16px;width:100%;min-width:0}input[type=checkbox]{accent-color:var(--mint);width:18px;height:18px}.topbar{height:91px;padding:18px max(28px,calc((100% - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:850;letter-spacing:-.5px;white-space:nowrap}.brand b{color:var(--mint)}.brand small{font-size:8px;display:block;letter-spacing:2px;color:var(--muted);margin-top:5px}.brand-icon{background:var(--mint);color:#122729;border-radius:12px;display:grid;place-items:center;width:43px;height:43px;transform:rotate(-7deg);font-size:19px}.top-actions{display:flex;align-items:center;gap:12px}.beta,.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--mint)}.beta{border:1px solid #2d544b;border-radius:30px;padding:7px 10px;letter-spacing:1px}.quiet{background:#142039;color:#c9d7ec;border:1px solid #31415b;font-size:12px;padding:11px 15px}.dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:5px}main{max-width:1500px;margin:auto;padding:0 30px}.landing{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;align-items:center;min-height:590px;padding:65px 0 45px}.eyebrow{line-height:1.5}h1{font-size:clamp(44px,4.9vw,76px);letter-spacing:-4px;line-height:1.04;margin:26px 0 23px;font-weight:850}em{font-style:normal;color:var(--mint)}.lead{color:#c3cfe1;line-height:1.7;font-size:18px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}.tags span{font-size:10px;color:#c3cfe1;background:#182138;border:1px solid #29344f;padding:7px 10px;border-radius:6px}label{display:block;font-size:12px;font-weight:650;margin-bottom:9px}.entry-row{display:flex;gap:9px}.entry-row button{flex-shrink:0;display:flex;align-items:center;gap:22px}.check{display:flex;align-items:center;gap:8px;font-size:11px;color:#bac9df;margin:12px 0}.micro,.muted{font-size:11px;line-height:1.7;color:var(--muted)}.poster{height:465px;position:relative;background:radial-gradient(ellipse at 65% 40%,#49336599,transparent 60%),linear-gradient(145deg,#142745,#0b162b 70%);border:1px solid #364765;border-radius:32px;overflow:hidden;transform:rotate(2deg);box-shadow:0 28px 70px #0005}.poster:before{content:'';position:absolute;inset:0;background:linear-gradient(#5665a912 1px,transparent 1px),linear-gradient(90deg,#5665a912 1px,transparent 1px);background-size:35px 35px}.poster-caption{position:absolute;left:25px;top:24px;font-size:9px;letter-spacing:2px;color:#b0c4e0}.poster-orbit{width:380px;height:380px;border:1px solid #b78fff33;border-radius:50%;position:absolute;top:20px;left:15%;box-shadow:0 0 0 35px #a881ed09,0 0 0 70px #a881ed06}.poster-candle{position:absolute;width:55px;background:linear-gradient(90deg,#3b826b,#78edc0);border:2px solid #a1ffda;border-radius:4px;box-shadow:10px 8px #183a3c}.poster-candle:before{content:'';width:2px;height:160%;position:absolute;top:-30%;left:50%;background:#7df1c6;z-index:-1}.c1{height:75px;bottom:60px;left:15%}.c2{height:130px;bottom:95px;left:35%}.c3{height:195px;bottom:105px;left:55%}.c4{height:100px;bottom:140px;left:77%;background:linear-gradient(90deg,#c94b70,#fc83ab);border-color:#ff99b9}.mascot{position:absolute;width:90px;height:95px;border-radius:30px 30px 24px 24px;box-shadow:10px 12px 0 #060e2355}.mascot b{position:absolute;left:22px;top:25px;font-size:24px;color:#102238;letter-spacing:5px}.mascot span{position:absolute;left:34px;top:58px;font-size:26px;color:#122034}.bull{left:31%;top:125px;background:linear-gradient(135deg,#a7ffdc,#53cca1);transform:rotate(-18deg)}.bull:before,.bull:after{content:'';position:absolute;width:21px;height:35px;border:8px solid #f0ebcd;border-top:0;top:-13px;border-radius:0 0 20px 20px}.bull:before{left:-12px;transform:rotate(35deg)}.bull:after{right:-12px;transform:rotate(-35deg)}.bear{background:linear-gradient(135deg,#d9beff,#9168cf);right:15%;top:220px;transform:rotate(17deg)}.bear:before,.bear:after{content:'';width:30px;height:30px;background:#c19deb;position:absolute;top:-9px;border-radius:50%}.bear:before{left:-4px}.bear:after{right:-4px}.float-tag{position:absolute;font-size:11px;font-weight:850;letter-spacing:1px;padding:10px 15px;border-radius:8px}.pump{top:78px;right:14%;background:var(--mint);color:#16302b;transform:rotate(8deg)}.rug{bottom:105px;left:7%;color:#ffd097;border:1px solid #c58f6e;background:#3d2a32;transform:rotate(-8deg)}.poster-floor{position:absolute;bottom:50px;height:1px;background:#98b5df55;width:100%;transform:rotate(-7deg)}.poster-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1px;color:#b2c6df}.stage-preview{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:20px;margin-bottom:25px}.stage-preview>div{display:flex;gap:12px}.stage-preview b{color:#7386a6;font-size:11px;margin-top:3px}.stage-preview span{font-size:12px;font-weight:750}.stage-preview small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:7px}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0}.room-toolbar>div{display:flex;align-items:center;gap:14px}.room-toolbar strong{font-size:13px}.connection{font-size:10px;color:var(--mint);padding:7px 10px;border:1px solid #355348;border-radius:30px}.lobby{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;background:linear-gradient(130deg,#14253b,#12172b);padding:48px;border:1px solid #30405c;border-radius:24px;margin:14px 0 40px}h2{font-size:38px;letter-spacing:-1.5px;line-height:1.15;margin:16px 0}.lobby p{color:#b6c5db;font-size:14px;line-height:1.8}.lobby-rules{border-left:1px solid #34445d;padding-left:36px}.lobby-rules ol{padding-left:18px}.lobby-rules li{font-size:13px;line-height:1.6;margin-bottom:24px;color:#aec0d9}.lobby-rules li b{display:block;color:#edf3ff}.members{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.member{border:1px solid #355348;background:#162f31;padding:9px 12px;border-radius:9px;font-size:12px}.member.bot{background:#28213e;border-color:#5c477d}.member.offline{opacity:.45}.race-hud{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px}.race-hud h2{font-size:30px;margin:3px 0;letter-spacing:-1px}.hud-right{display:flex;gap:12px;align-items:center}.hud-right>span{color:var(--mint);font-size:13px;border-right:1px solid #3b4b63;padding-right:18px}.hud-right strong{font-size:38px;font-variant-numeric:tabular-nums}.hud-right small{font-size:8px;letter-spacing:1px;color:var(--muted)}.game-shell{height:min(58vw,610px);min-height:330px;position:relative;border:1px solid #3c4e6d;border-radius:20px;overflow:hidden;background:#111c35;touch-action:none}canvas{display:block;width:100%;height:100%}.corner-label{position:absolute;top:17px;left:18px;background:#0a152ccc;border:1px solid #354665;border-radius:20px;padding:7px 12px;font-size:9px;letter-spacing:1px;pointer-events:none}.overlay{position:absolute;inset:0;background:#070e2580;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;pointer-events:none}.overlay>span{color:var(--mint);font-size:11px;letter-spacing:3px}.overlay strong{font-size:clamp(35px,6vw,80px);letter-spacing:-2px;margin:12px 0}.overlay p{color:#c5d3e8;max-width:400px;font-size:14px;line-height:1.6}.next-camera{position:absolute;right:14px;top:14px}.touch-controls{position:absolute;bottom:18px;left:18px;right:18px;display:none;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:12px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;min-width:66px;height:64px;font-size:23px;border:1px solid #7c9abb88;background:#142c4bd9;color:#e7f8ff;padding:12px}.touch-controls button[data-control=jump]{background:#79f5c5e6;color:#102c26;font-size:16px;min-width:104px}.touch-controls button.pressed{background:#b2c5ff;transform:scale(.94)}.under-game{display:flex;justify-content:space-between;gap:12px;align-items:center}.under-game p{font-size:12px;color:#b0c3df}.under-game span{font-size:9px;color:var(--muted);letter-spacing:.5px}.under-game b{border:1px solid #394b66;border-radius:4px;padding:3px 5px;margin:0 4px}.race-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:14px 0}.standings,.reactions{padding:20px;background:#101a2c;border:1px solid var(--line);border-radius:16px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:15px}.section-label h3{font-size:13px;margin:0}.section-label>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.score-row{display:grid;grid-template-columns:25px 1fr 55px;gap:10px;align-items:center;padding:9px 8px;border-top:1px solid #263550;font-size:12px}.score-row.me{color:var(--mint);background:#193c372e}.score-row small{font-size:8px;color:#c2a7ff;border:1px solid #594676;border-radius:4px;padding:2px 4px;margin-left:6px}.score-row strong{text-align:right}.emote-buttons{display:flex;gap:6px;flex-wrap:wrap}.emote-buttons button{padding:9px 11px;background:#21304b;color:#cddbf0;font-size:10px;font-weight:650;border:1px solid #354761;border-radius:8px}#messages{font-size:11px;color:#a9bddb;line-height:1.8;margin-top:14px;min-height:25px}.podium{border:1px solid #497a63;background:linear-gradient(135deg,#183c36,#141b30);border-radius:20px;text-align:center;padding:40px;margin:20px 0}.podium p{color:#bdd6cd;font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:8px;letter-spacing:1.3px;color:#8193ad;border-top:1px solid #202e46}footer a{color:#bdcbe0}#status{color:#ffcb90;font-size:13px;line-height:1.6}#status:empty{display:none}dialog{max-width:490px;width:calc(100% - 30px);border:1px solid #4b5d7a;border-radius:20px;padding:32px;background:#132139;color:var(--text)}dialog::backdrop{background:#030816bd;backdrop-filter:blur(4px)}dialog p{font-size:14px;line-height:1.8;color:#c7d3e5}.close{float:right}[hidden]{display:none!important}
@media(pointer:coarse){.touch-controls{display:flex}.under-game>span{display:none}}
@media(max-width:900px){.landing{gap:25px;padding-top:38px}h1{letter-spacing:-2.5px}.poster{height:400px}.entry-row{flex-direction:column}.entry-row button{justify-content:space-between}.stage-preview{grid-template-columns:repeat(3,1fr)}.lobby{gap:25px;padding:30px}.race-hud h2{font-size:25px}.hud-right strong{font-size:30px}.game-shell{height:490px}.topbar{padding:16px 24px}}
@media(max-width:600px){main{padding:0 16px}.topbar{height:77px;padding:13px 16px}.brand{font-size:15px;gap:9px}.brand-icon{width:34px;height:34px;font-size:16px}.brand small{font-size:6px;letter-spacing:1.3px}.beta{display:none}.top-actions{gap:6px}.top-actions button{font-size:10px;padding:9px}.landing{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;gap:25px}.eyebrow{font-size:8px;letter-spacing:1.6px}h1{font-size:45px;letter-spacing:-2.7px;margin:18px 0}.lead{font-size:15px}.tags{gap:5px;margin:17px 0 22px}.tags span{font-size:8px;padding:6px 8px}.poster{height:290px;margin:0 5px 4px}.mascot{transform:scale(.8) rotate(-16deg)}.bull{top:50px}.bear{top:135px;right:12%;transform:scale(.7) rotate(15deg)}.poster-caption{font-size:7px}.pump{top:50px;right:8%;font-size:9px}.rug{bottom:65px;font-size:8px;left:4%}.poster-candle{width:35px}.c1{height:40px;bottom:45px}.c2{height:80px;bottom:65px}.c3{height:130px;bottom:75px}.c4{height:65px;bottom:88px}.poster-bottom{font-size:7px;bottom:14px}.stage-preview{grid-template-columns:1fr 1fr;gap:20px 8px}.stage-preview span{font-size:11px}.stage-preview small{font-size:9px}.room-toolbar{padding:15px 0;flex-wrap:wrap;gap:10px}.room-toolbar>div{gap:8px}.room-toolbar strong{font-size:11px}.room-actions{width:100%;justify-content:space-between}.quiet{padding:10px 12px}.lobby{display:block;padding:23px;margin-top:0;border-radius:17px}.lobby h2{font-size:29px}.lobby-rules{padding:20px 0 0;border-left:0;border-top:1px solid #334259;margin-top:22px}.lobby-rules li{margin-bottom:16px}.lobby p{font-size:12px}#start{width:100%;font-size:13px;padding:15px 10px}.race-hud{margin-top:8px}.race-hud h2{font-size:21px;letter-spacing:-.6px}.hud-right{gap:7px}.hud-right>span{font-size:10px;padding-right:8px}.hud-right small{display:none}.hud-right strong{font-size:28px}.game-shell{height:470px;min-height:0;border-radius:14px}.touch-controls{display:flex;left:12px;right:12px;bottom:14px}.touch-controls button{min-width:56px;height:60px;padding:10px}.touch-controls>div{gap:8px}.touch-controls button[data-control=jump]{min-width:95px;font-size:13px}.corner-label{font-size:7px;top:12px;left:12px}.next-camera{font-size:8px;top:9px;right:9px}.under-game>span{display:none}.under-game p{font-size:10px}.race-bottom{grid-template-columns:1fr;gap:12px}.standings,.reactions{padding:16px}.podium{padding:28px 18px}.podium h2{font-size:30px}footer{flex-direction:column;gap:12px;font-size:7px;line-height:1.8}.overlay strong{font-size:36px}.overlay p{font-size:12px}input{font-size:16px}}
@media(max-height:530px) and (orientation:landscape){.topbar,.room-toolbar,.race-bottom,.under-game,footer{display:none}.race-hud{margin:6px 0}.race-hud h2{font-size:17px}.race-hud .eyebrow{font-size:7px}.hud-right strong{font-size:20px}.game-shell{height:calc(100dvh - 63px);min-height:0}.touch-controls{display:flex;bottom:8px}.touch-controls button{height:49px}.race-hud{height:42px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* 3D controls: two-axis movement, independent jump and orbit camera. */
.camera-reset{position:absolute;right:14px;bottom:14px;background:#15243bcc}
#joystick{position:relative;display:block;width:116px;height:116px;border:2px solid #eff6ff88;border-radius:50%;background:#1a305b66;pointer-events:auto;touch-action:none;user-select:none;box-shadow:inset 0 0 20px #11244366}
#stick-knob{position:absolute;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;border-radius:50%;background:#edfbffd9;border:2px solid white;box-shadow:0 4px 12px #07152d55;pointer-events:none}
.stick-arrows{position:absolute;top:2px;left:46px;color:#effaff;opacity:.8;font-size:22px;pointer-events:none}
.touch-controls{align-items:flex-end}
.touch-controls button[data-control=jump]{height:78px;min-width:78px;border-radius:50%;margin-bottom:12px;box-shadow:0 4px 18px #14243b55}
@media(pointer:coarse),(max-width:600px){.camera-reset{bottom:auto;top:46px;font-size:9px;padding:7px 10px}.game-shell{height:560px;max-height:72dvh;min-height:410px}}
@media(max-height:530px) and (orientation:landscape){.game-shell{height:calc(100dvh - 63px);min-height:0;max-height:none}#joystick{width:96px;height:96px}.stick-arrows{left:36px}}

.touch-controls button[data-control=dive]{margin-left:auto;margin-right:10px;margin-bottom:16px;min-width:58px;width:58px;height:58px;border-radius:50%;background:#c3adfa;color:#211e43;font-size:10px;padding:4px}.touch-controls button[data-control=jump]{flex-shrink:0}