:root{--fg: #e8f4ff;--accent: #38e1ff;--warn: #ff4a6a;--bg: #05070d;--font: "Menlo", "SF Mono", ui-monospace, "Hiragino Sans", monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:var(--font);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.app{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;touch-action:none}.app canvas{display:block;touch-action:none}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));text-shadow:0 0 6px rgba(56,225,255,.7),0 1px 2px #000}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hud-block{min-width:0}.hud-block.center{text-align:center;flex:1}.hud-block.right{text-align:right}.label{font-size:11px;letter-spacing:2px;color:var(--accent)}.value{font-size:clamp(16px,4vw,24px);font-weight:700;letter-spacing:1px}.lives{margin-top:2px;color:#ffd23a;font-size:13px;letter-spacing:3px}.boss-bar{margin:6px auto 0;width:min(60vw,320px);height:8px;border:1px solid var(--warn);background:#0006}.boss-bar>div{height:100%;background:var(--warn);box-shadow:0 0 8px var(--warn);transition:width .15s}.hud-buttons{display:flex;gap:6px;margin-top:4px;justify-content:flex-end}.icon-btn{pointer-events:auto;width:40px;height:36px;border:1px solid rgba(56,225,255,.5);background:#05070d80;color:var(--fg);border-radius:8px;font-size:15px;touch-action:manipulation}.banner{position:absolute;top:34%;left:0;right:0;text-align:center;font-size:clamp(16px,4.5vw,30px);font-weight:700;letter-spacing:3px;padding:0 16px;animation:blink .9s ease-in-out infinite alternate}@keyframes blink{0%{opacity:1}to{opacity:.55}}.touch{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.stick-zone{position:relative;flex:1 1 55%;touch-action:none}.stick-hint{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));font-size:11px;letter-spacing:2px;opacity:.45}.stick-base{display:none;position:absolute;left:0;top:0;width:120px;height:120px;border-radius:50%;border:2px solid rgba(56,225,255,.55);background:#38e1ff14}.stick-knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#38e1ff80;box-shadow:0 0 12px var(--accent)}.fire-zone{flex:0 0 auto;display:flex;align-items:flex-end;gap:14px;padding:0 max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) 0}.fire{width:clamp(72px,19vw,104px);height:clamp(72px,19vw,104px);border-radius:50%;border:2px solid;color:var(--fg);font-family:var(--font);font-size:18px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none}.fire small{font-size:9px;letter-spacing:2px;opacity:.8}.fire.air{border-color:var(--accent);background:#38e1ff2e;margin-bottom:46px}.fire.ground{border-color:#ffd23a;background:#ffd23a26}.fire.on{filter:brightness(1.8);transform:scale(.94)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));text-align:center;text-shadow:0 0 10px rgba(56,225,255,.6),0 2px 3px #000}.screen.dim{background:#05070d99}.screen.title{background:linear-gradient(to bottom,#05070dbf,#05070d1a 60%,#05070d99)}.screen h1{margin:0;font-size:clamp(38px,11vw,84px);letter-spacing:6px;line-height:1}.screen h1 span{display:block;color:var(--accent);font-size:.62em;letter-spacing:.4em;margin-top:6px}.screen h2{margin:0;font-size:clamp(28px,8vw,52px);letter-spacing:4px}.screen p{margin:0}.tag{letter-spacing:6px;font-size:12px;opacity:.8}.score{font-size:22px}.new{color:#ffd23a;animation:blink .5s infinite alternate}.hi{font-size:13px;opacity:.8}.howto{font-size:13px;line-height:1.8;opacity:.9;max-width:100%}.screen button{min-width:180px;padding:12px 28px;font-family:var(--font);font-size:16px;letter-spacing:3px;color:var(--fg);background:#05070d8c;border:1px solid rgba(56,225,255,.6);border-radius:10px;cursor:pointer;touch-action:manipulation}.screen button.primary{background:#38e1ff40;border-color:var(--accent);font-size:20px;box-shadow:0 0 18px #38e1ff66}.screen button:hover{filter:brightness(1.3)}.countdown{font-size:clamp(64px,18vw,120px);font-weight:700;color:#ffd23a;line-height:1;text-shadow:0 0 20px rgba(255,210,58,.7)}.screen button.style-btn{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:14px;letter-spacing:1px;border-color:#ffd23a99}.screen button.style-btn small{font-size:10px;opacity:.7;letter-spacing:1px}