*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#060a16;color:#edf5ff;font:14px/1.5 'Segoe UI',system-ui,sans-serif}body{overflow:hidden;--hero-color:#78eaff}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:wait;opacity:.5}button:focus-visible{outline:2px solid #adf7ff;outline-offset:4px}button:active{transform:translateY(1px)}[hidden]{display:none!important}
#world{position:fixed;inset:0;display:block;width:100%;height:100%}body[data-phase=select] #world{visibility:hidden}.glass{background:#111a2be8;border:1px solid #d6f1ff20;box-shadow:0 14px 50px #0004;backdrop-filter:blur(14px)}.screen{position:fixed;inset:0;z-index:5}
.selection{overflow:auto;background:radial-gradient(ellipse at 25% 38%,#23415a99,transparent 45%),radial-gradient(ellipse at 85% 70%,#54245088,transparent 40%),linear-gradient(140deg,#0b1023ef,#060a18f5),url('./assets/app1-preview.png') center/cover;padding:24px max(30px,calc((100vw - 1220px)/2)) 20px}
.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:900;letter-spacing:.19em}.brand i{display:inline-block;width:24px;height:24px;border:3px solid var(--hero-color);border-radius:8px;transform:rotate(-12deg);box-shadow:0 0 20px #79efff44}.brand span{font-weight:500;font-size:10px;letter-spacing:.24em;color:#a4c1d9;border-left:1px solid #7189a844;padding-left:12px}.lobby-badge{font-size:10px;letter-spacing:.16em;color:#a7b8d4;border:1px solid #a1c9f533;border-radius:30px;padding:7px 12px}
.lobby-main{min-height:390px;height:min(52vh,510px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:45px;align-items:center;margin-top:10px}.hero-stage{height:100%;min-height:320px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-stage img{width:94%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 25px #0008);animation:arrival .5s ease-out}.stage-halo{position:absolute;inset:3% 5% 5%;z-index:-1;background:radial-gradient(ellipse,var(--hero-color),transparent 62%);opacity:.11;filter:blur(18px)}.stage-lines{position:absolute;bottom:9%;left:10%;width:80%;height:18%;border:1px solid #b3e9ff38;border-radius:50%;box-shadow:0 0 30px #60c9ff11,inset 0 0 25px #83ecff11;transform:perspective(400px) rotateX(55deg)}.stage-caption{position:absolute;bottom:0;font-size:9px;letter-spacing:.25em;color:#7491aa}
.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--hero-color);margin:0 0 10px}.hero-info h1{font-size:clamp(32px,4vw,59px);line-height:1.05;letter-spacing:-.045em;margin:0;font-weight:900}.hero-tag{display:inline-block;color:var(--hero-color);font-size:12px;margin-top:14px;padding:4px 10px;background:#e4f9ff09;border:1px solid #c5e8ff22;border-radius:6px}.hero-description{color:#9fb2cb;max-width:390px;font-size:13px;line-height:1.7;margin:15px 0 20px}.race-specs{display:grid;grid-template-columns:repeat(3,1fr);max-width:420px;margin:15px 0;border-top:1px solid #bfddff22;border-bottom:1px solid #bfddff22;padding:14px 0}.race-specs div+div{border-left:1px solid #bfddff22;padding-left:18px}.race-specs strong{display:block;font-size:25px;font-weight:850;line-height:1.15}.race-specs span{display:block;font-size:9px;color:#94a8c2;margin-top:4px}.fair-play{font-size:11px;color:#9db3c9}.fair-play span{color:var(--hero-color);margin-right:7px}
.start-button{width:100%;max-width:420px;border-radius:9px;background:linear-gradient(110deg,var(--hero-color),#c1f8ff);color:#071724;font-size:13px;letter-spacing:.16em;font-weight:900;padding:16px 18px;box-shadow:0 8px 28px #55d8ff18;transition:filter .2s,transform .2s}.start-button:hover{filter:brightness(1.15)}.load-track{max-width:420px;height:2px;background:#57698630;margin-top:13px;overflow:hidden}.load-track div{height:100%;width:3%;background:var(--hero-color);transition:width .4s}.load-label{font-size:10px;color:#91a8c3;margin:6px 0}.load-label.error{color:#ff9ca2}.start-hint{font-size:10px;color:#71869e;letter-spacing:.04em;margin-top:12px}.start-hint span{margin:0 7px}
.hero-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}.hero-card{position:relative;border:1px solid #819ac12b;background:linear-gradient(145deg,#1a29408c,#101827c4);border-radius:12px;min-height:141px;padding:6px 10px 12px;text-align:left;overflow:hidden;transition:border-color .2s,background .2s,transform .2s}.hero-card:hover{border-color:#a8dfff90;transform:translateY(-3px)}.hero-card[aria-pressed=true]{border-color:var(--hero-color);background:linear-gradient(135deg,#224052ad,#172b3bd6);box-shadow:0 0 0 1px var(--hero-color),0 7px 25px #0003}.hero-card[aria-pressed=true]:after{content:'ВЫБРАН';position:absolute;right:9px;top:9px;font-size:7px;letter-spacing:.1em;background:var(--hero-color);color:#10202c;border-radius:3px;padding:3px 5px;font-weight:800}.hero-card img{width:100%;height:91px;object-fit:contain;filter:drop-shadow(0 4px 5px #0005)}.hero-card span{display:block;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card small{font-size:9px;color:#819bb7}
.lobby-footer{margin-top:21px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:14px;border-top:1px solid #d7eaff18}.lobby-footer>span{font-size:8px;letter-spacing:.1em;color:#7d91ab;max-width:220px}.item-legend{display:flex;gap:11px;flex-wrap:wrap}.item-legend span{display:inline-flex;align-items:center;gap:4px;color:#a3b5cb;font-size:8px}.item-legend b{color:var(--item-color);font-size:14px}
.race-hud{position:fixed;inset:0;z-index:2;pointer-events:none}.race-hud button,.race-hud canvas{pointer-events:auto}.top-status{position:absolute;top:22px;left:22px;border-radius:13px;padding:10px 17px;display:flex;align-items:center;gap:23px}.place{display:flex;align-items:baseline;gap:4px}.place strong{font-size:37px;line-height:1;font-weight:900}.place span{color:#9fb2c7;font-size:13px}.lap small,.timer small{display:block;font-size:8px;color:#7e97b4;letter-spacing:.16em}.lap b,.timer b{font-size:13px;font-variant-numeric:tabular-nums}.timer{min-width:63px}#map{position:absolute;right:22px;top:22px;width:220px;height:120px;border:1px solid #d6f1ff20;border-radius:13px;background:#101a2be6}
.speed-hud{position:absolute;right:22px;bottom:100px;min-width:175px;border-radius:15px;padding:14px 18px}.speed-hud>small{color:#9ce8df;font-size:9px;letter-spacing:.15em}.speed-hud>div:nth-child(2){display:flex;align-items:baseline;gap:7px}.speed-hud strong{font-size:46px;line-height:1.25;font-weight:900;font-variant-numeric:tabular-nums}.speed-hud div>span{font-size:11px;color:#94aac1}.energy-label{display:flex;justify-content:space-between;gap:12px;margin-top:9px}.energy-label span,.energy-label b{font-size:8px!important;letter-spacing:.06em;color:#a5b8cc}.nitro-track{height:5px;border-radius:5px;background:#6982a52b;overflow:hidden;margin-top:6px}.nitro-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ad94ff,#78fff0);transform-origin:left;transition:transform .08s linear}
.item-hud{position:absolute;left:22px;bottom:60px;max-width:400px;border-radius:15px;padding:13px;display:grid;grid-template-columns:53px 1fr;gap:12px;--item-color:#b4a2ff}.item-icon{width:53px;height:53px;border-radius:12px;border:1px solid var(--item-color);display:grid;place-items:center;font-weight:900;color:var(--item-color);font-size:28px;background:#ffffff08;box-shadow:inset 0 0 20px #ffffff04}.item-copy small{font-size:8px;color:#7d94b2;letter-spacing:.16em;display:block}.item-copy strong{font-size:15px;color:var(--item-color)}.item-copy p{font-size:10px;color:#a3b4ca;margin:3px 0 0;max-width:255px}.item-actions{grid-column:1/-1;display:flex;gap:7px}.item-actions button{padding:5px 10px;border:1px solid #b5d8ff22;border-radius:6px;background:#b6dcff0b;font-weight:800;font-size:11px;flex:1}.item-actions button span{font-size:9px;font-weight:400;margin-left:5px;color:#a9bcd2}.item-actions button:disabled{cursor:default;opacity:.33}
.boost-button{position:absolute;right:22px;bottom:22px;width:175px;border-radius:12px;border:1px solid #aa9aff99;background:linear-gradient(115deg,#4d4389e8,#25757ce8);padding:9px 12px;display:grid;grid-template-columns:32px 1fr;align-items:center;box-shadow:0 0 30px #8974ff13;touch-action:none;user-select:none}.boost-button>span{font-size:37px;font-weight:800;grid-row:1/3;line-height:1}.boost-button b{font-size:14px;letter-spacing:.2em}.boost-button small{font-size:8px;color:#c6d6ea;letter-spacing:.1em}.boosting .boost-button{border-color:#baffef;box-shadow:0 0 35px #75d3ff66;background:linear-gradient(110deg,#6962cf,#26a798)}.settings-button{position:absolute;top:156px;right:22px;border-radius:10px;width:40px;height:36px;font-size:17px;font-weight:700}.controls-hint{position:absolute;bottom:20px;left:22px;font-size:9px;color:#a4b9d0;text-shadow:0 1px 4px #000}.controls-hint span{color:#61809c;margin:0 7px}
.settings-panel{position:fixed;z-index:6;right:22px;top:160px;width:265px;border-radius:15px;padding:23px;display:flex;flex-direction:column;gap:9px}.settings-panel h2{font-size:25px;margin:-5px 0 10px}.settings-panel button{padding:10px 12px;border:1px solid #a6d9ff26;border-radius:7px;background:#91bfff0c;text-align:left;font-size:12px}.settings-panel button.accent{background:#77d9e9;color:#102837;font-weight:700}.settings-panel label{font-size:12px;color:#b3c7dd;padding:4px 0;display:flex;gap:10px}.settings-panel input{accent-color:#88f2dc}.settings-panel>small{font-size:9px;color:#6f8aa5;margin-top:7px}
.countdown{position:fixed;inset:0;z-index:4;pointer-events:none;display:grid;place-items:center;background:radial-gradient(ellipse,#0a142233,transparent 50%)}.countdown span{font-size:clamp(80px,17vw,180px);line-height:1;font-weight:1000;font-style:italic;letter-spacing:-.04em;color:#e0fcff;text-shadow:0 0 20px #6ae9ff88,0 9px 0 #1a3d59}.toast{position:fixed;z-index:5;top:110px;left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;padding:9px 17px;font-weight:800;font-size:12px;letter-spacing:.11em;border-radius:8px;border:1px solid var(--toast-color,#94f0ff);color:var(--toast-color,#94f0ff);background:#0c162bea;transition:opacity .15s,transform .15s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}.speed-lines{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse,transparent 40%,#65bcff20 90%);box-shadow:inset 0 0 100px #83dcff11;transition:opacity .2s}.boosting .speed-lines{opacity:1}
.results{z-index:8;background:#070e1cbb;backdrop-filter:blur(12px);display:grid;place-items:center;padding:20px}.result-card{width:min(470px,95vw);border-radius:22px;padding:30px}.result-card h2{font-size:33px;line-height:1.1;margin:0}.result-card>p:not(.eyebrow){color:#b7cee5;font-size:13px;margin-bottom:21px}.result-card ol{list-style:none;padding:0;margin:0 0 24px}.result-card li{display:grid;grid-template-columns:22px 42px 1fr auto;align-items:center;gap:9px;padding:5px 9px;border-radius:7px;border:1px solid transparent;font-size:12px}.result-card li.you{background:#6fd9eb0e;border-color:#6fd9eb44}.result-card li>span{color:#7f9bb8}.result-card li img{width:42px;height:37px;object-fit:contain}.result-card li b{font-size:12px}.result-card li small{font-size:10px;color:#9ab5d0;font-variant-numeric:tabular-nums}.result-card .start-button{max-width:none}.secondary{width:100%;padding:11px;background:transparent;color:#a0b8d0;font-size:12px;margin-top:5px}
.touch-controls{display:none;position:absolute;left:22px;bottom:230px;gap:8px}.touch-controls button{width:48px;height:44px;border:1px solid #a9d8ff44;border-radius:10px;background:#14243dde;font-size:22px;touch-action:none}.screen:not([hidden]){animation:fade-in .3s ease}.selection::-webkit-scrollbar{width:5px}.selection::-webkit-scrollbar-thumb{background:#7189b533;border-radius:4px}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes arrival{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:800px) and (min-width:850px){.selection{padding-top:18px;padding-bottom:14px}.lobby-main{min-height:315px;height:46vh;margin-top:0}.hero-stage{min-height:300px}.hero-description{margin:11px 0}.race-specs{padding:10px 0;margin:12px 0}.hero-grid{margin-top:16px}.hero-card{min-height:122px}.hero-card img{height:75px}.lobby-footer{margin-top:14px}.start-hint{margin-top:8px}}
@media(max-width:900px){.selection{padding:20px 22px}.lobby-main{gap:15px;grid-template-columns:1fr 1fr;min-height:330px;height:44vh}.hero-stage{min-height:300px}.hero-info h1{font-size:32px}.hero-description{font-size:11px;line-height:1.6}.race-specs strong{font-size:21px}.race-specs div+div{padding-left:10px}.lobby-footer{align-items:flex-start}.hero-card{padding-left:8px;padding-right:8px}.hero-card span{font-size:10px}.hero-card small{font-size:8px}.lobby-footer>span{font-size:7px}.item-legend{gap:7px}.item-legend span{font-size:7px}.controls-hint{font-size:8px;max-width:75%;line-height:1.8}.item-hud{max-width:340px}.hero-grid{gap:8px}}
@media(max-width:620px){.selection{padding:18px 14px}.brand{font-size:15px}.brand span{display:none}.lobby-badge{font-size:8px}.lobby-main{display:flex;flex-direction:column;height:auto;gap:8px;margin-top:14px}.hero-stage{height:250px;min-height:250px;width:100%}.hero-stage img{width:94%;height:250px}.stage-caption{font-size:7px}.hero-info{width:100%}.hero-info h1{font-size:30px}.hero-info .eyebrow{font-size:8px;margin-bottom:5px}.hero-tag{margin-top:8px}.hero-description{margin:8px 0;max-width:100%}.race-specs{padding:11px 0;margin:12px 0;max-width:none}.fair-play{font-size:10px}.start-button{max-width:none;padding:14px}.load-track{max-width:none}.hero-grid{grid-template-columns:repeat(5,120px);overflow:auto;gap:8px;margin-top:15px;padding:3px 2px 9px}.hero-card{min-height:121px}.hero-card img{height:73px}.hero-card[aria-pressed=true]:after{font-size:5px}.lobby-footer{display:block;margin-top:10px}.item-legend{margin-top:9px}.top-status{top:12px;left:12px;padding:8px 11px;gap:13px}.place strong{font-size:30px}.lap b,.timer b{font-size:11px}.timer{min-width:50px}.top-status small{font-size:7px}#map{right:12px;top:82px;width:145px;height:80px}.settings-button{top:12px;right:12px;width:37px;height:34px}.speed-hud{right:12px;bottom:100px;min-width:135px;padding:10px 12px}.speed-hud strong{font-size:35px}.speed-hud>small{font-size:8px}.boost-button{right:12px;bottom:25px;width:135px;padding:9px}.boost-button b{font-size:12px}.boost-button small{font-size:7px}.boost-button>span{font-size:28px}.item-hud{left:12px;bottom:25px;max-width:calc(100vw - 170px);padding:10px;grid-template-columns:37px 1fr;gap:8px}.item-icon{width:37px;height:41px;font-size:23px}.item-copy strong{font-size:12px}.item-copy p{display:none}.item-copy small{font-size:7px}.item-actions{gap:4px}.item-actions button{padding:5px 7px;font-size:10px}.item-actions button span{font-size:7px;margin-left:3px}.controls-hint{display:none}.settings-panel{right:12px;top:58px}.toast{top:65px;font-size:9px;max-width:92%;white-space:normal;text-align:center}.result-card{padding:22px}.countdown span{font-size:85px}}
@media(pointer:coarse){.touch-controls{display:flex;left:12px;bottom:175px;max-width:190px;flex-wrap:wrap}.controls-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.speed-lines{display:none}}

.selection{background-image:radial-gradient(ellipse at 25% 38%,#23415a99,transparent 45%),radial-gradient(ellipse at 85% 70%,#54245088,transparent 40%),linear-gradient(140deg,#0b1023ef,#060a18f5),var(--track-backdrop,url('./assets/app1-preview.png'))}
.podium-preview{padding:0;background:transparent;color:var(--hero-color);font-size:10px;border-bottom:1px solid #9bced955}.podium-preview:disabled{cursor:wait}
.hero-grid{grid-template-columns:repeat(var(--hero-count,9),minmax(0,1fr))}.difficulty-selection{margin-top:16px}.difficulty-selection>.eyebrow{font-size:9px;margin-bottom:8px}.difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.difficulty-grid button{text-align:left;display:flex;align-items:center;gap:14px;border:1px solid #819ac12b;background:#142136b3;border-radius:9px;padding:12px 14px}.difficulty-grid b{font-size:12px;color:#d2e6f7;white-space:nowrap}.difficulty-grid span{font-size:10px;color:#93acc6}.difficulty-grid button[aria-pressed=true]{border-color:var(--hero-color);background:#234251bb;box-shadow:inset 3px 0 var(--hero-color)}.difficulty-grid button[aria-pressed=true] b{color:var(--hero-color)}
body[data-phase=countdown] .race-hud>*{visibility:hidden}body[data-phase=countdown] .race-hud>.settings-button{visibility:visible}body[data-phase=countdown] .countdown{align-items:start;padding-top:32px;background:none}body[data-phase=countdown] .countdown>span{font-size:72px;text-shadow:0 0 20px #6ae9ff66,0 4px 0 #1a3d59}.intro-racer{display:none;pointer-events:none;position:fixed;z-index:4;left:50%;bottom:12%;transform:translateX(-50%);background:#081427c9;border:1px solid #c7ecff33;padding:9px 24px;border-radius:8px;font-size:18px;font-weight:800;letter-spacing:.04em;color:#e0f5ff;white-space:nowrap}body[data-phase=countdown] .intro-racer:not(:empty){display:block}
.track-selection{margin-top:18px}.track-selection>.eyebrow{font-size:9px;margin-bottom:8px}.track-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.track-card{display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #819ac12b;border-radius:10px;padding:7px;background:#142136b3;transition:border-color .2s,background .2s}.track-card img{width:95px;height:54px;object-fit:cover;border-radius:6px}.track-card b{display:block;font-size:12px}.track-card small{font-size:9px;color:#94adc6}.track-card[aria-pressed=true]{border-color:var(--hero-color);background:#234251bb;box-shadow:0 0 0 1px var(--hero-color)}.track-card:disabled{cursor:wait}
.drift-hud{position:absolute;right:22px;bottom:276px;width:175px;border-radius:12px;padding:11px 13px}.drift-hud>small{display:block;font-size:8px;letter-spacing:.12em;color:#c5b1e9}.drift-track{height:5px;background:#8c8bb729;border-radius:5px;overflow:hidden;margin:8px 0 5px}.drift-track i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#ffcd76,#ff8ebd,#8effe9)}.drift-hud>b{font-size:8px;color:#c9bddc;letter-spacing:.04em}.drift-hud button{width:100%;background:#9d76ca22;border:1px solid #d0a4ff44;border-radius:6px;font-size:10px;font-weight:800;padding:6px;margin-top:7px;touch-action:none;user-select:none}.drift-hud button span{font-size:8px;font-weight:400;margin-left:9px;color:#b29bcf}
.podium-results{background:linear-gradient(180deg,#04081799,transparent 25%,transparent 65%,#040817bb);backdrop-filter:none;display:flex;align-items:flex-end;justify-content:center;padding:20px;pointer-events:none}.podium-heading{position:absolute;top:24px;left:12px;right:12px;text-align:center}.podium-heading h2{font-size:clamp(25px,4vw,43px);line-height:1.05;margin:0;text-shadow:0 3px 20px #000}.podium-heading .eyebrow{margin-bottom:6px;color:#ffe098}.podium-heading>p:last-child{font-size:12px;color:#b8cee4;margin-top:9px}.podium-results .result-card{pointer-events:auto;width:min(880px,96vw);border-radius:15px;padding:14px 18px;display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center;background:#0a1424ed;backdrop-filter:blur(8px)}.podium-results .result-card ol{margin:0}.podium-results .result-card li{padding:2px 6px;gap:7px;grid-template-columns:18px 30px 1fr auto}.podium-results .result-card li img{height:25px;width:30px}.podium-results .result-card li b{font-size:11px}.podium-results .result-card li small{font-size:9px}.podium-results .result-card .start-button{padding:13px 10px;font-size:11px}.podium-results .secondary{font-size:10px}
@media(max-width:620px){.track-selection{margin-top:12px}.track-grid{gap:8px}.track-card{display:block;padding:6px}.track-card img{width:100%;height:65px}.track-card b{font-size:10px;margin-top:4px}.track-card small{font-size:7px}.drift-hud{right:12px;bottom:240px;width:135px;padding:9px 11px}.drift-hud>small,.drift-hud>b{font-size:7px}.drift-hud button{font-size:9px;padding:5px}.drift-hud button span{font-size:7px;margin-left:5px}.podium-results{padding:10px}.podium-heading{top:18px}.podium-heading>p:last-child{font-size:10px}.podium-results .result-card{padding:10px;grid-template-columns:1fr;gap:8px}.podium-results .result-card li img{height:20px}.podium-results .result-card li b{font-size:9px}.result-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.podium-results .result-card .start-button{font-size:9px;padding:11px 8px}.podium-results .secondary{font-size:9px;margin:0;padding:5px}.podium-results .result-card li small{font-size:8px}}
@media(max-width:620px){.hero-grid{grid-template-columns:repeat(var(--hero-count,9),120px)}.difficulty-grid{gap:8px}.difficulty-grid button{display:block;padding:10px}.difficulty-grid b{display:block;font-size:11px}.difficulty-grid span{display:block;font-size:9px;margin-top:4px}.intro-racer{font-size:13px;bottom:10%;padding:7px 18px}body[data-phase=countdown] .countdown{padding-top:23px}body[data-phase=countdown] .countdown>span{font-size:58px}}

@media(min-width:621px) and (max-width:1100px){.hero-grid{grid-template-columns:repeat(var(--hero-count,9),minmax(120px,1fr));overflow-x:auto;padding:3px 2px 8px}}
/* Babylon character profiles, lore and brief pickup reveal. */
.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-main{height:auto;min-height:480px}.hero-stage{height:480px}.race-specs{margin-bottom:6px}.race-specs .stat-bar{height:4px;border:0;padding:0;margin:9px 12px 0 0;background:#829fba25;border-radius:4px;overflow:hidden}.stat-bar i{display:block;height:100%;width:50%;background:var(--hero-color);border-radius:4px;transition:width .25s}.hero-turbo{font-size:9px;letter-spacing:.1em;color:var(--hero-color);margin:7px 0 13px}.hero-lore{max-width:420px;border:1px solid #98bed225;border-radius:8px;background:#111d2a80;padding:10px 12px;margin:8px 0 13px}.hero-lore summary{cursor:pointer;font-size:9px;font-weight:800;letter-spacing:.13em;color:#b7cce0}.hero-lore p{font-size:12px;line-height:1.7;color:#b2c4d7;margin:9px 0 1px}.hero-lore[open]{border-color:#8acdd34a}.music-credit{font-size:9px;color:#637c96;margin:18px 0 0}.music-credit a{color:#8eacc4;text-underline-offset:2px}.pickup-flash{position:fixed;z-index:4;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:13px;pointer-events:none;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--pickup-color),transparent 55%))}.pickup-flash-box{width:118px;height:118px;display:grid;place-items:center;background:color-mix(in srgb,var(--pickup-color),transparent 84%);border:2px solid var(--pickup-color);border-radius:16px;box-shadow:inset 0 0 25px #ffffff13;transform:rotate(-9deg)}.pickup-flash-box strong{font-size:54px;line-height:1;color:var(--pickup-color);text-shadow:0 0 20px #000;transform:rotate(9deg)}.pickup-flash>span{font-size:14px;font-weight:900;color:#fff;letter-spacing:.09em;text-shadow:0 2px 8px #000}.fair-play{max-width:420px}
@media(max-width:620px){.hero-stage{height:240px;min-height:210px}.lobby-main{min-height:0}.hero-lore{margin:9px 0;padding:8px 10px}.hero-lore p{font-size:11px}.difficulty-grid button{padding:9px 7px}.difficulty-grid b{font-size:10px}.difficulty-grid span{font-size:8px}.pickup-flash-box{width:94px;height:94px}.pickup-flash-box strong{font-size:43px}.music-credit{line-height:1.6}}
.track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.track-card{min-width:0}.track-card img{width:82px}.track-card span{min-width:0}.track-card b{overflow-wrap:anywhere}
@media(max-width:900px){.track-card{display:block}.track-card img{width:100%;height:90px}.track-card b{margin-top:5px}}
.online-panel{position:relative;margin-top:18px;padding:16px;border-radius:12px}.online-panel .eyebrow{margin:0 0 10px}.online-actions,.online-share{display:flex;gap:8px;flex-wrap:wrap}.online-panel button{padding:10px 14px;border-radius:7px;background:#25475d;font-weight:700;font-size:11px}.online-panel button:hover{background:#346479}.online-panel button:disabled{opacity:.4;cursor:default}.online-panel input{min-width:160px;flex:1;background:#080f20;border:1px solid #5e849950;color:#d7f8ff;padding:10px;border-radius:7px;font:12px system-ui}.online-share{margin-top:8px}.online-panel p[role=status]{color:#9cf2dc;margin:10px 0 3px;font-size:12px}.online-panel small{color:#9fb8ce;font-size:10px}.hero-card:disabled{opacity:.35;cursor:default}
@media(max-width:620px){.online-actions input{width:100%;order:-1}.online-panel{padding:12px}.online-panel button{flex:1}}
.online-server-label{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:11px;color:#b9d7e7;margin-bottom:12px}.online-server-label small{width:100%;color:#8caabc}.online-server-label input{flex:1;min-width:220px}
.online-latency{position:fixed;top:95px;left:28px;padding:6px 10px;border-radius:7px;font-size:10px;letter-spacing:.06em;color:#ffd699}.online-latency[data-transport=direct]{color:#9cf5c8}@media(max-width:620px){.online-latency{left:12px;top:83px;font-size:8px;padding:5px 7px}}