:root{--bg-top: #dce2e9;--bg-bottom: #b8c1cb;--panel: rgba(8, 16, 24, .88);--panel-line: rgba(255, 255, 255, .2);--text: #f2f7fb;--accent: #ffa726;--accent-2: #4caf50;--danger: #ef5350;--soft: rgba(255, 255, 255, .16);--shadow: 0 18px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Segoe UI,SF Pro Text,sans-serif}body{background:radial-gradient(circle at 50% 20%,var(--bg-top),var(--bg-bottom));color:var(--text)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud{position:absolute;display:flex;gap:.5rem;z-index:6}.top-left{top:.75rem;left:.75rem;flex-direction:column}.top-right{top:.75rem;right:.75rem}.race-controls{left:50%;top:.75rem;transform:translate(-50%);align-items:center;background:#060c128a;border:1px solid var(--panel-line);border-radius:999px;padding:.35rem .5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.accel-zone{right:.75rem;bottom:.75rem}.speed-hud{right:.95rem;bottom:clamp(9.8rem,25vh,13.2rem)}.race-hud{left:50%;top:clamp(3.1rem,11vh,4.2rem);transform:translate(-50%)}.speed-pill{min-width:6.2rem;text-align:center;background:#070f17c2}.pill{background:#060c1299;border:1px solid var(--panel-line);border-radius:999px;padding:.4rem .8rem;font-weight:700;letter-spacing:.02em;font-size:.9rem}.ui-button,#npc-count{background:#081018c7;color:var(--text);border:1px solid var(--panel-line);border-radius:.65rem;padding:.45rem .8rem;font-size:.8rem;font-weight:700}.ui-button:active,.race-btn:active,.pedal:active,.button-tiny:active{transform:translateY(1px)}.ui-button.active{border-color:var(--accent);background:#ffa72633}.race-btn{background:linear-gradient(135deg,#fb8c00,#ffca28);color:#121212;border:none;border-radius:999px;padding:.45rem 1.15rem;font-size:.84rem;font-weight:900;letter-spacing:.04em}.pedal{width:min(30vw,9.5rem);height:min(28vw,8.5rem);border-radius:1.2rem;border:2px solid rgba(255,255,255,.25);background:linear-gradient(150deg,#2f455f,#162231);color:#fff;font-size:.95rem;font-weight:900;letter-spacing:.06em;box-shadow:var(--shadow);touch-action:none}.pedal.engaged{background:linear-gradient(150deg,#2e7d32,#66bb6a)}.overlay{position:absolute;z-index:8}.panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,48rem);max-height:min(80vh,32rem);overflow:auto;background:var(--panel);border:1px solid var(--panel-line);border-radius:1rem;box-shadow:var(--shadow);padding:.8rem}#dealer-panel{width:min(94vw,52rem)}.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:.75rem}.panel-head h2{margin:0 0 .5rem;font-size:1.05rem}.close{border:1px solid var(--panel-line);background:#ffffff14;color:var(--text);border-radius:.5rem;padding:.35rem .55rem;font-size:.8rem;font-weight:800}.card-list{display:grid;gap:.55rem}.dealer-layout{display:grid;grid-template-columns:minmax(12rem,17rem) minmax(0,1fr);gap:.7rem}.dealer-list{display:grid;gap:.45rem;max-height:55vh;overflow:auto;padding-right:.2rem}.dealer-item{width:100%;text-align:left;border:1px solid var(--panel-line);border-radius:.7rem;background:#ffffff12;color:var(--text);padding:.5rem .58rem}.dealer-item.active{border-color:var(--accent);background:#ffa72633}.dealer-item-title{display:block;font-weight:800;font-size:.83rem}.dealer-item-sub{display:block;margin-top:.2rem;opacity:.84;font-size:.74rem}.dealer-detail{border:1px solid var(--panel-line);border-radius:.8rem;background:#ffffff0f;padding:.65rem;display:grid;gap:.45rem;align-content:start}.dealer-preview-shell{width:100%;aspect-ratio:4 / 3;border:1px solid var(--panel-line);border-radius:.65rem;background:linear-gradient(180deg,#d4dde6,#b6c1cd);overflow:hidden}#dealer-preview-canvas{width:100%;height:100%;display:block;touch-action:none}.dealer-detail h3{margin:0;font-size:.94rem}.dealer-detail p{margin:0;font-size:.76rem;opacity:.9}.card{border:1px solid var(--panel-line);border-radius:.8rem;padding:.55rem;background:#ffffff0f;display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.card h3{margin:0 0 .25rem;font-size:.95rem}.card p{margin:0;opacity:.86;font-size:.78rem}.button-tiny{border:1px solid rgba(255,255,255,.35);background:#ffffff1f;color:var(--text);border-radius:.5rem;padding:.4rem .62rem;font-size:.75rem;font-weight:800;min-width:5rem}.button-tiny.buy{background:linear-gradient(135deg,#283593,#1e88e5);border:none}.button-tiny.upgrade{background:linear-gradient(135deg,#ef6c00,#ffa726);color:#121212;border:none}.button-tiny.selected{background:linear-gradient(135deg,#2e7d32,#66bb6a);border:none}.countdown{left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(2.4rem,10vw,6rem);font-weight:900;text-shadow:0 8px 30px rgba(0,0,0,.45)}.countdown.red{color:var(--danger)}.countdown.amber{color:var(--accent)}.countdown.green{color:var(--accent-2)}.result{left:50%;bottom:12%;transform:translate(-50%);padding:.65rem 1rem;border-radius:.7rem;background:#03080cd9;border:1px solid rgba(255,255,255,.25);font-weight:800}.toast{left:50%;bottom:3.8rem;transform:translate(-50%);padding:.45rem .7rem;border-radius:.5rem;background:#03080ccc;border:1px solid rgba(255,255,255,.2);font-size:.82rem}.hidden{display:none!important}.orientation-warning{position:absolute;inset:0;display:none;z-index:12;background:#060c12eb;align-items:center;justify-content:center;text-align:center;padding:1rem;font-size:1rem;font-weight:700}@media(orientation:portrait){.orientation-warning{display:flex}}@media(max-height:420px){.pedal{width:min(26vw,7rem);height:min(24vw,6.4rem);font-size:.8rem}.race-controls{padding:.25rem .4rem;gap:.4rem}.ui-button,#npc-count,.race-btn{font-size:.72rem;padding:.35rem .6rem}.speed-hud{bottom:clamp(7.3rem,22vh,9.6rem)}}@media(max-width:880px){.dealer-layout{grid-template-columns:1fr}.dealer-list{max-height:35vh}}