:root{--ink: #e8efe6;--dim: #9db3a4;--panel: rgba(8, 20, 14, .72);--accent: #ffd166;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0e1a14;color:var(--ink);font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:none;overscroll-behavior:none;user-select:none}#stage{position:fixed;inset:0}#stage canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}#hud-top{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;backdrop-filter:blur(6px)}.chip .label,.dim{color:var(--dim)}#hud-left{position:absolute;left:max(8px,env(safe-area-inset-left));bottom:96px;background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 12px;min-width:210px}#hud-left .weapon{color:var(--accent);margin-top:4px;font-weight:600}.power{margin-top:6px;height:8px;width:100%;background:#ffffff1f;border-radius:4px;overflow:hidden}#hud-power-bar{height:100%;width:0;background:linear-gradient(90deg,#6ee7a0,#ffd166,#ef476f)}#hud-banner{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:28px;font-weight:700;background:#060e0a8c}#buttons{position:fixed;inset:auto 0 0;padding:0 max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-end;gap:12px;pointer-events:none}.pad{display:flex;gap:10px;pointer-events:auto}.pad.extra{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:84px;flex-direction:column}button{min-width:56px;min-height:56px;padding:0 14px;font:inherit;color:var(--ink);background:#0c1c14d1;border:1px solid rgba(255,255,255,.14);border-radius:12px;backdrop-filter:blur(6px)}button:active{background:#3c6450e6}button.fire{min-width:96px;border-color:var(--accent);color:var(--accent);font-weight:700}.watch-only{display:none}body.watch .watch-only{display:flex;align-items:center;gap:8px}body.watch #buttons,body.watch .power,body.watch #hud-power{display:none}button.mini{min-width:44px;min-height:28px;padding:0 8px;border-radius:6px}button kbd{display:block;margin-top:2px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dim);letter-spacing:.02em}kbd{display:inline-block;padding:2px 6px;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:5px;background:#ffffff0f;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink)}.help-toggle{position:absolute;right:max(12px,env(safe-area-inset-right));top:-220px;min-width:44px;min-height:44px;pointer-events:auto;font-size:18px}#help{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#060e0ab8;backdrop-filter:blur(3px)}#help[hidden]{display:none}.help-card{max-width:640px;width:100%;max-height:90vh;overflow:auto;padding:20px 22px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0a1811f5}.help-card h2{margin:0 0 14px;font-size:20px}.help-card table{border-collapse:collapse;width:100%}.help-card td{padding:7px 10px 7px 0;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.07)}.help-card td:first-child{white-space:nowrap;width:1%}.help-card p{margin:14px 0 16px;line-height:1.5}#help-close{width:100%;border-color:var(--accent);color:var(--accent);font-weight:600}body.watch .help-toggle{display:none}#rotate{display:none;position:fixed;inset:0;align-items:center;justify-content:center;background:#0e1a14;font-size:18px;z-index:10}@media (orientation: portrait) and (max-height: 900px){#rotate{display:flex}}