*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0f1220;--panel: #1a1f35;--panel2: #232946;--text: #eef0ff;--muted: #9aa3c7;--accent: #ffb454;--accent2: #6c8cff}html,body{height:100%}body{font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}.screen{display:none;width:100vw;height:100vh;overflow-y:auto}.screen.active{display:block}.hidden{display:none!important}.start-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:radial-gradient(ellipse at 50% 120%,#1a2450 0%,transparent 60%),linear-gradient(180deg,#04050f,#0a0f22)}.logo{font-size:60px;letter-spacing:6px;font-weight:800;background:linear-gradient(180deg,#eaf0ff,#7f93d8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(120,150,255,.3)}.tagline{color:var(--muted);margin:4px 0 24px}.start-wrap .btn-big{width:auto;min-width:220px}.credits{color:var(--muted);font-size:11px;margin-top:28px;opacity:.7;display:flex;flex-direction:column;gap:3px;text-align:center;line-height:1.5}.credits-title{font-size:10px;letter-spacing:.08em;opacity:.8;margin-bottom:3px}.credits a{color:var(--muted);text-decoration:underline}.minimap{position:absolute;right:16px;bottom:118px;width:172px;height:172px;opacity:.88;pointer-events:none}.opt-row{display:flex;gap:22px;justify-content:center;margin-top:16px}.opt{display:inline-flex;align-items:center;gap:7px;color:#cdd4e6;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.opt input{accent-color:var(--accent);width:15px;height:15px;cursor:pointer}.opt-sub{color:var(--muted);font-size:11px;opacity:.8}.opt-select{background:#0a0e1acc;border:1px solid #2a3354;border-radius:8px;color:#e8ecf8;font-size:13px;padding:4px 8px;cursor:pointer;outline:none}.opt-select:focus{border-color:var(--accent)}.start-btns{display:flex;gap:12px;justify-content:center}.btn{border:0;border-radius:10px;padding:10px 18px;font-size:15px;cursor:pointer;color:var(--text);background:var(--panel2);transition:filter .1s,transform .05s}.btn:hover{filter:brightness(1.15)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1b1400;font-weight:700}.btn-secondary{background:var(--accent2)}.btn-ghost{background:transparent;border:1px solid #3a4370;margin-left:8px}.btn-big{width:100%;padding:16px;font-size:18px;margin-top:18px}#screen-select{background:radial-gradient(ellipse at 50% 120%,#1a2450 0%,transparent 60%),linear-gradient(180deg,#04050f,#0a0f22)}.select-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 24px}.select-title{font-size:34px;letter-spacing:2px;font-weight:800}.select-sub{color:var(--muted);margin-bottom:22px}.car-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:min(920px,94vw)}.car-card{flex:1 1 300px;max-width:420px;background:var(--panel);border-radius:16px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s}.car-card:hover{transform:translateY(-3px)}.car-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 40px #ffb4542e}.car-card .preview{width:100%;aspect-ratio:16 / 10;display:block;background:radial-gradient(ellipse at 50% 70%,#22305a 0%,transparent 70%),linear-gradient(180deg,#141a30,#0a0e1c)}.car-card .car-info{padding:14px 16px 16px}.car-card .car-name{font-size:20px;font-weight:700;display:flex;align-items:center;gap:8px}.car-card .car-swatch{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 0 8px currentColor}.car-card .car-tag{color:var(--muted);font-size:13px;margin-top:4px}.car-card .car-loading{width:100%;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.select-btns{display:flex;gap:12px;align-items:center;margin-top:26px}.select-btns .btn-big{margin-top:0;min-width:240px;width:auto}.map-cards{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width:min(920px,94vw)}.map-card{flex:1 1 300px;max-width:420px;background:var(--panel);border-radius:16px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s}.map-card:hover{transform:translateY(-3px)}.map-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 40px #ffb4542e}.map-thumb{width:100%;aspect-ratio:16 / 10;position:relative;overflow:hidden}.map-thumb:after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(75deg,transparent 46.5%,rgba(255,220,150,.55) 47%,rgba(255,220,150,.55) 48%,transparent 48.5%),linear-gradient(105deg,transparent 51.5%,rgba(255,90,70,.5) 52%,rgba(255,90,70,.5) 53%,transparent 53.5%),linear-gradient(180deg,transparent 0%,#05070f 55%)}.thumb-night{background:radial-gradient(1.5px 1.5px at 18% 22%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 34% 41%,#dfe8ff 50%,transparent 51%),radial-gradient(1.6px 1.6px at 57% 18%,#fff 50%,transparent 51%),radial-gradient(1.1px 1.1px at 71% 33%,#cfe0ff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 86% 24%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 44% 12%,#eef 50%,transparent 51%),linear-gradient(180deg,#060a1c,#0c1430 55%,#1a2547)}.thumb-moon{position:absolute;top:16%;right:16%;width:34px;height:34px;border-radius:50%;background:#f4f0e2;box-shadow:0 0 24px 6px #f4f0e273}.thumb-dusk{background:linear-gradient(180deg,#3a2b5e,#8a3f5c 42%,#e2653c 72%,#f7a03f)}.thumb-sun{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#ffd98a,#ff9b3d 70%);box-shadow:0 0 34px 10px #ff9b3d8c}.map-card .car-tag{white-space:normal}.gen-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px}.progress-track{width:min(520px,80vw);height:12px;border-radius:999px;background:var(--panel2);overflow:hidden}.progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .3s ease}.gen-detail{color:var(--muted);font-size:14px;min-height:20px}#screen-game{overflow:hidden;position:relative}#game-container{width:100%;height:100%}#game-container canvas{display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-top{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;gap:28px;background:#0a0c19bf;padding:10px 24px;border-radius:14px}.hud-item{display:flex;flex-direction:column;align-items:center;min-width:70px}.hud-label{font-size:11px;color:var(--muted);letter-spacing:2px}.hud-item span:last-child{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.hud-speed{position:absolute;right:28px;bottom:24px;font-size:52px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 2px 12px rgba(0,0,0,.6)}.hud-unit{font-size:16px;font-weight:400;color:var(--muted);margin-left:6px}.boost-indicator{position:absolute;left:50%;bottom:90px;transform:translate(-50%);font-size:26px;font-weight:800;color:var(--accent);text-shadow:0 0 18px rgba(255,180,84,.9);animation:pulse .4s infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:1;transform:translate(-50%) scale(1.06)}}.boost-gauge{position:absolute;left:28px;bottom:32px;width:200px;height:12px;border-radius:999px;background:#0a0c198c;border:1px solid rgba(255,255,255,.15);overflow:hidden}.boost-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width .12s linear}.nearmiss{position:absolute;left:50%;top:34%;transform:translate(-50%);text-align:center;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.7)}.nearmiss .nm-label{font-size:26px;font-weight:800;color:var(--accent);letter-spacing:1px}.nearmiss .nm-label.close{color:#ff5d7a}.nearmiss .nm-sub{font-size:17px;color:var(--muted);margin-top:4px}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:120px;font-weight:900;text-shadow:0 4px 30px rgba(0,0,0,.7);pointer-events:none}.controls-hint{position:absolute;left:24px;top:16px;color:#ffffff8c;font-size:13px;background:#0a0c1966;padding:6px 12px;border-radius:8px;transition:opacity 1.4s ease}.controls-hint.faded{opacity:0}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.tc-btn{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border:1px solid rgba(255,255,255,.25);background:#0e122080;color:#e8ecf8;font-weight:700;font-size:15px}.tc-btn:active{background:#5569be8c}.tc-steer{position:absolute;left:18px;bottom:22px;display:flex;gap:16px}.tc-steer .tc-btn{width:86px;height:86px;border-radius:50%;font-size:28px}.tc-actions{position:absolute;right:18px;bottom:22px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.tc-row{display:flex;gap:12px;align-items:flex-end}.tc-accel{width:86px;height:86px;border-radius:50%;font-size:26px}.tc-brake{width:66px;height:66px;border-radius:50%;font-size:20px}.tc-drift{height:50px;padding:0 16px;border-radius:14px;font-size:13px}.tc-mini{padding:8px 14px;border-radius:10px;font-size:12px;font-weight:400}.touch-mode .hud-speed{bottom:132px;right:22px;font-size:42px}.touch-mode .boost-gauge{bottom:128px}.touch-mode .minimap{bottom:220px}.touch-mode .controls-hint{display:none}.result-wrap{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}.result-wrap h2{font-size:40px}.result-stats{background:var(--panel);border-radius:16px;padding:24px 32px;display:flex;flex-direction:column;gap:14px;min-width:320px}.result-row{display:flex;justify-content:space-between;gap:40px}.result-row span{color:var(--muted)}.result-row strong{font-variant-numeric:tabular-nums}.result-btns{display:flex;gap:12px}.result-ranks{background:var(--panel);border-radius:16px;padding:14px 20px;min-width:320px;display:flex;flex-direction:column;gap:6px}.rr-row{display:flex;align-items:baseline;gap:12px;padding:5px 6px;border-radius:8px;font-size:15px}.rr-me{background:#6076c829}.rr-rank{width:20px;text-align:center;color:var(--muted);font-weight:700}.rr-row:first-child .rr-rank{color:#ffd75e}.rr-name{flex:1}.rr-name em{font-style:normal;color:var(--muted);font-size:12px}.rr-rec{font-variant-numeric:tabular-nums;color:var(--muted)}.rr-row:first-child .rr-rec{color:inherit}