*{box-sizing:border-box}body{margin:0;background:#090f1b;color:#f6f6ee;font:16px Arial,sans-serif}header{max-width:1200px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}a{color:#ffe430;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffe430;outline-offset:3px}[hidden]{display:none!important}main{max-width:1200px;margin:auto;padding:8px 20px 24px}.fight-shell{border:3px solid #495c77;border-radius:15px;overflow:hidden;background:#122139;box-shadow:0 18px 60px #0008;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hud{display:grid;grid-template-columns:1fr 90px 1fr;gap:16px;padding:14px 20px 8px;background:linear-gradient(#31435e,#142038);align-items:center}.fighter-hud>span{font-weight:900;font-style:italic;font-size:clamp(16px,3vw,30px);color:#ffe430}.fighter-hud.enemy{text-align:right}.enemy>span{color:#b5f34f}.health{height:20px;margin-top:4px;border:2px solid #7890aa;background:#090e18;transform:skew(-12deg);overflow:hidden}.health i{display:block;height:100%;width:100%;background:linear-gradient(#fff4b2,#ff9b28 45%,#f44330);transition:width .1s}.enemy .health i{margin-left:auto}.rounds{font-size:20px;color:#ffe430;line-height:1.1;margin-top:3px}.timer{text-align:center}.timer strong{font-size:44px;display:block;font-variant-numeric:tabular-nums}.timer span{font-size:12px;font-weight:700}#stage{position:relative;aspect-ratio:2/1;background:#a97742}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#callout{position:absolute;top:12%;left:0;right:0;text-align:center;font-size:clamp(20px,5vw,56px);font-weight:900;color:#ffe430;text-shadow:0 3px 0 #17243b,0 0 10px #000;pointer-events:none}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08101a88;overflow:auto;padding:16px}.panel{text-align:center;background:#111e31f2;border:1px solid #ffe430;border-radius:12px;padding:22px;width:min(430px,100%);max-height:100%;overflow:auto}.eyebrow{font-size:12px;letter-spacing:2px;color:#ffe430;margin:0 0 10px}h1{font-size:34px;margin:0 0 12px}.panel p{line-height:1.5;margin:8px 0 14px}.panel button{padding:12px 20px;min-height:44px;border:0;border-radius:7px;background:#ffe430;color:#111c30;font-weight:800}.panel #retry{background:none;color:#ffe430}#load-note{font-size:12px;color:#aabed8;margin-bottom:0}.deck{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 22px;background:linear-gradient(#263853,#0b1526);border-top:3px solid #60738d;touch-action:none}.direction,.attacks{display:flex;gap:12px}.deck button{border:2px solid #547da6;border-radius:14px;min-width:72px;min-height:66px;padding:10px;background:radial-gradient(at 50% 0%,#2c65ad,#13253f);font-size:14px;font-weight:800;touch-action:none;box-shadow:inset 0 2px #9dc9f966,0 4px #040911}.direction button{font-size:30px}.deck button.active,.deck button:active{transform:translateY(2px);background:#3e6e9d}.deck small{display:block;font-size:12px;opacity:.8;margin-top:5px}#special{border-color:#ffe430;color:#ffe430;background:radial-gradient(at 50% 0%,#756d1e,#272a16)}#special.ready{background:#ffe430;color:#101a2e;box-shadow:0 0 20px #ffe43055}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px;background:#0d1829;font-size:14px;color:#baccdf}.bottom-bar button,header button{min-height:40px;border:1px solid #61708a;border-radius:6px;background:#18283f;padding:8px 14px}.keys,.mobile-hint,.record{font-size:14px;color:#9dafc6;line-height:1.5;text-align:center}.mobile-hint{display:none}.cabinet-mode .fight-shell{border:0;border-radius:0}.cabinet-mode .keys,.cabinet-mode .record{display:none}
@media(max-width:700px){header{padding:10px 12px;font-size:12px}header strong{display:none}main{padding:0 6px 12px}.hud{padding:8px;gap:8px;grid-template-columns:1fr 56px 1fr}.timer strong{font-size:30px}.timer span{font-size:10px}.health{height:14px}.rounds{font-size:16px}.deck{padding:10px 8px;gap:12px}.direction,.attacks{gap:5px}.deck button{min-width:40px;min-height:48px;border-radius:9px;font-size:10px;padding:6px}.direction button{font-size:22px}.deck small{font-size:10px}.keys{display:none}.mobile-hint{display:block}.bottom-bar{font-size:12px;padding:6px 10px}.panel{padding:12px}.panel h1{font-size:23px}.panel p{font-size:13px;margin:6px 0}.panel .eyebrow,#load-note{font-size:10px}#stage{aspect-ratio:16/10}.fight-shell{border-width:2px}.deck{flex-wrap:wrap}.attacks{margin-left:auto}.bottom-bar button{font-size:12px}}
@media(orientation:landscape) and (max-height:550px){header,.keys,.mobile-hint,.record{display:none}main{padding:0;max-width:100%}.fight-shell{border:0;border-radius:0}.hud{height:64px;padding:4px 16px}.hud .rounds{font-size:14px}#stage{height:calc(100svh - 166px);min-height:160px;aspect-ratio:auto}.deck{height:66px;padding:5px 16px}.deck button{min-height:48px;min-width:60px;padding:5px}.bottom-bar{height:36px;padding:0 16px}.bottom-bar button{min-height:30px;padding:4px 10px}}
@media(prefers-reduced-motion:reduce){.health i{transition:none}}

/* Prevent iOS callouts and selection on every game label and control. */
html,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button,canvas{-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none}

#rotate-prompt{position:fixed;inset:0;z-index:1000;background:#090f1bf5;display:grid;place-items:center;padding:24px}#rotate-prompt button{margin:6px}#exit-landscape{color:#ffe430;white-space:nowrap}.bottom-bar{flex-wrap:wrap}html:fullscreen{background:#090f1b;overflow:auto}html:fullscreen main{max-width:100%}@media(orientation:landscape) and (max-height:550px){main{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.bottom-bar{flex-wrap:nowrap;font-size:11px;gap:6px}.bottom-bar button{font-size:11px;padding:4px 8px}#combo{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

#match-options{margin:14px 0}#match-options label{display:block;font-weight:bold;font-size:13px;margin-bottom:7px}#difficulty{width:100%;padding:10px;min-height:44px;border:1px solid #7890aa;border-radius:6px;background:#18283f;color:#fff;font:inherit}#match-options p,#match-results p{font-size:11px;color:#aabed8}.result-total{color:#ffe430;font-size:22px}#match-results dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}#match-results dt{font-size:11px;color:#aabed8}#match-results dd{margin:5px 0;font-size:20px;font-weight:bold}#combat-feedback{position:absolute;left:12%;top:42%;color:#ffe430;font-size:clamp(15px,3vw,30px);font-weight:900;text-shadow:0 2px 4px #000;pointer-events:none}#combat-feedback[data-side="enemy"]{left:auto;right:12%;color:#b5f34f}.fight-guide{margin:20px auto;max-width:850px;padding:15px 18px;background:#122139;border:1px solid #495c77;border-radius:10px;color:#baccdf;font-size:14px;line-height:1.6}.fight-guide summary{cursor:pointer;color:#ffe430;font-weight:bold}.fight-guide p{margin:12px 0}.cabinet-mode .fight-guide{display:none}select:focus-visible,summary:focus-visible{outline:3px solid #ffe430;outline-offset:3px}@media(orientation:landscape) and (max-height:550px){.fight-guide{display:none}}