:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#87ceeb;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}#app{touch-action:none;width:100vw;height:100dvh;position:relative}#game{touch-action:none;width:100%;height:100%;display:block}#hud{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}#hud-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#distance,#speed{color:#fff;letter-spacing:.02em;white-space:nowrap;background:#14161e8c;border-radius:8px;padding:clamp(6px,1.8vw,8px) clamp(10px,3vw,14px);font-size:clamp(.85rem,3.2vw,1.1rem);font-weight:600}#speed{color:#ffd27a}#nos-meter{background:#14161e8c;border-radius:999px;width:clamp(64px,20vmin,96px);height:clamp(10px,3vmin,14px);padding:2px}#nos-fill{background:linear-gradient(90deg,#4fa8ff,#a06bff);border-radius:999px;width:100%;height:100%;transition:width .1s linear}#nos-fill.empty{background:#4a4d54}#hud-right{gap:8px;display:flex}#mode-btn,#reset{pointer-events:auto;color:#fff;cursor:pointer;background:#14161e8c;border:none;border-radius:8px;flex-shrink:0;width:clamp(36px,9vmin,40px);height:clamp(36px,9vmin,40px);font-size:1.2rem}#mode-btn:active,#reset:active{background:#14161ecc}#controls{bottom:max(20px, env(safe-area-inset-bottom));padding:0 max(20px, env(safe-area-inset-left)) 0 max(20px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:0;right:0}.ctrl-btn{pointer-events:auto;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;background:#14161e80;border:none;border-radius:50%;width:clamp(56px,16vmin,76px);height:clamp(56px,16vmin,76px);font-size:clamp(1.3rem,5vmin,1.8rem)}.ctrl-btn:active,.ctrl-btn.active{background:#e8543ed9}#btn-nos{align-self:center;width:clamp(46px,13vmin,60px);height:clamp(46px,13vmin,60px);font-size:clamp(1rem,4vmin,1.3rem);font-weight:800}#btn-nos:active,#btn-nos.active{background:#785affe6}#overlay{color:#fff;background:#0a0c128c;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}#overlay.hidden{display:none}#overlay-text{font-size:1.8rem;font-weight:700}#overlay-retry{pointer-events:auto;color:#fff;cursor:pointer;background:#e8543e;border:none;border-radius:8px;padding:10px 24px;font-size:1.1rem}#mode-select{color:#fff;pointer-events:auto;background:#0a0c12b8;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#mode-select.hidden{display:none}#mode-title{font-size:clamp(1.2rem,5vmin,1.6rem);font-weight:700}#mode-list{flex-direction:column;gap:12px;width:min(320px,84vw);display:flex}.mode-option{color:#fff;cursor:pointer;text-align:left;background:#ffffff14;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px;display:flex}.mode-option:active,.mode-option:hover{background:#e8543e2e;border-color:#e8543e}.mode-name{font-size:1.1rem;font-weight:700}.mode-desc{color:#c9ccd3;font-size:.85rem}
