*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;background:#0b1020;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0;overflow:hidden}#game-canvas{touch-action:none;width:100%;height:100%;display:block}#hud{z-index:15;padding:calc(env(safe-area-inset-top) + 10px) calc(env(safe-area-inset-right) + 14px) 0 calc(env(safe-area-inset-left) + 14px);pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}#hp-wrap{align-items:center;gap:8px;display:flex}.hp-label{color:#fff;text-shadow:0 1px 3px #000000a6;font-size:14px;font-weight:800}#hp-bar{background:#00000073;border:1px solid #fff6;border-radius:8px;width:150px;max-width:38vw;height:14px;overflow:hidden}#hp-fill{background:#57d95b;border-radius:7px;width:100%;height:100%;transition:width .15s ease-out}#score-wrap{color:#fff;text-shadow:0 1px 3px #000000a6;font-size:16px;font-weight:800}#joystick-zone{left:calc(env(safe-area-inset-left) + 10px);bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:20;touch-action:none;width:172px;height:172px;position:fixed}#joystick-base{background:#ffffff1a;border:2px solid #ffffff59;border-radius:50%;width:112px;height:112px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#joystick-knob{will-change:transform;background:#ffffff8c;border:2px solid #ffffffb3;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#buttons{right:calc(env(safe-area-inset-right) + 14px);bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:20;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:fixed}.game-btn{color:#fff;letter-spacing:.5px;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#121a2e8c;border:2px solid #ffffff73;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-weight:800;display:flex}.game-btn.pressed{background:#465fa0bf;transform:scale(.92)}#btn-attack{border-color:#ff825abf;width:78px;height:78px;font-size:13px}#buttons-row{align-items:flex-end;gap:12px;display:flex}#btn-jump{border-color:#8cffa0bf;width:60px;height:60px;font-size:11px}#btn-special{border-color:#64beffbf;width:64px;height:64px;margin-right:10px;font-size:10px}#special-name{font-size:10px}#special-state{color:#7fd0ff;margin-top:2px;font-size:11px;font-weight:800}#btn-special.cooling #special-state{color:#ffb14e}#rotate-warning{z-index:50;color:#fff;text-align:center;background:#0b1020;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}@media (orientation:portrait){#rotate-warning{display:flex}}.rotate-icon{margin-bottom:14px;font-size:52px;animation:1.6s ease-in-out infinite tilt}@keyframes tilt{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}.rotate-title{letter-spacing:1px;font-size:22px;font-weight:800}.rotate-sub{opacity:.75;margin-top:8px;font-size:15px}#death-screen{z-index:40;color:#fff;text-align:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:manipulation;background:#050812d6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hidden{display:none!important}.death-title{letter-spacing:2px;color:#ffb14e;font-size:30px;font-weight:800}.death-score-label{opacity:.7;text-transform:uppercase;letter-spacing:1px;margin-top:18px;font-size:14px}.death-score{font-size:52px;font-weight:800}.death-kills{opacity:.85;margin-top:6px;font-size:16px}#btn-restart{letter-spacing:1px;color:#1a1206;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ff9f2e;border:none;border-radius:14px;min-width:210px;min-height:58px;margin-top:26px;padding:14px 30px;font-size:18px;font-weight:800}#btn-restart:active{transform:scale(.96)}#btn-change-fighter{letter-spacing:1px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #ffffff80;border-radius:14px;min-width:210px;min-height:50px;margin-top:12px;padding:12px 30px;font-size:15px;font-weight:800}#btn-change-fighter:active{transform:scale(.96)}#select-screen{z-index:45;color:#fff;text-align:center;background:radial-gradient(#05081273 0%,#050812e0 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px;display:flex;position:fixed;inset:0}.select-title{letter-spacing:3px;text-shadow:0 2px 12px #000c;font-size:30px;font-weight:800}.select-cards{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.fighter-card{--accent:#ff9f2e;border:2px solid var(--accent);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;width:210px;height:300px;box-shadow:0 0 24px color-mix(in srgb, var(--accent) 35%, transparent);background:#0a0f1ec7;border-radius:18px;padding:0;position:relative;overflow:hidden}.fighter-card:active{transform:scale(.96)}.fighter-art{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.fighter-overlay{background:linear-gradient(#0000 38%,#0407108c 62%,#040710eb 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:18px 14px 16px;display:flex;position:absolute;inset:0}.fighter-name{letter-spacing:2px;color:var(--accent);text-shadow:0 2px 8px #000000e6;font-size:26px;font-weight:800}.fighter-special{letter-spacing:1px;text-shadow:0 2px 8px #000000e6;font-size:15px;font-weight:800}.fighter-tap{letter-spacing:1px;opacity:.65;margin-top:8px;font-size:12px;font-weight:800}#debug-panel{left:50%;bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:30;color:#7dff9a;white-space:pre;pointer-events:none;text-align:left;background:#000000a6;border-radius:8px;padding:6px 10px;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed;transform:translate(-50%)}@media (height<=380px){#joystick-zone{width:150px;height:150px;bottom:calc(env(safe-area-inset-bottom) + 8px)}#joystick-base{width:100px;height:100px}#btn-attack{width:68px;height:68px}#btn-special{width:58px;height:58px}.select-title{font-size:22px}.fighter-card{width:160px;height:228px}.fighter-name{font-size:21px}#btn-jump{width:54px;height:54px}#hp-bar{width:110px}}