:root{--bg:#0b0c12;--panel:#0d0f18cc;--panel-2:#ffffff0d;--line:#ffffff1a;--text:#f4f5f8;--muted:#9ba1b6;--red:#ff3b3b;--orange:#ff8a1f;--yellow:#fc0;--green:#3cff8f;--cyan:#3ad6ff;--accent:linear-gradient(100deg, #ff3b3b 0%, #ff8a1f 100%);--display:"Russo One", "Arial Black", Impact, sans-serif;--body:"Rajdhani", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;margin:0;font-weight:600;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui,#hud-root{pointer-events:none;position:fixed;inset:0}#ui>*,#hud-root>.touch-controls{pointer-events:auto}button{font-family:var(--display);color:var(--text);cursor:pointer;background:0 0;border:none}input{font-family:var(--body);font-weight:700}kbd{font-family:var(--display);white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff2e;border-bottom-width:3px;border-radius:6px;padding:1px 7px;font-size:.8em}.screen{background:radial-gradient(at 50% 60%,#0000 30%,#05060c99 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.35s fadeIn;display:flex;position:absolute;inset:0}.screen.main{background:linear-gradient(90deg,#05060cd1 0%,#05060c59 45%,#0000 70%);justify-content:center;align-items:flex-start;padding-left:6vw}@keyframes fadeIn{0%{opacity:0}}.logo{text-align:center;filter:drop-shadow(0 10px 30px #0009);animation:.8s cubic-bezier(.2,1.4,.4,1) logoIn;transform:skew(-10deg)}.logo-main{font-family:var(--display);flex-direction:column;line-height:.88;display:flex}.logo .l1{background:linear-gradient(#fff6b0 0%,#fc0 45%,#ff7a00 100%);color:#0000;-webkit-text-stroke:2px #3c140099;-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,11vw,150px)}.logo .l2{background:linear-gradient(#ff8a8a 0%,#ff3b3b 45%,#b0001a 100%);color:#0000;-webkit-text-stroke:2px #3c000099;-webkit-background-clip:text;background-clip:text;margin-top:-.06em;font-size:clamp(70px,14vw,190px)}.logo-sub{font-family:var(--display);letter-spacing:.55em;color:#fff;text-shadow:0 2px 10px #000c;margin-top:10px;font-size:clamp(12px,1.6vw,20px)}.logo.small{text-align:left;margin-bottom:26px}.logo.small .l1{font-size:clamp(40px,6vw,76px)}.logo.small .l2{font-size:clamp(50px,7.5vw,96px)}.logo.small .logo-sub{letter-spacing:.4em;font-size:13px}@keyframes logoIn{0%{opacity:0;transform:skew(-10deg)translateY(-40px)scale(1.15)}}.title .press{font-family:var(--display);letter-spacing:.2em;text-shadow:0 2px 12px #000c;margin-top:48px;font-size:22px;animation:1.4s ease-in-out infinite pulse}.title-foot{color:#ffffffbf;letter-spacing:.08em;text-shadow:0 1px 6px #000c;font-size:17px;position:absolute;bottom:28px}@keyframes pulse{50%{opacity:.35}}.big{letter-spacing:.06em;border:1px solid var(--line);clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);background:linear-gradient(100deg,#ffffff1a,#ffffff0a);flex-direction:column;justify-content:center;align-items:flex-start;min-width:300px;margin:7px 0;padding:14px 30px;font-size:26px;transition:transform .15s,background .15s,box-shadow .15s;display:flex;position:relative}.big small{font-family:var(--body);letter-spacing:.04em;color:var(--muted);margin-top:2px;font-size:15px}.big:hover:not(:disabled){background:linear-gradient(100deg,#fff3,#ffffff0f);transform:translate(8px)}.big.primary{background:var(--accent);border-color:#0000;box-shadow:0 10px 30px #ff461e59}.big.primary small{color:#ffffffd9}.big.primary:hover:not(:disabled){background:linear-gradient(100deg,#f55 0%,#ffa040 100%)}.big.danger{background:linear-gradient(100deg,#ff3b3b40,#ff3b3b14)}.big.on{color:#06210f;background:linear-gradient(100deg,#1fbf6a,#3cff8f)}.big:disabled{opacity:.4;cursor:not-allowed}.main-menu{flex-direction:column;animation:.5s slideIn;display:flex}.main-menu .row2{gap:12px;margin-top:6px;display:flex}.main-menu .row2 button{border:1px solid var(--line);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:#ffffff12;flex:1;padding:12px 18px;font-size:15px}.main-menu .row2 button:hover{background:#ffffff29}@keyframes slideIn{0%{opacity:0;transform:translate(-40px)}}.profile-chip{background:var(--panel);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;align-items:center;gap:12px;padding:8px 18px 8px 8px;font-size:19px;display:flex;position:absolute;top:24px;right:28px}.chip-num{min-width:38px;height:38px;font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-style:italic;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff59}.chip-num.bot-ico{color:var(--muted);background:#2a2d3a}.chip-num svg,.bot-tag svg{width:20px;height:20px}.corner-hint{color:#ffffffb3;font-size:17px;position:absolute;bottom:24px;left:6vw}.panel{background:var(--panel);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--line);border-radius:20px;width:min(560px,96vw);max-height:94vh;padding:22px 28px 26px;animation:.35s cubic-bezier(.2,1.2,.4,1) panelIn;position:relative;overflow:auto;box-shadow:0 30px 80px #0000008c}.panel.wide{width:min(1180px,96vw)}.panel.small{text-align:center;width:min(480px,96vw)}@keyframes panelIn{0%{opacity:0;transform:translateY(24px)scale(.98)}}.panel h2{font-family:var(--display);letter-spacing:.04em;margin:0;font-size:30px;font-style:italic}.panel h3{font-family:var(--display);letter-spacing:.08em;color:#fff;margin:18px 0 10px;font-size:17px}.panel h3 small{font-family:var(--body);color:var(--muted);letter-spacing:0;font-size:15px}.panel-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.panel-head .back{background:#ffffff14;border-radius:50%;flex:none;width:42px;height:42px;font-size:20px}.panel-head .back:hover{background:#fff3}.panel-foot{flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:18px;display:flex}.panel-foot .big{min-width:220px}.note{color:var(--muted);font-size:16px;line-height:1.4}.err{color:#ff8080;font-size:18px}.track-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card{cursor:pointer;background:#ffffff0a;border:2px solid #0000;border-radius:16px;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.card:hover{transform:translateY(-4px)}.card.sel{border-color:var(--yellow);box-shadow:0 0 0 4px #ffcc002e,0 14px 40px #0006}.thumb{background:var(--grad);justify-content:center;align-items:center;height:130px;display:flex}.thumb canvas{width:100%;height:100%}.card-body{padding:12px 14px 14px}.card-title{font-family:var(--display);font-size:19px;font-style:italic}.card-blurb{color:var(--muted);min-height:38px;margin:6px 0 10px;font-size:15px;line-height:1.25}.card-meta{color:var(--muted);letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:13px;display:flex}.diff i{background:var(--orange);width:18px;height:6px;margin-right:3px;display:inline-block;transform:skew(-20deg)}.diff i.off{background:#ffffff26}.opts{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;display:grid}.opts.col{grid-template-columns:1fr;gap:12px}.opts.compact .opt label{font-size:13px}.opt label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:14px;display:block}.opts.col .opt{grid-template-columns:160px 1fr;align-items:center;display:grid}.opts.col .opt label{margin:0}.seg{background:#0000004d;border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:flex}.seg button{letter-spacing:.04em;color:var(--muted);white-space:nowrap;border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.seg button:hover{color:#fff;background:#ffffff0f}.seg button.on{background:var(--accent);color:#fff;box-shadow:0 4px 14px #ff461e59}input[type=range]{width:100%;accent-color:var(--orange)}.panel.garage{width:min(1000px,96vw)}.garage-body{grid-template-columns:1.3fr 1fr;gap:24px;display:grid}.preview{background:radial-gradient(at 50% 70%,#ff783c2e,#00000059 70%);border-radius:16px;min-height:380px;overflow:hidden}.garage-canvas{width:100%;height:100%;min-height:380px;display:block}.garage-form label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:12px 0 6px;font-size:14px;display:block}.garage-form input,.join-code input,.chat-in input{border:1px solid var(--line);color:#fff;-webkit-user-select:text;user-select:text;background:#00000059;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:20px}.garage-form input:focus,.join-code input:focus,.chat-in input:focus{border-color:var(--orange)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border-radius:50%;width:34px;height:34px;transition:transform .12s;box-shadow:inset 0 0 0 2px #ffffff40}.swatch:hover{transform:scale(1.12)}.swatch.on{box-shadow:0 0 0 3px #fff,0 0 0 6px #fc09}.garage-form .big{width:100%;min-width:0;margin-top:22px}.howto-grid{grid-template-columns:1fr 1.3fr;gap:30px;display:grid}.keys{border-collapse:collapse;width:100%;font-size:17px}.keys td{border-bottom:1px solid var(--line);padding:7px 4px}.keys td:first-child{white-space:nowrap;width:46%}.tips{color:#d9dcea;margin:0;padding-left:18px;font-size:17px;line-height:1.4}.tips li{margin-bottom:6px}.howto-items{grid-template-columns:1fr 1fr;gap:8px;display:grid}.howto-item{background:#ffffff0a;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:10px;padding:8px;display:grid}.howto-item .ico{grid-row:span 2}.howto-item .ico svg{width:40px;height:40px}.howto-item b{font-family:var(--display);font-size:14px}.howto-item span:last-child{color:var(--muted);font-size:14px}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04050a8c;justify-content:center;align-items:center;padding:16px;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.pause-panel{text-align:center;flex-direction:column;align-items:stretch;width:min(420px,94vw);display:flex}.pause-panel h2{margin-bottom:14px;font-size:40px}.pause-panel .big{align-items:center;min-width:0}.panel.results{width:min(760px,96vw)}.results-head{align-items:center;gap:22px;margin-bottom:16px;display:flex}.res-place{font-family:var(--display);color:#fff;min-width:120px;font-size:84px;font-style:italic;line-height:1}.res-place sup,.res-table sup{font-size:.4em}.podium.p1 .res-place{background:linear-gradient(#fff6b0,#fc0 50%,#ff8a00);color:#0000;filter:drop-shadow(0 4px 16px #ffc80080);-webkit-background-clip:text;background-clip:text}.podium.p2 .res-place{background:linear-gradient(#fff,#c9d1dc 60%,#8a95a5);color:#0000;-webkit-background-clip:text;background-clip:text}.podium.p3 .res-place{background:linear-gradient(#ffd7b0,#d9893b 60%,#8a4b1a);color:#0000;-webkit-background-clip:text;background-clip:text}.res-track{color:var(--muted);font-size:18px}.record{color:var(--yellow);font-family:var(--display);letter-spacing:.06em;margin-top:6px;font-size:14px;animation:1.6s infinite pulse}.res-table{border-collapse:collapse;width:100%;font-size:19px}.res-table th{text-align:left;color:var(--muted);letter-spacing:.12em;padding:6px 10px;font-size:13px}.res-table td{border-top:1px solid var(--line);padding:9px 10px}.res-table tr.me td{background:#ffcc001a}.res-table td.pos{font-family:var(--display);width:70px;font-style:italic}.res-table td.who{align-items:center;gap:10px;display:flex}.chip{border-radius:3px;width:12px;height:22px;display:inline-block;transform:skew(-15deg)}.bot-tag{color:var(--muted);display:inline-flex}.online-grid{grid-template-columns:340px 1fr;gap:26px;display:grid}.online-actions .big{width:100%;min-width:0}.join-code{gap:8px;margin-top:12px;display:flex}.join-code input{text-transform:uppercase;letter-spacing:.4em;font-family:var(--display);text-align:center}.join-code button,.chat-in button,.room-row button,.small-btn{letter-spacing:.06em;background:#ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;display:inline-flex}.join-code button:hover,.chat-in button:hover,.room-row button:hover:not(:disabled),.small-btn:hover{background:#fff3}.small-btn svg{width:16px;height:16px}.room-list{background:#00000040;border-radius:14px;min-height:300px;padding:6px 16px 14px}.rl-head{justify-content:space-between;align-items:center;display:flex}.room-row{border-top:1px solid var(--line);grid-template-columns:1.4fr 1.2fr 60px 100px 80px;align-items:center;gap:10px;padding:10px 6px;font-size:17px;display:grid}.rr-track,.rr-count{color:var(--muted)}.rr-state{font-family:var(--display);letter-spacing:.08em;color:var(--green);font-size:11px}.rr-state.racing{color:var(--orange)}.empty{color:var(--muted);text-align:center;padding:40px 0;font-size:18px}.ping{color:var(--muted);margin-left:auto;font-size:15px}.room-code{color:var(--muted);letter-spacing:.1em;align-items:center;gap:12px;margin-left:auto;font-size:15px;display:flex}.room-code b{font-family:var(--display);color:var(--yellow);letter-spacing:.2em;font-size:26px}.room-grid{grid-template-columns:1.1fr 1fr;gap:26px;display:grid}.members{flex-direction:column;gap:6px;display:flex}.member{background:#ffffff0d;border-radius:40px;align-items:center;gap:12px;padding:6px 12px 6px 6px;font-size:18px;display:flex}.member.me{background:#ffcc001f}.member.bot{opacity:.6}.m-name{flex:1}.host-tag{font-family:var(--display);color:var(--yellow);align-items:center;gap:4px;font-size:11px;display:inline-flex}.host-tag svg{width:16px;height:16px}.ready{font-family:var(--display);letter-spacing:.08em;color:var(--muted);font-size:11px}.ready.on{color:var(--green)}.room-settings-ro{grid-template-columns:1fr 1fr;gap:8px;display:grid}.room-settings-ro div{background:#ffffff0d;border-radius:10px;flex-direction:column;padding:8px 12px;display:flex}.room-settings-ro span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:13px}.chat-log{-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:12px;height:230px;padding:10px 12px;font-size:17px;overflow-y:auto}.chat-line{word-wrap:break-word;margin-bottom:4px}.chat-line.sys{color:var(--muted);font-style:italic}.chat-in{gap:8px;margin-top:8px;display:flex}.room-actions{flex-direction:column;margin-top:14px;display:flex}.room-actions .big{align-items:center;width:100%;min-width:0}.loading{font-family:var(--display);letter-spacing:.3em;z-index:20;background:#05060cd9;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.spinner{border:5px solid #ffffff1f;border-top-color:var(--orange);border-radius:50%;width:56px;height:56px;margin:18px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ui-toast{border:1px solid var(--line);opacity:0;pointer-events:none;z-index:30;background:#141620f2;border-radius:12px;padding:12px 22px;font-size:18px;transition:all .25s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,30px)}.ui-toast.show{opacity:1;transform:translate(-50%)}.ui-toast.bad{border-color:#ff3b3b99}.hud{pointer-events:none;font-family:var(--display);text-shadow:0 2px 8px #000000b3;position:absolute;inset:0}.hud.hidden{display:none}.hud-tl{position:absolute;top:18px;left:24px}.hud-pos{font-style:italic;line-height:1}.pos-num{background:linear-gradient(#fff 0%,#ffe680 60%,#ffb000 100%);color:#0000;filter:drop-shadow(0 3px 6px #0009);-webkit-background-clip:text;background-clip:text;font-size:84px}.pos-suf{color:#ffe680;margin-left:2px;font-size:34px}.pos-of{color:#ffffffb3;margin-left:10px;font-size:26px}.hud-lap{letter-spacing:.08em;margin-top:4px;font-size:22px}.hud-lap b{color:#fff;font-size:34px}.lap-of{color:#ffffffa6}.hud-tr{text-align:right;position:absolute;top:20px;right:24px}.hud-time{letter-spacing:.02em;font-size:38px;font-style:italic}.hud-sub{color:#ffffffd9;justify-content:flex-end;gap:12px;font-size:18px;display:flex}.hud-sub span{color:#ffffff8c;letter-spacing:.12em;align-self:center;font-size:14px}.hud-board{width:240px;font-family:var(--body);font-size:16px;font-weight:700;position:absolute;top:150px;left:24px}.hud-board .row{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);background:linear-gradient(90deg,#0a0c14b3,#0a0c1440);grid-template-columns:22px 6px 1fr auto;align-items:center;gap:8px;margin-bottom:3px;padding:3px 10px 3px 8px;display:grid}.hud-board .row.me{background:linear-gradient(90deg,#ffcc008c,#ff8a1f33)}.hud-board .row.down{opacity:.55}.hud-board .p{font-family:var(--display);font-size:14px}.hud-board .c{height:16px;transform:skew(-15deg)}.hud-board .n{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hud-board .g{color:#ffffffbf;font-size:13px}.hud-map{background:#0a0c1452;border:1px solid #ffffff14;border-radius:22px;width:190px;height:190px;position:absolute;top:120px;right:22px}.hud-item{align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:24px}.item-slot{--item-color:#888;background:#0a0c1499;border:3px solid #fff3;border-radius:22px;justify-content:center;align-items:center;width:92px;height:92px;transition:border-color .2s,box-shadow .2s;display:flex;transform:rotate(-6deg)}.item-slot.has{border-color:var(--item-color);box-shadow:0 0 24px var(--item-color), inset 0 0 18px #ffffff14;animation:.4s cubic-bezier(.2,1.8,.4,1) itemPop}.item-slot.spin .item-icon{animation:.14s infinite flicker}.item-icon svg{width:62px;height:62px;display:block;transform:rotate(6deg)}.item-label{flex-direction:column;font-size:18px;display:flex}.item-key{color:#fff9;letter-spacing:.1em;font-size:13px}.item-key:before{content:"PRESS "}@keyframes itemPop{0%{transform:rotate(-6deg)scale(1.4)}}@keyframes flicker{50%{opacity:.4}}.hud-gauges{text-align:right;width:300px;position:absolute;bottom:22px;right:26px}.speed{font-style:italic;line-height:1}.speed-num{font-size:76px}.speed-unit{color:#ffffffa6;margin-left:8px;font-size:18px}.heat{margin-top:6px}.heat-head{letter-spacing:.14em;color:#ffffffbf;justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.heat-state{color:var(--red)}.heat-bar{background:#0a0c14a6;border:2px solid #ffffff40;height:18px;position:relative;overflow:hidden;transform:skew(-18deg)}.heat-fill{background:linear-gradient(90deg,#3ad6ff 0%,#3cff8f 35%,#fc0 65%,#ff3b3b 100%) 0 0/300px 100%;width:0;height:100%;transition:width 80ms linear}.heat-ticks{background:repeating-linear-gradient(90deg,#0000 0 28px,#00000073 28px 30px);position:absolute;inset:0}.heat.hot .heat-bar{border-color:var(--red);animation:.4s infinite heatPulse}.heat.over .heat-bar{border-color:var(--red);animation:.15s infinite heatPulse}.heat.frozen .heat-fill{background:linear-gradient(90deg,#bff8ff,#3ad6ff)}.heat.frozen .heat-state{color:var(--cyan)}@keyframes heatPulse{50%{box-shadow:0 0 18px #ff3b3be6}}.turbo-tag{letter-spacing:.2em;color:#ffffff59;border:2px solid #fff3;margin-top:8px;padding:3px 14px;font-size:16px;display:inline-block;transform:skew(-15deg)}.turbo-tag.on{color:#fff;background:var(--accent);border-color:#0000;box-shadow:0 0 20px #ff641eb3}.hud-air{opacity:0;text-align:center;width:140px;margin-left:-70px;transition:opacity .15s,transform .15s;position:absolute;bottom:120px;left:50%;transform:scale(.85)}.hud-air.on{opacity:1;transform:scale(1)}.hud-air svg{width:140px;height:140px;overflow:visible}.air-ring{fill:#0a0c1473;stroke:#ffffff40;stroke-width:3px}.air-target line{stroke:#fff;stroke-width:6px;stroke-linecap:round}.air-bike .w{fill:none;stroke:#fff;stroke-width:4px}.air-bike .f{fill:none;stroke:#fff;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.hud-air[data-q=good] .air-ring{stroke:var(--green);fill:#3cff8f26}.hud-air[data-q=good] .air-bike *{stroke:var(--green)}.hud-air[data-q=ok] .air-ring{stroke:var(--yellow)}.hud-air[data-q=bad] .air-ring{stroke:var(--red);fill:#ff3b3b26}.hud-air[data-q=bad] .air-bike *{stroke:#ff8080}.air-label{letter-spacing:.12em;margin-top:-4px;font-size:14px}.hud-center{text-align:center;position:absolute;top:26%;left:0;right:0}.big-msg{opacity:0;letter-spacing:.02em;font-size:92px;font-style:italic}.big-msg.show{animation:.5s cubic-bezier(.2,1.6,.4,1) forwards bigIn}.big-msg.count{background:linear-gradient(#fff,#fc0 60%,#ff7a00);color:#0000;filter:drop-shadow(0 6px 20px #0009);-webkit-background-clip:text;background-clip:text;font-size:170px}.big-msg.go{background:linear-gradient(#d9ffe9,#3cff8f 60%,#0ea85a);color:#0000;filter:drop-shadow(0 6px 24px #3cff8f80);-webkit-background-clip:text;background-clip:text;font-size:180px}.big-msg.red{color:#ff5050}.big-msg.gold{background:linear-gradient(#fff6b0,#fc0 50%,#ff8a00);color:#0000;filter:drop-shadow(0 6px 20px #0009);-webkit-background-clip:text;background-clip:text}.big-msg.win{font-size:150px}.big-msg.title{font-size:64px}.sub-msg{letter-spacing:.12em;opacity:0;font-size:24px;font-family:var(--display);margin-top:4px}.sub-msg.show{animation:.5s .1s forwards fadeUp}@keyframes bigIn{0%{opacity:0;transform:scale(2.2)skew(-10deg)}to{opacity:1;transform:scale(1)skew(-10deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:.95}}.hud-toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:15%;left:50%;transform:translate(-50%)}.toast{color:var(--c);letter-spacing:.04em;white-space:nowrap;font-size:26px;font-style:italic;animation:1.9s forwards toast}.toast.big{font-size:38px}@keyframes toast{0%{opacity:0;transform:translateY(16px)scale(1.4)}12%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.hud-hint{font-family:var(--body);opacity:0;white-space:nowrap;background:#0a0c1499;border-radius:30px;padding:8px 18px;font-size:19px;transition:opacity .3s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hud-hint.on{opacity:1}.hud-hint b{color:var(--yellow)}.hud-fps{color:#fff9;font-size:12px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.speedlines{opacity:0;background:repeating-conic-gradient(#fff0 0deg 4deg,#ffffff17 4deg 4.6deg);transition:opacity .25s;animation:.25s linear infinite speedspin;position:absolute;inset:-10%;-webkit-mask-image:radial-gradient(circle,#0000 32%,#000 75%);mask-image:radial-gradient(circle,#0000 32%,#000 75%)}@keyframes speedspin{to{transform:rotate(4deg)}}.vignette{--flash:#ff00004d;background:radial-gradient(#0000 55%,#00000059 100%);position:absolute;inset:0}.vignette.hot{background:radial-gradient(#0000 45%,#ff1e0059 100%);animation:.6s infinite pulse}.vignette.flash:after{content:"";background:radial-gradient(ellipse at center, transparent 30%, var(--flash) 100%);animation:.6s forwards flashOut;position:absolute;inset:0}@keyframes flashOut{to{opacity:0}}.touch-controls{pointer-events:none;position:absolute;inset:0}.tc-stick{pointer-events:auto;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;width:140px;height:140px;position:absolute;bottom:140px;left:30px}.tc-knob{background:#ffffff59;border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;position:absolute;top:50%;left:50%}.tc-buttons{pointer-events:auto;grid-template-columns:80px 80px;gap:12px;display:grid;position:absolute;bottom:150px;right:24px}.tc-btn{background:#ffffff1f;border:2px solid #ffffff4d;border-radius:50%;width:80px;height:80px;font-size:13px}.tc-btn.on{background:#ff8a1f99}.tc-turbo{background:#ff3b3b4d}@media (max-width:1100px){.track-grid,.opts{grid-template-columns:repeat(2,1fr)}.hud-board{display:none}}@media (max-width:800px){.garage-body,.howto-grid,.online-grid,.room-grid,.opts.col .opt{grid-template-columns:1fr}.big{min-width:240px;font-size:21px}.pos-num{font-size:56px}.speed-num{font-size:50px}.hud-map{width:120px;height:120px;top:100px}.hud-gauges{width:200px}.big-msg{font-size:56px}.big-msg.count,.big-msg.go{font-size:110px}.room-row{grid-template-columns:1fr 50px 70px}.room-row .rr-track,.room-row .rr-state{display:none}}body.touch .hud-map,body.touch .hud-board,body.touch .hud-hint,body.touch .item-label{display:none}body.touch .hud-gauges{text-align:center;width:240px;bottom:8px;right:50%;transform:translate(50%)}body.touch .speed-num{font-size:40px}body.touch .turbo-tag{display:none}body.touch .hud-item{inset:96px 18px auto auto}body.touch .item-slot{border-radius:16px;width:62px;height:62px}body.touch .item-icon svg{width:42px;height:42px}body.touch .tc-stick{bottom:22px;left:22px}body.touch .tc-buttons{grid-template-columns:70px 70px;bottom:14px;right:14px}body.touch .tc-btn{width:70px;height:70px}body.touch .hud-air{top:30%;bottom:auto}@media (max-height:520px){.screen{padding:10px}.screen.main{padding-left:4vw}.logo.small{margin-bottom:8px}.logo.small .l1{font-size:34px}.logo.small .l2{font-size:42px}.logo.small .logo-sub{margin-top:4px;font-size:10px}.title .logo .l1{font-size:60px}.title .logo .l2{font-size:76px}.title .press{margin-top:18px;font-size:16px}.big{min-width:230px;margin:4px 0;padding:8px 22px;font-size:18px}.big small{display:none}.main-menu .row2 button{padding:8px 12px}.corner-hint{display:none}.profile-chip{font-size:15px;top:10px;right:12px}.panel{max-height:98vh;padding:12px 16px 14px}.panel h2{font-size:22px}.panel-head{margin-bottom:8px}.thumb{height:70px}.card-blurb{display:none}.opts{gap:8px;margin-top:10px}.hud-tl{top:8px;left:14px}.pos-num{font-size:46px}.pos-suf{font-size:22px}.hud-lap{font-size:15px}.hud-lap b{font-size:22px}.hud-tr{top:8px;right:14px}.hud-time{font-size:24px}.hud-sub{font-size:13px}.big-msg{font-size:48px}.big-msg.count,.big-msg.go{font-size:96px}.toast{font-size:18px}.toast.big{font-size:24px}.res-place{min-width:70px;font-size:48px}.res-table{font-size:15px}.res-table td{padding:5px 8px}}.tc-cam{letter-spacing:.08em;pointer-events:auto;background:#0a0c148c;border:2px solid #ffffff4d;border-radius:30px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:13px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.tc-cam svg{width:22px;height:22px}.tc-cam.on{background:#ff8a1f99}