*{box-sizing:border-box;margin:0;padding:0}
:root{color-scheme:dark;--ink:#071019;--panel:#101927;--line:rgba(255,255,255,.10);--cyan:#67e8f9;--green:#7cf7a7;--pink:#ff5f7a;--amber:#ffd166}
html,body{min-height:100%;overscroll-behavior:none}
body{font-family:'Rajdhani','Segoe UI',sans-serif;color:#f5f8ff;background:radial-gradient(circle at 50% -8%,#1b4052 0,#0d1724 32%,#060a10 72%);padding:10px 10px 24px;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
button,input{font:inherit;touch-action:manipulation}
button:focus-visible,input:focus-visible{outline:3px solid rgba(103,232,249,.85);outline-offset:2px}
.auth-bar{display:none!important}
.wrapper{width:min(1120px,100%);margin:0 auto;display:flex;flex-direction:column;gap:10px}
.hud{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.hud-card{min-width:0;border:1px solid var(--line);border-radius:16px;padding:10px 11px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));box-shadow:0 12px 26px rgba(0,0,0,.24)}
.label{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8290a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.value{display:block;margin-top:2px;font-size:18px;font-weight:900;letter-spacing:.02em;color:#f8fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.game-shell{position:relative;width:100%;border:1px solid rgba(103,232,249,.13);border-radius:24px;padding:10px;background:linear-gradient(155deg,rgba(20,33,48,.96),rgba(5,9,15,.98));box-shadow:0 28px 70px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:10px;overflow:hidden}
.playfield{position:relative;width:100%;overflow:hidden;border-radius:18px;background:#050910}
#trackCanvas{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;border:1px solid rgba(103,232,249,.18);background:linear-gradient(#18283b,#070c13)}
.overlay{position:absolute;inset:0;pointer-events:none}
.status-banner{position:absolute;top:8px;left:50%;transform:translateX(-50%);max-width:82%;padding:7px 12px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(4,8,14,.72);backdrop-filter:blur(10px);font-size:12px;font-weight:800;line-height:1.2;text-align:center;color:#d8e8f7;box-shadow:0 8px 20px rgba(0,0,0,.24)}
.home-screen{width:100%;border:1px solid var(--line);border-radius:20px;padding:14px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));display:flex;flex-direction:column;gap:11px}
.home-title{text-align:center;font-size:26px;font-weight:900;letter-spacing:.025em;background:linear-gradient(90deg,#fff,#8cecff,#fff1ab);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-sub{text-align:center;color:#91a0b5;font-size:13px}
.mode-select{position:static!important;transform:none!important;background:transparent!important;border:0!important;padding:0!important;display:flex;flex-direction:column;gap:7px;align-items:stretch}
.mode-select h3{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-align:center;color:#728198}
.mode-buttons{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
.primary-button,.secondary-button{border:0;cursor:pointer;transition:transform .12s ease,filter .15s ease,border-color .15s ease;min-height:44px;font-weight:900}
.primary-button:active,.secondary-button:active,.pedal-button:active,.nitro-button:active{transform:scale(.97)}
.primary-button{border-radius:15px;padding:11px 18px;background:linear-gradient(135deg,#66f0a0,#39d7d3);color:#041318;box-shadow:0 10px 22px rgba(65,224,177,.2)}
.primary-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}
.secondary-button{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.045);color:#d7e1ec}
.secondary-button:hover{border-color:rgba(103,232,249,.34);filter:brightness(1.08)}
.mode-buttons .secondary-button{min-width:0;padding:10px 7px;font-size:11px;line-height:1.15;letter-spacing:0;text-transform:none}
.mode-buttons .secondary-button.active{border-color:rgba(103,232,249,.65);background:linear-gradient(145deg,rgba(103,232,249,.20),rgba(103,232,249,.06));color:#e9fcff;box-shadow:inset 0 0 0 1px rgba(103,232,249,.08)}
.home-actions{display:flex;align-items:center;gap:8px}.home-actions .spacer{flex:1}.home-start{display:flex;justify-content:center}.home-start .primary-button{width:min(360px,100%);min-height:50px;font-size:16px}
.race-controls{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:20px;background:rgba(5,10,17,.72);backdrop-filter:blur(12px)}
.race-left,.race-right{display:flex;align-items:center;gap:8px}.race-right{justify-content:flex-end}.race-center{display:flex;justify-content:center;min-width:0}
.pedal-button,.nitro-button{position:static!important;width:86px;height:70px;border:0;border-radius:20px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.25);touch-action:none;transition:transform .1s ease,filter .15s ease}
.pedal-button{background:linear-gradient(145deg,#ffdf75,#ff8a5d);color:#2a1508;border:1px solid rgba(255,232,170,.5)}
.pedal-button.shift-mode{width:106px;height:78px;background:linear-gradient(145deg,#9affc5,#39d8c7);color:#031c1b;border:1px solid rgba(181,255,220,.55);font-size:18px;box-shadow:0 12px 28px rgba(57,216,199,.25)}
.nitro-button{background:linear-gradient(145deg,#83d4ff,#5468ff);color:#06142c;border:1px solid rgba(174,224,255,.5)}
.pedal-button.is-active,.nitro-button.is-active{filter:brightness(1.15);transform:scale(.96)}
.nitro-button.is-disabled{opacity:.35;filter:saturate(.3);box-shadow:none}
.gauge-panel{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:150px;height:84px;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none;display:grid;place-items:center}
#rpmCanvas{width:126px!important;height:126px!important;position:absolute;top:-22px;left:12px;opacity:.92}
.gear-display{position:relative;z-index:2;text-align:center;margin-top:4px}.gear-label{display:block;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#7f8ba0}.gear-value{display:block;margin-top:-2px;font-size:34px;line-height:1;font-weight:900;color:#fff;text-shadow:0 0 18px rgba(103,232,249,.45)}
.game-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.garage-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;padding:12px;background:rgba(2,5,9,.78);backdrop-filter:blur(12px)}.garage-overlay[hidden]{display:none!important}
.garage-panel{width:min(760px,100%);max-height:min(88dvh,760px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px 26px 20px 20px;background:linear-gradient(160deg,#172233,#080d15 68%);box-shadow:0 30px 80px rgba(0,0,0,.55)}
.garage-header,.garage-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}.garage-header{border-bottom:1px solid var(--line)}.garage-header h2{font-size:20px;font-weight:900}.garage-footer{border-top:1px solid var(--line)}
.garage-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:6px;gap:6px}.garage-tab{min-height:42px;border:0;border-radius:12px;background:transparent;color:#8795a8;font-weight:900;cursor:pointer}.garage-tab.active{background:rgba(103,232,249,.13);color:#dffbff}
.garage-content{overflow:auto;padding:14px 16px 18px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}.garage-section h3{font-size:16px;font-weight:900;margin-bottom:6px}.section-hint,.upgrade-description{color:#94a2b4;font-size:13px;line-height:1.4}.tab-panel{display:none}.tab-panel.active{display:block}.upgrade-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.035);display:grid;gap:9px;margin-bottom:10px}.upgrade-actions{display:flex;gap:8px}.upgrade-actions .primary-button{width:100%}.reward-icon{font-size:16px}
.slider-list{display:grid;gap:12px}.slider-group{display:grid;grid-template-columns:1fr auto;gap:6px;margin:10px 0}.slider-group label{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9ba8ba}.slider-value{font-size:12px;font-weight:800;color:#c9d7e6}.slider-group input{grid-column:1/-1;width:100%;accent-color:#67e8f9}.icon-button{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff;font-size:24px;cursor:pointer}
.opponents-list{display:grid;gap:8px}.opponent-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.03)}.opponent-meta{min-width:0}.opponent-name{font-size:15px;font-weight:900}.opponent-stats{font-size:11px;color:#8e9caf}.opponent-select{flex:none}
.footer{text-align:center;color:#617086;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px}
body.view-large .auth-bar,body.view-large .footer{display:none!important}body.view-hide-gauge .gauge-panel{display:none!important}
@media(max-width:760px){
  body{padding:6px 6px calc(8px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% -12%,#173f52 0,#08111c 38%,#04070c 78%)}
  .wrapper{gap:6px}.game-shell{padding:6px;border-radius:18px;gap:6px}.playfield,#trackCanvas{border-radius:14px}
  .hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hud-card{padding:6px 7px;border-radius:12px}.hud-card:nth-child(n+5){display:none}.label{font-size:8px;letter-spacing:.08em}.value{font-size:13px}
  .status-banner{top:5px;max-width:92%;font-size:10px;padding:5px 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .home-screen{padding:10px;border-radius:16px;gap:8px}.home-title{font-size:21px}.home-sub{font-size:11px}.mode-buttons{gap:5px!important}.mode-buttons .secondary-button{min-height:42px;font-size:10px;padding:7px 4px}.home-actions .secondary-button{font-size:11px;min-height:40px;padding:7px 10px}.home-start .primary-button{min-height:46px;font-size:14px}
  .race-controls{grid-template-columns:1fr 106px 1fr;gap:5px;padding:6px;border-radius:16px;min-height:92px}.race-left,.race-right{gap:5px}.pedal-button,.nitro-button{width:68px;height:64px;border-radius:18px;font-size:10px}.pedal-button.shift-mode{width:88px;height:76px;font-size:17px}.gauge-panel{width:106px;height:74px}.gear-value{font-size:31px}.gear-label{font-size:7px}#rpmCanvas{width:108px!important;height:108px!important;left:-1px;top:-17px}
  .garage-overlay{padding:0;align-items:flex-end}.garage-panel{max-height:94dvh;border-radius:26px 26px 0 0;border-bottom:0}.garage-content{padding:12px 14px}.garage-header,.garage-footer{padding:12px 14px}.footer{display:none}
}
@media(max-width:390px){.hud{grid-template-columns:repeat(4,minmax(0,1fr))}.value{font-size:12px}.race-controls{grid-template-columns:1fr 94px 1fr}.pedal-button,.nitro-button{width:61px;height:60px}.pedal-button.shift-mode{width:80px;height:72px}.gauge-panel{width:94px}.home-title{font-size:19px}.mode-buttons .secondary-button{font-size:9px}}
@media(max-height:700px) and (max-width:760px){.home-sub{display:none}.hud-card{padding:5px 6px}.game-shell{gap:4px}.home-screen{gap:6px}.race-controls{min-height:82px}.pedal-button,.nitro-button{height:56px}.pedal-button.shift-mode{height:66px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}