:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#070707;color:#f2f2ed}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{border:0;font:inherit;color:inherit;cursor:pointer}#game,#hud{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#game{z-index:0}#hud{pointer-events:none;z-index:1}#flash{z-index:50;pointer-events:none}.panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;padding:28px;pointer-events:auto;background:linear-gradient(90deg,#070707e0,#0707072e)}.panel.is-visible{display:flex}#menu{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:24px;padding:clamp(20px,5vw,56px)}.brand{max-width:700px;padding-top:min(5vh,46px)}.brand p,h2{margin:0 0 10px;color:#e6d75b;font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:0}.brand h1{margin:0;max-width:760px;font-size:clamp(36px,7vw,86px);line-height:.93;letter-spacing:0}.menu-hint{margin:14px 0 0;max-width:620px;font-size:15px;line-height:1.45;color:#c9cdc8;font-weight:500}.menu-hint strong{color:#e6d75b}.menu-hint kbd{padding:2px 7px;border-radius:5px;border:1px solid rgba(230,215,91,.45);font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e6d75b;background:#00000059}.picker-grid{display:grid;grid-template-columns:minmax(0,650px) minmax(240px,340px);gap:28px;width:min(100%,1040px)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card,.mode{min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#121415d1;text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}.card{display:grid;gap:9px;min-height:238px;padding:14px}.card:hover,.mode:hover{transform:translateY(-1px);border-color:#e6d75b8a}.card.is-selected,.mode.is-selected{border-color:#e6d75b;background:#28281fe0}.card.is-locked{opacity:.5;cursor:not-allowed}.mini-car{display:block;width:100%;aspect-ratio:1.9;border-radius:6px;background:radial-gradient(circle at 25% 78%,#090a0b 0 8%,transparent 9%),radial-gradient(circle at 76% 78%,#090a0b 0 8%,transparent 9%),linear-gradient(0deg,transparent 0 56%,color-mix(in srgb,var(--car),#fff 16%) 57% 82%,transparent 83%),linear-gradient(0deg,transparent 31%,var(--car) 32% 74%,transparent 75%)}.card strong,.mode strong{font-size:16px}.card small,.mode span{color:#b8bbb4;font-size:12px}.stat{display:grid;gap:5px;font-size:11px;color:#d7d7ce}.stat i{display:block;height:5px;overflow:hidden;border-radius:999px;background:#ffffff21}.stat em{display:block;height:100%;border-radius:inherit;background:#57c785}.mode-list{display:grid;gap:10px}.mode{display:grid;gap:6px;padding:17px}.primary,#share{min-height:44px;border-radius:8px;padding:0 22px;background:#e6d75b;color:#101112;font-weight:900;text-transform:uppercase}#share{background:#f2f2ed}#results{background:#070707cc;flex-direction:column;gap:18px}#result-card{margin:0;max-width:calc(100vw - 32px);overflow:auto;border:1px solid rgba(230,215,91,.55);border-radius:8px;padding:20px;background:#060707eb;color:#f2f2ed;font:800 clamp(12px,2.2vw,18px)/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}#flash{position:fixed;left:50%;top:17%;transform:translate(-50%) scale(.92);padding:10px 16px;border-radius:8px;background:#f05343e0;color:#fff;font:900 clamp(18px,4vw,42px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}#flash.is-visible{opacity:1;transform:translate(-50%) scale(1)}#toast{position:fixed;z-index:120;left:50%;bottom:26px;max-width:min(520px,calc(100vw - 32px));transform:translate(-50%) translateY(16px);border-radius:8px;padding:10px 14px;background:#f2f2edf2;color:#111;font-weight:800;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.tilt-help{min-height:40px;border-radius:8px;padding:0 16px;background:#ffffff14;color:#e6d75b;font-weight:700}#toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 820px){#menu{overflow:auto;justify-content:flex-start;background:#070707d1}.picker-grid,.cards{grid-template-columns:1fr}.cards{max-height:none}.card{min-height:178px}.brand{padding-top:0}}
