:root{--cream:#fff4db;--orange:#ff763b;--cyan:#8af1ee;--muted:#bfced0;--dark:#101f28;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--dark);overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{touch-action:none}button:disabled{opacity:.55}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#game{width:100%;height:100vh;height:100dvh;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none}#road{width:100%;height:100%;display:block;touch-action:none}.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#101f284a,transparent 25%,transparent 62%,#0c1b29cf)}.topbar{position:absolute;top:0;left:0;right:0;padding:calc(22px + env(safe-area-inset-top)) max(30px,env(safe-area-inset-right)) 18px max(30px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;font-weight:700;letter-spacing:2px;z-index:10}.back{display:flex;align-items:center;gap:9px}.wordmark{font-size:13px;font-style:italic;letter-spacing:3px}.edition{color:#ffb382}.tools{display:flex;align-items:center;gap:10px}.tools button{background:#11232f66;border:1px solid #fff3d738;padding:9px 12px;font-size:10px;letter-spacing:1.5px;border-radius:3px;min-height:36px}#pause{font-size:16px;min-width:36px}.menu{position:absolute;top:22%;left:8%;width:600px;max-width:60%;text-shadow:0 2px 18px #101c2555}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;display:flex;align-items:center;gap:10px;color:var(--cyan)}.eyebrow i{height:6px;width:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 14px #8af1ee}.eyebrow span{padding-left:12px;color:var(--cream);opacity:.6}h1{position:relative;display:inline-block;font-weight:900;font-style:italic;font-size:clamp(70px,9.5vw,145px);line-height:.82;letter-spacing:-.065em;margin:24px 0 26px}h1 span{color:var(--orange)}h1 sup{font-size:.34em;position:absolute;left:102%;top:8%;letter-spacing:-8px;font-style:normal;color:var(--orange)}.tagline{font-size:clamp(16px,1.65vw,22px);font-weight:700;letter-spacing:-.4px;margin:0 0 14px}.intro{font-size:14px;line-height:1.9;color:#e1e1d9;margin:0 0 27px}.primary{display:flex;justify-content:space-between;align-items:center;gap:45px;width:300px;max-width:100%;border:none;border-radius:3px;padding:18px 22px;background:var(--cream);color:#16232b;font-size:14px;font-weight:800;text-shadow:none;box-shadow:0 8px 25px #0c17232b;transition:background .2s,transform .2s}.primary:hover{background:var(--orange);transform:translateY(-2px)}.primary span{font-size:24px;line-height:16px}.how{display:flex;gap:17px;font-size:10px;color:#c3d1d4;margin-top:20px}.how b{color:var(--cream);margin-right:4px}.touch-how{display:none;font-size:11px;color:#dae4e5}.menu-meta{margin-top:34px;display:flex;gap:27px;font-size:8px;letter-spacing:1.5px;opacity:.7}.hud{position:absolute;inset:100px 42px auto;display:flex;justify-content:space-between;pointer-events:none}.label{font-size:9px;letter-spacing:2px;font-weight:700;color:#cbdbdc;display:block}.mission b{font-size:52px;font-style:italic;letter-spacing:-3px;line-height:1.2;font-variant-numeric:tabular-nums}.goal{font-size:20px;opacity:.65;font-style:italic}.mission-track{height:3px;width:162px;background:#fff2d52b;margin-top:6px}.mission-track i{display:block;background:var(--orange);height:100%;width:0;transition:width .25s}#combo{display:inline-block;color:var(--cyan);font-size:12px;font-style:italic;margin-left:16px}.clock{text-align:right}.clock strong{font-variant-numeric:tabular-nums;display:block;font-size:40px;font-weight:400;letter-spacing:-2px;line-height:1.4}.clock.urgent strong{color:#ff9060}#health{letter-spacing:6px;color:var(--cyan);font-size:16px}.drive-hud{position:absolute;bottom:calc(35px + env(safe-area-inset-bottom));left:42px;right:42px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;pointer-events:none}.drive-hud button{pointer-events:auto}.speed{min-width:170px}.speed strong{font-size:80px;line-height:1.1;font-weight:800;letter-spacing:-5px;font-style:italic;font-variant-numeric:tabular-nums}.speed div>span{font-size:11px;display:inline-block;margin-left:10px;color:#cfdfdf;font-style:italic}.rev{width:180px;height:5px;margin:8px 0;background:repeating-linear-gradient(90deg,#cfe7e430 0 10px,transparent 10px 13px)}.rev i{display:block;width:60%;height:100%;background:repeating-linear-gradient(90deg,var(--cream) 0 10px,transparent 10px 13px)}.speed small{font-size:9px;letter-spacing:2px;color:var(--muted)}.steering{display:flex;gap:10px;opacity:.65}.drive-button{width:60px;height:55px;border-radius:5px;border:1px solid #d4e3e73b;background:#10253280;font-size:20px}.drive-button.active{background:#e7fafa3b;border-color:var(--cyan)}.route-label{position:absolute;right:40px;bottom:35px;display:flex;gap:28px;font-size:8px;letter-spacing:2px;opacity:.65;pointer-events:none}.feedback{position:absolute;left:50%;top:11%;transform:translate(-50%,6px);opacity:0;text-align:center;white-space:nowrap;pointer-events:none;transition:opacity .13s,transform .2s;text-shadow:0 3px 30px #162433;font-style:italic}.feedback.visible{opacity:1;transform:translate(-50%)}.feedback>span{display:block;font-size:9px;letter-spacing:4px;margin-bottom:6px;color:var(--cyan);font-style:normal}.feedback strong{display:block;font-size:clamp(26px,3.3vw,48px);letter-spacing:-2px;line-height:1.1}.feedback small{display:block;font-size:11px;margin-top:9px;color:#d6e6e6;font-style:normal;letter-spacing:.5px}.feedback.near strong,.feedback.checkpoint strong{color:var(--cyan)}.feedback.hit strong{color:var(--orange)}.modal{position:absolute;inset:0;display:grid;place-items:center;z-index:30;background:#0e1a29c9;backdrop-filter:blur(10px);padding:25px}.modal-card{width:420px;max-width:100%}.modal h2{font-size:68px;font-weight:900;line-height:.95;letter-spacing:-4px;font-style:italic;margin:25px 0}.modal h2>span{color:var(--orange)}.modal p{font-size:14px;line-height:1.8;color:#c8d5d6}.modal .primary{width:100%}.return{display:block;font-size:10px;letter-spacing:2px;margin-top:24px;color:var(--muted)}.results{display:flex;justify-content:space-between;border-top:1px solid #b0c0c02e;margin:23px 0;padding-top:23px;gap:16px}.results b{display:block;font-size:36px;letter-spacing:-1px}.results span{display:block;font-size:11px;color:var(--muted);margin-top:5px}@media(hover:none){.how{display:none}.touch-how{display:block}.steering{opacity:1}.drive-button{width:68px;height:64px}}@media(max-width:650px){.topbar{padding:calc(16px + env(safe-area-inset-top)) 18px 10px;gap:8px;font-size:9px;letter-spacing:1px}.wordmark{font-size:10px;letter-spacing:1.5px}.edition{display:none}.tools{gap:5px}.tools button{font-size:8px;padding:8px}.back{gap:5px}.menu{left:7%;top:20%;width:86%;max-width:none}h1{font-size:clamp(72px,20vw,108px);margin-top:22px}.tagline{font-size:16px}.intro{font-size:12px;margin-bottom:22px}.primary{width:270px;padding:16px 20px}.menu-meta{font-size:7px;gap:15px;margin-top:24px}.route-label{left:7%;right:auto;bottom:22px;font-size:6px;gap:16px}.hud{inset:87px 21px auto}.mission b{font-size:42px}.mission-track{width:122px}.goal{font-size:15px}#combo{font-size:10px;margin-left:9px}.clock strong{font-size:33px}#health{font-size:13px}.label{font-size:8px}.drive-hud{bottom:calc(20px + env(safe-area-inset-bottom));left:18px;right:18px;gap:9px;align-items:flex-end;flex-wrap:wrap}.speed{position:absolute;bottom:98px;left:3px;min-width:0}.speed strong{font-size:52px;letter-spacing:-3px}.speed div>span{font-size:9px;margin-left:7px}.rev{width:125px}.speed small{font-size:7px}.steering{gap:6px}.drive-button{width:51px;height:57px}.feedback{top:18%}.feedback strong{font-size:35px}.feedback small{font-size:9px}.feedback>span{font-size:8px}.modal h2{font-size:60px}.modal-card{width:340px}}@media(max-height:580px)and (min-width:651px){.menu{top:17%;left:7%}h1{font-size:75px;margin:17px 0}.intro{font-size:12px;margin-bottom:15px}.tagline{font-size:16px;margin-bottom:8px}.primary{padding:12px 18px}.how{margin-top:14px}.menu-meta{display:none}.hud{top:77px}.drive-hud{bottom:20px}.speed strong{font-size:56px}.rev{width:150px}.route-label{bottom:20px}.feedback{top:13%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-height:500px)and (min-width:651px){.menu h1{font-size:68px}.menu .intro{display:none}.menu .tagline{font-size:14px}.menu .how{margin-top:10px}.modal{overflow-y:auto;padding:18px}.modal-card{width:480px}.modal h2{font-size:44px;margin:15px 0;line-height:1}.modal h2 br{display:none}.modal .results{margin:12px 0;padding-top:10px}.modal .results b{font-size:27px}.modal .primary{padding:12px 18px}.modal .return{margin-top:15px}.modal p{margin:8px 0}}:root{--cream:#e9f7ff;--orange:#70eeec;--cyan:#7bf4e8;--muted:#9cb9ce;--dark:#091424}.shade{background:linear-gradient(180deg,#07122291,transparent 22%,transparent 67%,#050c1dc7)}.wordmark{letter-spacing:2px}.edition{color:#79e8ff}.menu{top:21%;text-shadow:0 2px 25px #031023}.menu:before{content:"";position:absolute;inset:-35px -20px;z-index:-1;background:radial-gradient(ellipse at 30% 50%,#0a162c99,transparent 75%);pointer-events:none}h1{letter-spacing:-.065em}h1 span{color:#8deff0}h1 sup{color:#ffa071}.eyebrow{color:#84dae9}.menu .tagline{color:#e0faff}.primary{background:#a2f4ed;color:#071b2a}.primary:hover{background:#d3fffa}.mission-track i{background:#7bf4e8}.unit{font-size:7px;letter-spacing:1.5px;color:#abc0d1;display:block;margin:0 0 6px}.clock.urgent strong,#health.danger{color:#ff8b5d}.speed{min-width:210px}.feedback{top:11.5%}.feedback strong{font-size:29px;letter-spacing:1px}.feedback small{font-size:10px}.feedback>span{font-size:7px;letter-spacing:3px}.feedback.hit strong{color:#ff9366}@media(max-width:650px){.wordmark{font-size:9px}.topbar{gap:5px}h1{font-size:clamp(80px,24vw,120px)}.menu{top:19%}.menu .intro{font-size:12px}.speed{min-width:0}.speed strong{font-size:48px}.speed div>span{font-size:8px;margin-left:5px}.feedback{top:18%}.feedback strong{font-size:23px}.feedback small{font-size:8px}.feedback>span{font-size:6px}.menu-meta{font-size:7px}.route-label{font-size:6px}}@media(max-height:500px)and (min-width:651px){.menu{top:17%}.menu h1{font-size:66px}.feedback{top:15%}}.feedback.warning strong,.feedback.shower strong{color:#ff9366}.drive-hud.slow .speed strong{color:#bfe6ff}.drive-hud.slow #gear{color:#8fd6ff}.drive-hud.slow .rev i{background:linear-gradient(90deg,#6aa8ff,#bfe6ff)}.chrono{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:7px;letter-spacing:2px;color:#7f96a8}.chrono .track{flex:1;min-width:58px;max-width:170px;height:4px;border-radius:3px;background:#16233480;overflow:hidden;display:block}.chrono .track i{display:block;height:100%;background:linear-gradient(90deg,#4fb7ff,#b9ecff);box-shadow:0 0 12px #4fb7ff66;transition:width .09s linear}.chrono.active{color:#bfe6ff}.chrono.active .track i{background:linear-gradient(90deg,#7ad4ff,#fff)}.chrono.low{color:#ff9366}.chrono.low .track i{background:linear-gradient(90deg,#ff6a3d,#ffb27a);box-shadow:0 0 12px #ff763b55}#gear{display:block}.aegis{display:inline-block;margin-top:8px;padding:3px 9px;border-radius:999px;font-size:9px;letter-spacing:2px;color:#0a1c2a;background:linear-gradient(90deg,#8ff6e8,#d9fbff);box-shadow:0 0 22px #6ff0e07a}.aegis b{font-weight:900}.aegis.ending{background:#ffc078;box-shadow:0 0 18px #ffb65b55}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.vehicle-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.drive-hud.shielded .speed strong{color:#c9fff4}.drive-hud.shielded #gear{color:#7ff0dd}.feedback.aegis strong{color:#8ff6e8}.motion-note{margin-top:14px;font-size:11px;color:#ffb27a;letter-spacing:.3px}.motion-note b{font-weight:700}#build{opacity:.55}@keyframes hurt{0%{transform:scale(1.35);color:#fff}30%{color:#ff5b2b}to{transform:scale(1);color:inherit}}#health.hurt{animation:hurt .6s ease-out;display:inline-block}@media(max-width:650px){.speed{position:fixed;top:calc(174px + env(safe-area-inset-top));bottom:auto;left:max(21px,env(safe-area-inset-left));pointer-events:none}.speed>.label{display:none}.speed strong{font-size:36px;letter-spacing:-2px}.speed .rev{width:108px;height:3px;margin:4px 0}.speed small{font-size:6px;letter-spacing:1px}.speed .chrono{margin-top:5px;letter-spacing:1px}.speed .chrono .track{max-width:84px}.speed .aegis{font-size:8px;margin-top:6px;padding:3px 7px}}@media(max-height:580px)and (min-width:651px){.drive-hud{left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}.drive-hud .speed{position:absolute;left:0;bottom:78px;min-width:0}.drive-hud .speed strong{font-size:36px;letter-spacing:-2px}.drive-hud .speed>.label{display:none}.drive-hud .speed .rev{width:118px;margin:4px 0}.drive-hud .speed small{font-size:6px;letter-spacing:1px}.drive-hud .steering{margin-right:auto}.drive-button{width:54px;height:54px}}@media(max-width:650px)and (max-height:700px){.menu{top:80px;max-height:calc(100% - 96px);overflow-y:auto;padding:0 2px 14px;scrollbar-width:thin}.menu h1{font-size:clamp(64px,14vh,94px);margin:14px 0 18px}.menu .tagline{font-size:14px}.menu .intro{font-size:11px;line-height:1.65;margin-bottom:16px}.menu .primary{padding:13px 18px}.menu .touch-how{font-size:10px;line-height:1.5}.menu-meta{gap:10px;flex-wrap:wrap;margin-top:14px}.route-label{display:none}.motion-note{font-size:10px;margin-top:8px}}.build-tag{position:absolute;left:50%;bottom:7px;transform:translate(-50%);font-size:8px;letter-spacing:1px;white-space:nowrap;pointer-events:none;z-index:10}@media(max-width:360px){.drive-hud{left:12px;right:12px;gap:8px;flex-wrap:nowrap}}.feedback.launch strong{color:#8ff6e8}