*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000;font-family:Inter,system-ui,sans-serif}*,*:before,*:after{font-family:Inter,system-ui,sans-serif;box-sizing:border-box}.refresh-btn,.sound-btn{background:none;border:none;color:#fff;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:30;outline:none;-webkit-tap-highlight-color:transparent}.refresh-btn:focus-visible,.sound-btn:focus-visible{outline:none}.refresh-btn{position:absolute;bottom:18px;right:68px}.sound-btn{position:absolute;bottom:18px;right:18px}.refresh-btn img,.sound-btn img{pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.game-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000;font-family:Inter,system-ui,sans-serif}.game-canvas{display:block;width:100%;height:100%}.start-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;color:#fff;-webkit-user-select:none;user-select:none}.start-vignette{display:flex;flex-direction:column;padding:36px 28px;border-radius:50px;background:#141414b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff}.start-desc{font-size:16px;font-weight:300;color:#fffc;margin:-8px 0 0;line-height:1.45}.start-screen h1{font-family:Climate Crisis,sans-serif;font-size:36px;font-weight:400;letter-spacing:.04em;line-height:1.15;margin:0 0 20px}.key-guide{display:flex;flex-direction:column;margin:24px 0 32px}.key-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;font-size:.97rem;font-weight:400;color:#ffffff8c;border-bottom:1px solid rgba(255,255,255,.07)}.key-row:last-child{border-bottom:none}.key-group{display:flex;gap:6px}kbd{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border-radius:10px;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:500;color:#fff}kbd img{pointer-events:none;-webkit-user-select:none;user-select:none}kbd.key-qe{font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:300;letter-spacing:.02em;color:#ffffffb3}.start-btn{width:100%;background:#fff;color:#000;font-family:Inter,system-ui,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:-.3px;border:none;border-radius:50px;padding:15px;cursor:pointer;transition:background .2s,transform .15s,box-shadow 90ms}.start-btn:hover{background:#ffffffe0}.top-hud{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;padding:14px 24px;border-radius:32px;background:#1e1e1cb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.top-hud-speed{position:relative;width:80px;height:80px;flex-shrink:0}.top-hud-speed-ring{width:80px;height:80px;transform:rotate(90deg);display:block}.speed-ring-bg{fill:none;stroke:#ffffff1a}.speed-ring-fill{fill:none;stroke:#00e5ff;stroke-linecap:round;transition:none}.top-hud-speed-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.top-hud-speed-num{font-size:1.35rem;font-weight:700;line-height:1;color:#fff;transition:font-size .1s}.top-hud-speed-unit{font-size:.58rem;color:#ffffff80;letter-spacing:.04em;margin-top:2px}.top-hud-divider{width:1px;height:70px;background:#ffffff1f;flex-shrink:0}.top-hud-mission{display:flex;flex-direction:column;gap:3px;min-width:0}.top-hud-exit{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.2px}.top-hud-lane{font-size:.85rem;color:#ffffff80;font-weight:400;margin-top:3px;white-space:normal}.top-hud-ind{font-size:.85rem;color:#ffffff80;font-weight:500;margin-top:3px;white-space:normal;text-align:left}.top-hud-indicators{display:flex;gap:8px;margin-left:8px;flex-shrink:0}.ind-arrow{font-size:1.6rem;color:#ffffff1f;line-height:1}.ind-left{transform:scaleX(-1)}.ind-arrow.on{color:#f0a000;text-shadow:0 0 14px rgba(240,160,0,.9);animation:blink .667s step-start infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.grace-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:48px;padding:10px 20px 10px 18px;border-radius:9999px;background:#c88200e0;color:#fff;display:flex;align-items:center;gap:10px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:graceFlash .5s ease-in-out infinite alternate;z-index:10}.grace-text{font-size:20px;font-weight:400;letter-spacing:-.3px;text-transform:none}.grace-timer{font-size:22px;font-weight:600;letter-spacing:-.3px;color:#ffe28b}@keyframes graceFlash{0%{box-shadow:0 0 #ffb40080}to{box-shadow:0 0 28px #ffb400e6}}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:20}.result-panel{display:flex;flex-direction:column;align-items:center;padding:28px 28px 24px;border-radius:50px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center;color:#fff;gap:12px}.result-fail{background:#2a0808eb}.result-win{background:#082a12eb}.result-title{font-family:Climate Crisis,sans-serif;font-size:36px;font-weight:400;letter-spacing:.04em;line-height:1.15;margin:0 0 4px}.result-fail .result-title{color:#f55;text-shadow:0 0 30px rgba(255,60,60,.5)}.result-win .result-title{color:#00e650;text-shadow:0 0 30px rgba(0,230,80,.5)}.result-msg{font-size:1rem;color:#ffffffa6;margin-bottom:16px;text-align:center;white-space:normal;max-width:280px}.touch-controls{display:none;position:fixed;bottom:0;left:0;right:0;padding:0 16px 28px;justify-content:space-between;align-items:flex-end;pointer-events:none;z-index:30;user-select:none;-webkit-user-select:none}.touch-inds{display:flex;gap:10px;pointer-events:auto}.touch-dpad{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}.touch-dpad-top{display:flex;justify-content:center}.touch-dpad-bottom{display:flex;gap:8px}.touch-btn{width:58px;height:58px;background:#fff3;border:1px solid rgba(255,255,255,0);border-radius:50%;display:flex;align-items:center;justify-content:center;touch-action:none;color:#fff;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.touch-btn:active{background:#ffffff47}.touch-btn img{pointer-events:none;-webkit-touch-callout:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.touch-ind-btn{width:58px;height:58px;font-size:1.2rem;color:#fffc}@media(max-width:600px){.touch-controls{display:flex}.key-guide{display:none}.start-vignette{margin:0 16px}.start-screen h1{font-size:28px;margin-bottom:14px;text-align:center}.start-desc{font-size:16px;text-align:center;margin-top:2px}.start-desc br{display:none}.start-vignette .start-btn{margin-top:30px}.top-hud{top:28px;left:20px;right:20px;transform:none;padding:14px 26px 14px 20px;border-radius:20px}.top-hud-speed,.top-hud-speed-ring{width:66px;height:66px}.top-hud-speed-num{font-size:1rem}.top-hud-speed-unit{font-size:.5rem}.top-hud-divider{height:60px}.top-hud-exit{font-size:20px}.top-hud-lane{font-size:14px;margin-top:1px}.ind-arrow{font-size:1.2rem}.top-hud-indicators{display:none}.top-hud-mission~.top-hud-divider{display:none}.grace-warning{height:40px;padding:8px 14px}.grace-text{font-size:15px}.grace-timer{font-size:17px}.result-panel{padding:22px 20px 20px}.result-title{font-size:28px}.result-msg{font-size:.9rem}.refresh-btn{top:auto;bottom:330px;right:16px}.sound-btn{top:auto;bottom:280px;right:16px}}.ind-hint{position:fixed;top:140px;left:50%;transform:translate(-50%);color:#ffffffbf;font-size:.85rem;font-weight:400;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;animation:indHintFade 6s ease forwards;z-index:15}@keyframes indHintFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media(max-width:600px){.ind-hint{top:134px;left:20px;right:20px;transform:none;font-size:.78rem;white-space:normal;text-align:center}}