:root{--accent: #ffb347;--accent-2: #6fd3ff;--danger: #ff5252;--ink: #eef2f6;--ink-dim: #9aa7b4;--panel: rgba(11, 15, 21, .66);--panel-strong: rgba(9, 12, 18, .82);--panel-border: rgba(255, 255, 255, .09);--panel-radius: 16px;--shadow: 0 10px 34px rgba(0, 0, 0, .45);--font: "Avenir Next", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#05070a;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}#ui-root{position:fixed;inset:0;z-index:10;pointer-events:none;user-select:none}kbd{display:inline-block;min-width:1.7em;padding:.18em .5em;border:1px solid rgba(255,255,255,.22);border-bottom-width:3px;border-radius:6px;background:#ffffff14;font-family:var(--font);font-size:.82em;font-weight:700;letter-spacing:.06em;text-align:center;color:var(--ink)}#loading-screen{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(120% 90% at 50% 108%,rgba(255,179,71,.14),transparent 55%),linear-gradient(180deg,#04060a,#090d14 60%,#0b0906);opacity:1;visibility:visible;transition:opacity .65s ease}.loading-title{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:800;letter-spacing:.42em;text-indent:.42em;background:linear-gradient(92deg,var(--accent-2) 0%,#fff 45%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 22px rgba(255,179,71,.25))}.loading-bar{width:min(340px,72vw);height:7px;border-radius:99px;background:#ffffff17;border:1px solid rgba(255,255,255,.08);overflow:hidden}.loading-bar-fill{width:0%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent-2),var(--accent));background-size:200% 100%;box-shadow:0 0 14px #ffb3478c;transition:width .3s ease;animation:loading-shimmer 1.6s linear infinite}@keyframes loading-shimmer{0%{background-position:0% 0}to{background-position:-200% 0}}.loading-status{font-size:.95rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}#loading-screen.done{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility 0s linear .7s}#loading-screen.failed .loading-bar-fill{background:var(--danger);box-shadow:0 0 14px #ff525299;animation:none}#loading-screen.failed .loading-status{color:#ff8f8f;text-transform:none;letter-spacing:.04em}#loading-screen.failed .loading-title{filter:saturate(.4)}.speedo{position:absolute;left:24px;bottom:24px;width:184px;height:184px;border-radius:50%;background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center}.rpm-arc{position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from 225deg,var(--accent-2) 0deg,var(--accent) calc(var(--rpm, 0) * 200deg),#ff6a3d calc(var(--rpm, 0) * 270deg),rgba(255,255,255,.07) calc(var(--rpm, 0) * 270deg + .5deg),rgba(255,255,255,.07) 270deg,transparent 270deg);-webkit-mask:radial-gradient(closest-side,transparent 82%,#000 83%);mask:radial-gradient(closest-side,transparent 82%,#000 83%);transition:filter .15s ease}.speedo.redline .rpm-arc{filter:drop-shadow(0 0 6px rgba(255,106,61,.9))}.speed-value{font-size:56px;font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-shadow:0 2px 10px rgba(0,0,0,.6)}.speed-unit{margin-top:2px;font-size:.78rem;font-weight:600;letter-spacing:.3em;text-indent:.3em;color:var(--ink-dim);text-transform:uppercase}.gear-badge{position:absolute;right:6px;bottom:12px;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:#101319;background:var(--accent);border:2px solid rgba(0,0,0,.35);box-shadow:0 3px 12px #00000080;transition:background-color .2s ease,transform .2s ease}.gear-badge.pulse{animation:gear-pulse .34s ease}@keyframes gear-pulse{0%{transform:scale(1);background-color:var(--accent)}40%{transform:scale(1.22);background-color:var(--accent-2)}to{transform:scale(1);background-color:var(--accent)}}.speedo.shifting .speed-value{color:var(--accent-2)}.minimap{position:absolute;right:24px;bottom:24px;width:200px;height:200px;border-radius:18px;overflow:hidden;border:1px solid var(--panel-border);outline:3px solid rgba(0,0,0,.35);background:#0b0f15;box-shadow:var(--shadow);cursor:pointer;pointer-events:auto;transition:outline-color .2s ease}.minimap:hover{outline-color:#ffb34773}.minimap canvas{width:100%;height:100%;display:block}.minimap-north{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:.68rem;font-weight:800;letter-spacing:.1em;color:var(--accent-2);text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.garage-btn{position:absolute;right:24px;bottom:240px;display:flex;align-items:center;gap:10px;padding:11px 18px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);color:var(--ink);font-family:var(--font);font-size:.86rem;font-weight:700;letter-spacing:.16em;cursor:pointer;pointer-events:auto;transition:border-color .2s ease,transform .15s ease,background-color .2s ease}.garage-btn:hover{border-color:#ffb3478c;background:#18140cb8;transform:translateY(-1px)}.garage-btn:active{transform:translateY(0)}.garage-btn kbd{font-size:.72rem}.toast-stack{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:30}.toast{max-width:min(520px,86vw);padding:11px 22px;border-radius:99px;background:var(--panel-strong);border:1px solid var(--panel-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);font-size:.95rem;font-weight:600;letter-spacing:.03em;text-align:center;opacity:0;transform:translateY(-14px);transition:opacity .28s ease,transform .28s ease}.toast.in{opacity:1;transform:translateY(0)}.toast.out{opacity:0;transform:translateY(-10px)}.toast.gold{border-color:#ffb347a6;background:linear-gradient(180deg,#402c0ce6,#1e1608eb);color:#ffe1ad;box-shadow:0 8px 30px #ffb34747}.toast.zone{border-color:#6fd3ff80;color:#d7f1ff}.garage-overlay{position:absolute;inset:0;z-index:40;display:none;flex-direction:column;background:#05070ac7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.garage-overlay.open{display:flex;pointer-events:auto}.garage-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 28px 14px;border-bottom:1px solid var(--panel-border)}.garage-title{font-size:1.5rem;font-weight:800;letter-spacing:.3em;text-indent:.3em;color:var(--accent)}.garage-filters{display:flex;gap:8px;flex-wrap:wrap;flex:1}.filter-chip{padding:6px 14px;border-radius:99px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--ink-dim);font-family:var(--font);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.filter-chip:hover{color:var(--ink)}.filter-chip.active{color:#101319;background:var(--accent);border-color:var(--accent)}.garage-close{padding:10px 26px;border-radius:12px;border:1px solid rgba(255,179,71,.5);background:#ffb3471f;color:var(--accent);font-family:var(--font);font-size:.9rem;font-weight:800;letter-spacing:.2em;cursor:pointer;transition:background-color .15s ease,color .15s ease}.garage-close:hover{background:var(--accent);color:#101319}.garage-close kbd{margin-left:8px;font-size:.7rem}.garage-grid{flex:1;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:20px 28px 34px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.garage-grid::-webkit-scrollbar{width:10px}.garage-grid::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px}.car-card{position:relative;border-radius:var(--panel-radius);border:1px solid var(--panel-border);background:var(--panel);overflow:hidden;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.car-card:hover{border-color:#6fd3ff80;transform:translateY(-2px);box-shadow:0 14px 36px #00000080}.car-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 10px 32px #ffb3472e}.car-card.selected:after{content:"DRIVING";position:absolute;top:10px;right:10px;padding:3px 10px;border-radius:99px;background:var(--accent);color:#101319;font-size:.62rem;font-weight:800;letter-spacing:.14em;z-index:3}.car-card.shake{animation:card-shake .35s ease}@keyframes card-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}55%{transform:translate(5px)}80%{transform:translate(-3px)}}.card-preview{position:relative;aspect-ratio:5 / 3;background:radial-gradient(90% 70% at 50% 82%,color-mix(in srgb,var(--paint, #888) 26%,transparent),transparent 72%),linear-gradient(180deg,#ffffff0b,#00000040);overflow:hidden}.card-preview canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.car-silhouette{position:absolute;left:12%;right:12%;bottom:24%;height:34%;background:linear-gradient(170deg,color-mix(in srgb,var(--paint, #888) 92%,#fff),color-mix(in srgb,var(--paint, #888) 62%,#000));clip-path:polygon(0% 100%,0% 62%,4% 46%,16% 40%,26% 12%,47% 0%,64% 4%,74% 34%,93% 42%,99% 58%,100% 100%)}.car-silhouette:before,.car-silhouette:after{content:"";position:absolute;bottom:-26%;width:21%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--paint2, #ccc) 65%,#222) 0 34%,#14171c 35% 100%);box-shadow:0 0 0 2px #0000008c}.car-silhouette:before{left:12%}.car-silhouette:after{right:12%}.card-body{padding:12px 14px 14px}.card-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.card-name{font-size:1.02rem;font-weight:700;letter-spacing:.02em}.category-chip{flex-shrink:0;padding:2px 9px;border-radius:99px;border:1px solid rgba(111,211,255,.4);color:var(--accent-2);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card-blurb{margin-top:4px;font-size:.76rem;color:var(--ink-dim);min-height:2.2em}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 10px}.card-tag{padding:2px 8px;border-radius:6px;background:#ffffff12;font-size:.66rem;font-weight:700;letter-spacing:.08em;color:var(--ink-dim)}.card-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.stat{display:flex;align-items:center;gap:7px}.stat-label{width:2.6em;font-size:.62rem;font-weight:800;letter-spacing:.1em;color:var(--ink-dim)}.stat-bar{flex:1;height:5px;border-radius:99px;background:#ffffff14;overflow:hidden}.stat-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.car-card.locked{cursor:not-allowed}.car-card.locked .card-preview,.car-card.locked .card-body{filter:grayscale(.85) brightness(.55)}.lock-overlay{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center;background:#05070a73}.lock-icon{font-size:1.7rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.8))}.lock-hint{font-size:.78rem;font-weight:600;color:var(--ink);text-shadow:0 1px 4px rgba(0,0,0,.9)}.lock-progress{padding:2px 12px;border-radius:99px;border:1px solid rgba(255,179,71,.5);background:#ffb34724;color:var(--accent);font-size:.78rem;font-weight:800;font-variant-numeric:tabular-nums}.pause-overlay{position:absolute;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:#05070a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pause-overlay.open{display:flex;pointer-events:auto}.pause-panel{width:min(420px,92vw);max-height:88vh;overflow-y:auto;overscroll-behavior:contain;padding:28px 30px 22px;border-radius:22px;border:1px solid var(--panel-border);background:var(--panel-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.pause-title{font-size:1.35rem;font-weight:800;letter-spacing:.34em;text-indent:.34em;text-align:center;color:var(--accent)}.pause-btn{width:100%;padding:13px 18px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffff0f;color:var(--ink);font-family:var(--font);font-size:.95rem;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.pause-btn:hover{background:#ffb34724;border-color:#ffb3478c}.pause-btn.primary{background:var(--accent);border-color:var(--accent);color:#101319}.pause-btn.primary:hover{background:#ffc670}.pause-row-label{font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:-8px}.segmented{display:flex;border:1px solid var(--panel-border);border-radius:12px;overflow:hidden}.segmented button{flex:1;padding:10px 0;border:none;background:#ffffff0a;color:var(--ink-dim);font-family:var(--font);font-size:.82rem;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:background-color .15s ease,color .15s ease}.segmented button+button{border-left:1px solid var(--panel-border)}.segmented button:hover{color:var(--ink)}.segmented button.active{background:var(--accent-2);color:#101319}.volume-row{display:flex;align-items:center;gap:12px}.volume-row input[type=range]{flex:1;appearance:none;-webkit-appearance:none;height:6px;border-radius:99px;background:#ffffff1f;outline:none;cursor:pointer}.volume-row input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid rgba(0,0,0,.4);box-shadow:0 2px 8px #00000080}.volume-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid rgba(0,0,0,.4);box-shadow:0 2px 8px #00000080}.volume-value{width:3.2em;text-align:right;font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.controls-recap{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;align-items:center;padding:14px 16px;border-radius:12px;background:#ffffff0a;border:1px solid var(--panel-border)}.controls-recap .keys{justify-self:end;white-space:nowrap}.controls-recap .desc{font-size:.82rem;color:var(--ink-dim)}.credits{text-align:center;font-size:.72rem;letter-spacing:.08em;color:var(--ink-dim)}.hints{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center;max-width:92vw;padding:12px 24px;border-radius:99px;background:var(--panel-strong);border:1px solid var(--panel-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);animation:hints-in .6s ease;opacity:1;transition:opacity .7s ease,transform .7s ease}@keyframes hints-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.hints.fade{opacity:0;transform:translate(-50%,10px)}.hint-chip{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;color:var(--ink-dim);white-space:nowrap}.hint-chip kbd{font-size:.72rem}@media(max-width:760px){.speedo{width:148px;height:148px;left:14px;bottom:14px}.speed-value{font-size:42px}.gear-badge{width:38px;height:38px;font-size:1.05rem}.minimap{width:150px;height:150px;right:14px;bottom:14px}.garage-btn{right:14px;bottom:180px;padding:9px 14px}.garage-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:14px;gap:12px}.garage-header{padding:14px 14px 10px;gap:10px}.hints{gap:10px;padding:10px 16px;border-radius:20px}}