:root{font-family:Inter,system-ui,sans-serif;color:#f4f7fa;background:#07131d;font-synthesis:none;text-rendering:optimizeLegibility;--cyan:#41e3d0;--orange:#ff9657;--panel:rgba(7,19,29,.94)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,select{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}#game,#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#game{transform-origin:center}#game.active{animation:screen-shake .28s ease}#game-canvas{outline:0}.hidden{display:none!important}.hud-top{position:absolute;z-index:2;left:0;right:0;top:0;height:82px;padding:20px 4vw;display:flex;align-items:center;gap:22px;background:linear-gradient(180deg,rgba(4,12,19,.82),transparent)}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.12em;font-size:13px}.brand b{color:var(--cyan)}.brand-mark,.loading-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--cyan);color:#06131c;font:800 22px Barlow Condensed,sans-serif;transform:skew(-8deg)}.level-chip,.score-chip{font-size:11px;letter-spacing:.1em;color:#a7bac6}.level-chip strong,.score-chip strong{font-size:16px;color:#fff;margin-left:7px}.score-chip{margin-left:auto}.wallet{display:flex;align-items:center;gap:13px;font-size:12px;color:#fff;white-space:nowrap}.wallet b{font-weight:700}.icon-button,.mute-button{border:1px solid #ffffff40;background:#07131daa;border-radius:50%;width:40px;height:40px;font-size:18px}.hud-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:34px 4vw 25px;display:flex;align-items:flex-end;gap:clamp(20px,5vw,75px);background:linear-gradient(0deg,rgba(4,12,19,.85),transparent)}.gauge-label,.gear-gauge span{font-size:10px;letter-spacing:.18em;color:#a6b8c2}.speed-gauge>div:last-child{font:700 20px Barlow Condensed,sans-serif}.speed-gauge strong{font-size:49px;line-height:1}.speed-gauge span{font:500 12px Inter,sans-serif;color:#a6b8c2}.status-bars{width:min(48vw,540px);display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:55px 1fr 42px;gap:10px;align-items:center;font-size:10px;letter-spacing:.1em;color:#b3c1c9}.bar-row strong{text-align:right;color:#fff}.bar-track,.progress-track{height:7px;background:#ffffff30;border-radius:8px;position:relative;overflow:visible}.bar-fill,.progress-fill{height:100%;border-radius:8px;transition:width .18s ease}.fuel-fill{background:var(--cyan);box-shadow:0 0 12px #41e3d077}.hearts{font-size:16px;letter-spacing:3px;color:#ff6472;white-space:nowrap}.hearts .empty-heart{color:#ffffff35}.progress-wrap{padding-top:3px}.progress-track{height:4px}.progress-fill{background:#fff;width:0}.station-marker{position:absolute;left:50%;top:-4px;height:12px;width:3px;background:var(--orange);box-shadow:0 0 8px var(--orange)}.progress-labels{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;color:#9badb8;letter-spacing:.08em}.gear-gauge{margin-left:auto;text-align:center}.gear-gauge strong{display:block;font:700 29px Barlow Condensed,sans-serif}.toast{position:absolute;z-index:5;top:100px;left:50%;transform:translate(-50%);padding:10px 18px;border:1px solid #ffffff30;border-radius:4px;background:#07131de8;opacity:0;transition:opacity .2s;color:var(--cyan);font-weight:700;font-size:13px}.screen-shake{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen-shake.active{animation:screen-shake .28s ease}@keyframes screen-shake{20%{transform:translate(-5px,3px)}45%{transform:translate(4px,-4px)}70%{transform:translate(-3px,2px)}}.debug-panel{position:absolute;z-index:8;top:92px;left:12px;margin:0;padding:10px 12px;border:1px solid #ffffff45;border-radius:4px;background:#07131de8;color:#adf5dd;font:11px/1.5 monospace;pointer-events:none}.screen-layer{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(90deg,#040c13d6,#040c1333 70%,#040c134d);overflow:auto;padding:20px}.screen-card{width:min(430px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;padding:38px;background:var(--panel);border:1px solid #ffffff25;border-top:2px solid var(--cyan);box-shadow:0 24px 80px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-card{justify-self:start;margin-left:clamp(8px,7vw,100px);padding:36px 40px}.wide-card{width:min(820px,calc(100vw - 32px))}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--cyan)}h1,h2{font-family:Barlow Condensed,Impact,sans-serif;line-height:.9;letter-spacing:.02em;margin:15px 0}h1{font-size:clamp(58px,8vw,92px)}h1 span{color:var(--cyan)}h2{font-size:38px}.screen-card p{font-size:12px;line-height:1.75;color:#b6c4cc}.primary-button,.secondary-button{width:100%;padding:14px 16px;background:var(--cyan);color:#06131c;border:0;font-weight:800;letter-spacing:.1em;font-size:11px;text-align:left;margin-top:13px}.primary-button span{float:right;font-size:19px;line-height:10px}.primary-button:hover{background:#79f4e7}.secondary-button{background:#203744;color:#e8f4f6;border:1px solid #ffffff24;text-align:center}.secondary-button:hover{background:#2b4c58}.text-button{display:block;margin:14px auto 0;border:0;background:none;color:#b7c6cf;font-weight:700;font-size:10px;letter-spacing:.14em}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.menu-tile{padding:12px;background:#ffffff0b;border:1px solid #ffffff20;font-size:10px;font-weight:700;letter-spacing:.1em}.menu-tile:hover,.car-pick:hover{border-color:var(--cyan)}.wallet.menu-wallet{justify-content:space-between;margin-top:23px;border-top:1px solid #ffffff20;padding-top:14px;font-size:10px}.language-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.language-card{min-height:105px;border:1px solid #ffffff25;background:#ffffff08;font:700 18px Barlow Condensed,sans-serif}.language-card span{display:block;font:10px Inter,sans-serif;color:#9eb0bb;margin-top:9px}.language-card.active,.level-card.selected{border-color:var(--cyan);box-shadow:0 0 18px #41e3d022}.level-select-controls{display:flex;justify-content:space-between;align-items:center;margin:15px 0;color:#a7bac6;font-size:10px;letter-spacing:.1em}.level-select-controls select{margin-left:10px;background:#10212b;border:1px solid #ffffff30;padding:8px;color:#fff}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-card{min-height:72px;background:#ffffff08;border:1px solid #ffffff20;text-align:left;padding:9px}.level-card strong{display:block;font-size:15px}.level-card span{font-size:10px;color:#f6cb5d}.level-card.locked{opacity:.43}.practice-topic-label{display:flex;justify-content:space-between;align-items:center;margin:15px 0;color:#9eb0bb;font-size:9px;letter-spacing:.1em}.practice-topic-label select{background:#10212b;border:1px solid #ffffff30;padding:8px;color:#fff}.practice-stats,.result-stats{display:flex;justify-content:space-between;gap:12px;margin:23px 0}.practice-stats span,.result-stats div{display:grid;gap:7px;font-size:9px;color:#9eb0bb;letter-spacing:.1em}.practice-stats b,.result-stats strong{font:700 22px Barlow Condensed,sans-serif;color:#fff}.result-stats span{font-size:9px;letter-spacing:.12em;color:#8da3af}.result-rewards{text-align:center;color:#ffdb75;font-weight:700}.result-stars{text-align:center;font-size:25px;letter-spacing:6px;color:#ffd658;margin:10px}.garage-screen{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:15px;background:#030a10d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.garage-panel{width:min(900px,100%);max-height:calc(100vh - 30px);overflow:auto;padding:22px;background:#0b1924;border:1px solid #ffffff2a;border-top:2px solid var(--cyan)}.garage-header{display:flex;align-items:center;gap:20px}.garage-header h2{margin-bottom:5px}.garage-header .wallet{margin-left:auto}.garage-layout{display:grid;grid-template-columns:1fr minmax(210px,270px);gap:18px}.garage-preview-wrap{min-width:0}.garage-preview-wrap canvas{display:block;width:100%;height:250px;background:#10212b}.garage-preview-wrap h3{margin:13px 0;font:700 22px Barlow Condensed,sans-serif}.garage-car-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;max-height:500px;overflow:auto}.car-pick{background:#ffffff08;border:1px solid #ffffff20;padding:11px 8px;text-align:left;font-size:10px}.car-pick.active{border-color:var(--cyan);color:var(--cyan)}.stat-row{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;margin:8px 0;font-size:8px;letter-spacing:.1em;color:#afc0c8}.stat-track{height:5px;background:#ffffff20;border-radius:8px}.stat-track i{height:100%;display:block;background:var(--cyan);border-radius:8px}.paint-row{display:flex;align-items:center;gap:14px;margin-top:15px;color:#acbac2;font-size:9px;letter-spacing:.1em}.paint-options{display:flex;gap:8px}.paint-swatch{width:24px;height:24px;border:2px solid #ffffff70;border-radius:50%}.garage-car-price{margin:8px 0;color:#aac0ca;text-align:center;font-size:10px}.quiz-modal{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#02080dbd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.quiz-panel{width:min(590px,calc(100vw - 28px));max-height:calc(100vh - 30px);overflow:auto;padding:27px;background:#0c1a25;border:1px solid #ffffff2b;border-top:2px solid var(--orange);box-shadow:0 22px 90px #000b}.quiz-top{display:flex;align-items:center;justify-content:space-between}.quiz-top .eyebrow{color:var(--orange)}.difficulty-tag{display:inline-block;margin-top:8px;color:#aabac2;font-size:9px;letter-spacing:.14em}.timer-ring{position:relative;width:53px;height:53px;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--orange);background:conic-gradient(var(--orange) var(--timer-progress,100%),#ffffff20 0)}.timer-ring:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#0c1a25}.timer-ring strong,.timer-ring span{position:relative;z-index:1}.timer-ring strong{font:700 19px Barlow Condensed,sans-serif}.timer-ring span{font-size:7px;letter-spacing:.1em}.timer-ring.urgent{animation:timer-pulse .5s ease-in-out infinite alternate}@keyframes timer-pulse{to{transform:scale(1.08);color:#ff5265}}.quiz-panel h2{font:600 19px/1.5 Inter,sans-serif;letter-spacing:0;margin:20px 0}.quiz-options{display:grid;gap:8px}.quiz-option{padding:11px 13px;text-align:left;border:1px solid #ffffff24;background:#ffffff08;color:#e7eef2;font-size:12px;line-height:1.5}.quiz-option:hover:not(:disabled){border-color:var(--cyan);background:#41e3d018}.quiz-option.correct{border-color:#54e29b;background:#54e29b22}.quiz-option.wrong{border-color:#ff6274;background:#ff627422}.quiz-option:disabled{cursor:default}.quiz-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.hint-button{background:none;border:0;color:#f7c768;font-size:10px;font-weight:700}.hint-button span{color:#a6b8c2}.quiz-footer #quiz-feedback{font-size:11px}.quiz-explanation{padding:11px;background:#ffffff0a;color:#c5d1d6;font-size:12px;line-height:1.6}.quiz-panel pre{white-space:pre-wrap;padding:12px;background:#050c11;color:#9fddcc;font-size:11px}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#07131d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#91a9b6;font-size:10px;letter-spacing:.2em;transition:opacity .4s}.loading-screen.hide{opacity:0;pointer-events:none}.loading-mark{width:50px;height:50px;font-size:34px}.mute-button{position:absolute;z-index:7;right:22px;bottom:24px;color:#fff}.touch-controls{position:absolute;z-index:3;bottom:92px;left:0;right:0;padding:0 20px;display:flex;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:10px;pointer-events:auto}.touch-controls button{width:57px;height:57px;border:1px solid #ffffff55;border-radius:50%;background:#07131dbb;font-weight:700;touch-action:none}.touch-pedals button{font-size:10px}.touch-pedals button:last-child{background:#41e3d0cc;color:#07131d}@media(max-width:700px){.hud-top{padding:13px;height:65px;gap:10px}.brand{font-size:9px}.brand-mark{width:26px;height:26px}.hud-top .wallet{font-size:9px;gap:6px}.hud-bottom{padding:24px 14px 18px;gap:12px}.speed-gauge strong{font-size:36px}.status-bars{width:auto;flex:1}.gear-gauge{display:none}.bar-row{grid-template-columns:43px 1fr 35px;gap:6px;font-size:8px}.progress-labels{font-size:7px}.menu-card{margin:0;justify-self:center;padding:30px 26px}.language-grid{grid-template-columns:repeat(2,1fr)}.language-card:last-child{grid-column:span 2}.level-grid{grid-template-columns:repeat(4,1fr)}.garage-layout{grid-template-columns:1fr}.garage-preview-wrap canvas{height:190px}.garage-car-list{grid-template-columns:repeat(2,1fr);max-height:160px}.garage-panel{padding:16px}.touch-controls{bottom:122px}.mute-button{right:12px;bottom:12px;width:34px;height:34px}.screen-layer{padding:10px}.wide-card{padding:25px 20px}.level-select-controls{align-items:flex-start;gap:10px;flex-direction:column}}.paint-swatch.active{border-color:var(--cyan);box-shadow:0 0 0 2px #41e3d055}