:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#effff9;background:#06131e;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button{font:inherit;cursor:pointer}
#app{position:relative;width:100%;height:100dvh;min-height:320px;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#10354a 0%,#06131e 74%)}
#game{display:block;width:100%;height:100%;touch-action:none}
.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 33%,rgba(0,8,16,.58) 100%)}
.hud{position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));pointer-events:none}
.logo{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:950;line-height:.9;letter-spacing:.09em;text-shadow:0 2px 8px #001}
.logo-mark{color:#77ffd2;font-size:28px;text-shadow:0 0 18px #35edc7}.logo-sub{display:block;color:#77ffd2;font-size:10px;letter-spacing:.35em;margin-top:6px}
.scoreboard{display:flex;gap:18px;align-items:center;padding:8px 15px;background:rgba(5,18,32,.65);border:1px solid rgba(166,255,239,.16);border-radius:18px;backdrop-filter:blur(16px)}
.scoreboard div:not(.score-divider){min-width:75px}.scoreboard small{display:block;font-size:10px;color:#a0b8c7;letter-spacing:.05em}.scoreboard strong{display:block;font-size:21px;font-variant-numeric:tabular-nums}.score-divider{width:1px;height:28px;background:#29495b}
.icon-button{pointer-events:auto;background:#102d3bcd;color:#d4fffc;border:1px solid #3a5764;border-radius:14px;width:45px;height:45px;font-size:20px}
.game-tips{position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));font-size:12px;color:#a2c3cf;text-align:center;pointer-events:none;text-shadow:0 1px 6px #000;opacity:.75}
.boost{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:calc(max(45px,env(safe-area-inset-bottom)) + 20px);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:79px;height:79px;color:#fff;font-weight:800;border:1px solid #91ffe2b3;border-radius:50%;background:linear-gradient(145deg,#1b9786e8,#0d5767e8);box-shadow:0 6px 25px #0af6cd44;touch-action:none;user-select:none}
.boost span{font-size:11px}.boost:active,.boost.active{transform:scale(.95);filter:brightness(1.4)}
.touch-control{display:none;position:absolute;z-index:3;left:16px;bottom:80px;width:105px;height:105px;border:1px solid #a8fff455;border-radius:50%;background:#0dfad010;pointer-events:none;box-shadow:0 0 30px #02e2ae15 inset}
.touch-control div{position:absolute;left:39px;top:39px;width:27px;height:27px;border-radius:50%;background:#67ffdaaa}
.overlay{position:absolute;z-index:7;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,14,25,.7);backdrop-filter:blur(13px);transition:opacity .2s}
.overlay.hidden{opacity:0;pointer-events:none;visibility:hidden}
.panel{width:min(100%,440px);padding:40px 28px;text-align:center;border:1px solid #65f7db48;border-radius:28px;background:linear-gradient(145deg,#123448f2,#071824f5);box-shadow:0 24px 90px #0009,0 0 60px #00ffc51c}
.eyebrow{color:#8bd8d0;font-weight:750;letter-spacing:.2em;font-size:10px}.hero-mark{font-size:68px;color:#67ffd5;text-shadow:0 0 35px #05f4b2;margin:14px}
h1{font-size:clamp(29px,6vw,43px);letter-spacing:.03em;margin:8px 0 12px}.panel p{color:#bdd3dd;line-height:1.8;font-size:14px}
.feature-pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0}.feature-pills span{background:#2b596251;border:1px solid #78bfb44d;border-radius:99px;font-size:11px;padding:7px 10px;color:#befaf2}
.primary{width:100%;max-width:265px;padding:15px 22px;border:0;border-radius:13px;background:linear-gradient(110deg,#61efc9,#79c3ff);color:#08252b;font-size:16px;font-weight:900;box-shadow:0 10px 30px #4cebd63b}.primary span{float:right}
.panel p.hint{font-size:11px;line-height:1.6;margin:17px 0 0;color:#789bab}.copyright{position:absolute;bottom:5px;left:0;right:0;font-size:9px;text-align:center;color:#6a8390;pointer-events:none}
@media(max-width:650px){.hud{gap:7px}.logo{font-size:12px}.logo-mark{font-size:18px}.logo-sub{font-size:8px}.scoreboard{gap:9px;padding:7px 9px}.scoreboard div:not(.score-divider){min-width:48px}.scoreboard strong{font-size:18px}.icon-button{width:37px;height:37px}.game-tips{display:none}.touch-control{display:block}.copyright{display:none}.panel{padding:30px 19px}.boost{bottom:calc(max(70px,env(safe-area-inset-bottom)) + 9px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}