:root{--bg:#05060d;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{background:var(--bg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;display:block}.hud{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);pointer-events:none;color:#dff;text-shadow:0 0 6px #0ff;font:600 14px/1.3 system-ui,sans-serif;position:fixed}.hud[hidden]{display:none}.bar{background:#ffffff0f;border:1px solid #ffffff40;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden}.bar-fill{transform-origin:0;height:100%}.bar-fill-hp{background:#ff2bd6;box-shadow:0 0 8px #ff2bd6}.bar-fill-xp{background:#b6ff3c;box-shadow:0 0 8px #b6ff3c}.hud-stats{justify-content:space-between;margin-top:6px;display:flex}.bar-boss{height:var(--boss-bar-height);border-color:#ff3d2eb3;margin:8px 0 0}.bar-boss[hidden],.boss-warning[hidden]{display:none}.bar-fill-boss{background:#ff3d2e;box-shadow:0 0 10px #ff3d2e}.boss-warning{top:var(--boss-warning-top);font-size:var(--boss-warning-size);text-align:center;color:#ff8a7a;text-shadow:0 0 12px #ff3d2e;margin:0;font-weight:700;position:fixed;left:0;right:0}.weapon-row{gap:var(--weapon-icon-gap);min-height:calc(var(--weapon-icon-size) + 2px);margin-top:6px;display:flex}.weapon-row-center{justify-content:center;min-height:0}.weapon-icon{width:var(--weapon-icon-size);height:var(--weapon-icon-size);background:#ffffff0d;border:1px solid #ffffff40;border-radius:6px;position:relative}.weapon-icon svg{width:100%;height:100%;display:block}.weapon-icon-evolved{border-color:#fff}.weapon-icon-ready{box-shadow:0 0 var(--evolve-ready-glow) #b6ff3c;border-color:#b6ff3c}.weapon-level{color:#fff;text-shadow:0 0 3px #000;font-size:10px;font-weight:700;position:absolute;bottom:-1px;right:1px}.debug-panel{top:calc(var(--safe-top) + 116px);right:calc(var(--safe-right) + 12px);pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed}.debug-readout{text-align:right;color:#6ff;text-shadow:0 0 6px #0ff;white-space:pre;margin:0;font:11px/1.4 ui-monospace,monospace}.debug-button{pointer-events:auto;color:#6ff;background:#00f0ff14;border:1px solid #00f0ff80;border-radius:6px;padding:6px 10px;font:600 11px ui-monospace,monospace}.screen{z-index:10;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);box-sizing:border-box;text-align:center;color:#dff;background:#05060db8;flex-direction:column;justify-content:center;align-items:center;gap:12px;font:16px/1.4 system-ui,sans-serif;display:flex;position:fixed;inset:0}.screen[hidden]{display:none}.screen-rotate{z-index:20;background:#05060d;font-size:22px;font-weight:600}.screen-title{color:#6ff;text-shadow:0 0 14px #0ff;margin:0;font-size:36px;font-weight:700}.screen-line{margin:0}.screen-prompt{color:#ff7be6;text-shadow:0 0 10px #ff2bd6;margin:12px 0 0;font-size:20px;font-weight:600}.screen-credit{bottom:calc(var(--safe-bottom) + 12px);color:#ddffff8c;margin:0;font-size:11px;position:absolute}.card{width:min(100%,340px);font:inherit;text-align:left;color:#dff;background:#00f0ff14;border:1px solid #00f0ff8c;border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex;box-shadow:0 0 12px #00f0ff40}.card:disabled{opacity:.55}.card-evolve{background:#b6ff3c1a;border-color:#b6ff3c;box-shadow:0 0 16px #b6ff3c73}.card-label{letter-spacing:.04em;color:#ff7be6;font-size:11px;font-weight:700}.card-evolve .card-label,.card-evolve .card-name{color:#b6ff3c}.card-name{color:#6ff;font-size:18px;font-weight:700}.card-text{font-size:14px}.mute-button{top:calc(var(--safe-top) + 16px);right:calc(var(--safe-right) + 16px);color:#6ff;background:#00f0ff14;border:1px solid #00f0ff80;border-radius:10px;width:44px;height:44px;padding:10px;position:absolute}.mute-button svg{width:100%;height:100%;display:block}