:root{color-scheme:dark;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif;--cyan:#36f4ff;--orange:#ff8a35;--ink:#030711}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#02050b}body{color:#eaffff;letter-spacing:.06em}button,input{font:inherit}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#game-canvas.free-look{cursor:grabbing}.persistent-hub-link{position:fixed;top:96px;left:30px;z-index:40;padding:9px 12px;color:#8fb1b8;background:#02090ecc;border:1px solid rgba(54,244,255,.24);text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.18em;backdrop-filter:blur(6px)}.persistent-hub-link:hover{color:#eaffff;border-color:var(--cyan)}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .45s ease;background:radial-gradient(circle at 38% 45%,rgba(10,41,55,.35),transparent 52%),linear-gradient(90deg,#01050af7,#01050a94 58%,#01050ae0)}.screen.visible{opacity:1;pointer-events:auto}.screen:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(90,240,255,.12) 4px)}.menu-shell{width:min(1240px,92vw);display:grid;grid-template-columns:1.08fr .9fr .74fr;gap:30px;align-items:center;position:relative;z-index:1}.brand-block h1{font-family:Impact,Arial Black,sans-serif;font-style:italic;font-size:clamp(64px,8.5vw,138px);line-height:.74;letter-spacing:-.045em;margin:18px 0 30px;text-shadow:0 0 28px rgba(54,244,255,.34)}.brand-block h1 em{color:transparent;-webkit-text-stroke:2px var(--cyan);text-shadow:0 0 20px rgba(54,244,255,.7)}.brand-block p{max-width:440px;color:#89a5ad;font-weight:600;line-height:1.6;letter-spacing:.14em;text-transform:uppercase}.hub-link{display:block;width:max-content;margin-bottom:18px;color:#718d95;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.18em}.hub-link:hover{color:var(--cyan)}.eyebrow{color:var(--cyan);font-weight:800;font-size:12px;letter-spacing:.34em}.menu-panel,.leaderboard-panel,.result-card{border:1px solid rgba(82,239,255,.22);background:linear-gradient(135deg,#07121af0,#03090fe0);box-shadow:0 22px 80px #0000008c,inset 0 0 40px #28dcff08;backdrop-filter:blur(14px)}.menu-panel{padding:26px;max-height:92vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#1d5360 transparent}label,legend{color:#7898a1;font-size:10px;font-weight:800;letter-spacing:.22em}input{width:100%;margin-top:10px;background:#07141c;color:#fff;border:1px solid #193b46;padding:15px;outline:none;font-weight:800;letter-spacing:.18em;text-transform:uppercase}input:focus{border-color:var(--cyan);box-shadow:0 0 15px #36f4ff2e}fieldset{border:0;padding:0;margin:25px 0}.difficulty-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.difficulty-row button{color:#66858e;padding:12px 4px;background:#071219;border:1px solid #16313a;font-size:10px;font-weight:900;letter-spacing:.08em;cursor:pointer}.difficulty-row small{display:block;margin-top:5px;font-weight:500;font-size:8px;letter-spacing:.04em}.difficulty-row button.selected{color:#021014;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 20px #36f4ff52}.map-select{margin-top:-7px;margin-bottom:20px}.map-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.map-row button{min-height:54px;padding:9px 6px;color:#617e87;background:#061018;border:1px solid #16313a;cursor:pointer}.map-row b,.map-row small{display:block}.map-row b{font-size:8px;letter-spacing:.08em}.map-row small{margin-top:5px;color:#48636b;font-size:7px}.map-row button.selected{color:#021014;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 18px #36f4ff3d}.map-row button.selected small{color:#16434c}.primary,.ghost{width:100%;padding:16px 18px;border:0;cursor:pointer;font-weight:900;letter-spacing:.16em;transition:.2s}.primary{background:var(--cyan);color:#011015;box-shadow:0 0 26px #36f4ff3d}.primary:hover{background:#b9fbff;transform:translateY(-2px)}.primary span{float:right}.ghost{background:transparent;color:#79959d;margin-top:8px;border:1px solid #19323a}.controls-card{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px;color:#63818a;font-size:9px;font-weight:800}.controls-card div{display:flex;align-items:center;gap:5px}kbd{min-width:25px;padding:5px;text-align:center;color:#bfe8eb;background:#0c1b22;border:1px solid #24444c;border-bottom-width:3px;font-size:8px}.leaderboard-panel{min-height:360px;padding:24px;align-self:center}.panel-title{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #17313a;color:#8cabaf;font-size:10px;font-weight:900;letter-spacing:.2em}.panel-title b{color:var(--cyan)}.leader-row{display:grid;grid-template-columns:25px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid rgba(28,57,65,.55);font-size:10px}.leader-row .rank{color:#56727a}.leader-row .name{color:#d9f7f8;font-weight:800}.leader-row .record{color:var(--cyan);text-align:right}.leader-row small{display:block;color:#526e75;margin-top:3px}.leader-empty{padding:60px 10px;text-align:center;color:#506a71;line-height:1.7;font-size:10px}.hud{position:fixed;inset:0;z-index:10;opacity:0;pointer-events:none;transition:opacity .35s}.hud.active{opacity:1}.hud-top{display:flex;justify-content:space-between;padding:25px 30px;align-items:start}.lap-box,.timer-box{border-left:2px solid var(--cyan);padding:4px 15px;text-shadow:0 0 12px rgba(54,244,255,.45)}.hud small,.meter-group>span{display:block;color:#7898a1;font-size:9px;font-weight:900;letter-spacing:.22em}#map-readout{color:var(--cyan)}.lap-box strong,.timer-box strong{display:block;font-size:24px;font-style:italic;letter-spacing:.08em}.lap-box span{color:var(--cyan);font-size:9px;font-weight:900;margin-right:9px}.timer-box{position:absolute;left:50%;transform:translate(-50%);text-align:center;border:0}#minimap{width:170px;height:170px;border:1px solid rgba(54,244,255,.25);background:#01070cb8;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.rider-board{position:absolute;left:30px;top:135px;width:170px}.arena-guide{position:absolute;right:30px;top:215px;width:170px;padding:12px;background:#020a0fb8;border:1px solid rgba(54,244,255,.18);backdrop-filter:blur(5px)}.guide-title{color:#73929a;font-size:8px;font-weight:900;letter-spacing:.22em;padding-bottom:8px;margin-bottom:5px;border-bottom:1px solid #173039}.arena-guide>div:not(.guide-title){display:flex;align-items:center;gap:9px;padding:6px 0;color:#c8e9eb;font-size:8px;font-weight:900;letter-spacing:.08em}.arena-guide small{display:block;color:#56737a;font-size:7px;margin-top:2px;letter-spacing:.03em}.guide-icon{width:10px;height:10px;display:block;flex:0 0 auto}.guide-icon.pad{border:2px solid #36f4ff;border-radius:50%;box-shadow:0 0 7px #36f4ff}.guide-icon.rotor{background:#ff3e9d;height:2px;box-shadow:0 0 6px #ff3e9d}.guide-icon.pylon{background:#9d6bff;transform:rotate(45deg);box-shadow:0 0 6px #9d6bff}.guide-icon.down{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid #ff3e9d}.guide-icon.up{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #39ff9a}.guide-icon.charge{border:2px solid #ffb339;border-radius:50%;box-shadow:0 0 7px #ffb339}.guide-icon.overdrive{background:#ff3e9d;transform:rotate(45deg);box-shadow:0 0 7px #ff3e9d}.guide-icon.shield{border:2px solid #36f4ff;border-radius:50% 50% 45% 45%;box-shadow:0 0 7px #36f4ff}.rider-line{display:grid;grid-template-columns:16px 1fr auto;gap:8px;padding:7px 8px;margin:2px 0;background:#020a0f9e;border-left:2px solid var(--rider);font-size:9px;font-weight:800}.rider-line i{width:5px;height:5px;border-radius:50%;background:var(--rider);box-shadow:0 0 8px var(--rider);align-self:center}.rider-line b{color:#79949c}.rider-line.player{background:#143940a8}.hud-bottom{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:end;gap:34px;width:min(650px,90vw)}.meter-group{flex:1;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}.meter{grid-column:1/3;height:5px;background:#10252b;overflow:hidden}.meter i{display:block;width:100%;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .1s}.meter-group b{font-size:10px;color:var(--cyan)}.disc .meter i{background:var(--orange);box-shadow:0 0 12px var(--orange)}.disc b{color:var(--orange)}.speed{min-width:115px;text-align:center;border-bottom:2px solid var(--cyan);padding-bottom:7px}.speed strong{font-family:Impact,sans-serif;font-size:42px;font-style:italic;line-height:.8}.speed span{display:block;color:#7a989f;font-size:8px;margin-top:7px}.effect-readout{position:absolute;left:50%;bottom:62px;transform:translate(-50%);color:#617f87;font-size:8px;font-weight:900;letter-spacing:.18em;white-space:nowrap;text-shadow:0 0 10px transparent}.effect-readout.active{color:#eaffff;text-shadow:0 0 12px var(--cyan)}.announcement{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%) scale(.9);font-family:Impact,sans-serif;font-style:italic;font-size:clamp(38px,7vw,82px);letter-spacing:.04em;color:#fff;text-shadow:0 0 20px var(--cyan);opacity:0;transition:.25s;white-space:nowrap}.announcement.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.pause-screen,.result-screen{background:#01060bb8;backdrop-filter:blur(6px)}.result-card{width:min(530px,90vw);padding:42px;text-align:center;position:relative;z-index:1}.result-card h2{font-family:Impact,sans-serif;font-size:68px;font-style:italic;margin:12px 0 5px;letter-spacing:.04em;text-shadow:0 0 22px rgba(54,244,255,.45)}.result-card>p{color:#759099;font-size:11px;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:1fr 1fr;margin:28px 0;gap:1px;background:#18343c}.stats-grid div{background:#061018;padding:19px}.stats-grid strong{display:block;margin-top:8px;color:#fff;font-size:19px}.stats-grid small{color:#65838b;font-size:8px;font-weight:900;letter-spacing:.2em}#touch-controls{display:none;position:fixed;z-index:12;inset:auto 18px 24px;justify-content:space-between;pointer-events:none}.touch-steer,.touch-actions{display:flex;gap:10px}.touch-actions{flex-direction:column}.touch-steer button{width:66px;height:66px}.touch-actions button{width:70px;height:48px}#touch-controls button{pointer-events:auto;border:1px solid rgba(54,244,255,.42);background:#04131bb8;color:#d8fdff;font-weight:900;font-size:11px;touch-action:none}@media(max-width:900px){.menu-shell{grid-template-columns:1fr 1fr}.leaderboard-panel{display:none}.brand-block h1{font-size:72px}.hud-top{padding:16px}#minimap{width:125px;height:125px}.rider-board,.arena-guide{display:none}}@media(pointer:coarse),(max-width:700px){#touch-controls.active{display:flex}.menu-shell{grid-template-columns:1fr}.brand-block{display:none}.menu-panel{width:min(440px,92vw)}.hud-bottom{bottom:115px}.controls-card{display:none}.persistent-hub-link{top:10px;left:10px}.map-row{grid-template-columns:1fr}.map-row button{min-height:42px}}