:root{color-scheme:dark;--bg:#0c1728;--panel:#162841;--line:#456a92;--gold:#ffd36b;--mint:#a4ead5;--danger:#ff7584;--ink:#f7fbff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 0,#304266 0,#0c1728 55%);font-family:system-ui,sans-serif;color:var(--ink)}body{display:flex;justify-content:center;padding:clamp(12px,3vw,32px)}button{font:inherit;color:inherit;border:1px solid var(--line);background:#203a5a;border-radius:14px;padding:12px 18px;cursor:pointer}button:hover,button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.primary{background:linear-gradient(135deg,#f4bf59,#e77866);border-color:#ffdc93;color:#201a27;font-weight:800}.screen{width:min(920px,100%);min-height:calc(100vh - 64px);padding:clamp(20px,5vw,56px);background:rgba(12,23,40,.9);border:1px solid #3e5c7e;border-radius:24px;box-shadow:0 20px 60px #0007}.screen:not(.battle):not(.result){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.screen[hidden]{display:none !important}.brand{color:var(--mint);font-size:.76rem;letter-spacing:.14em}.lede{max-width:52ch;color:#cbd8e8;line-height:1.55}.progress{color:var(--gold)}.primary{min-width:220px}.back{align-self:flex-start;padding:8px 12px}.stage-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:720px}.stage-list button{min-height:80px}.battle{padding:16px;display:flex;flex-direction:column;align-items:stretch}.battle-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--gold);font-weight:800}.battle-status{text-align:center;margin:8px;color:#cbd8e8}.battle canvas{display:block;width:100%;height:auto;max-height:calc(100vh - 230px);background:#0b1222;border:1px solid #53739a;border-radius:18px;touch-action:none}.battle-screen #arena{flex:0 1 auto !important;width:min(100%,960px) !important;max-width:100% !important;height:auto !important;max-height:none !important;aspect-ratio:16 / 9 !important;align-self:center}.touch-controls{display:flex;justify-content:center;gap:10px;padding-top:10px}.touch-controls button{min-width:70px;font-size:1.3rem}.touch-controls .jump{min-width:120px;color:var(--gold)}.touch-hint{text-align:center;font-size:.84rem;color:#a7bdd5;padding:8px}.result{align-items:center}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(max-height:560px) and (orientation:landscape){.battle-screen{display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:64px auto minmax(0,1fr) auto auto !important;gap:4px !important;align-content:stretch}.battle-screen>.battle-header{grid-row:1}.battle-screen>#battle-status{grid-row:2}.battle-screen>#arena{grid-row:3;width:auto !important;height:100% !important;max-width:100% !important;max-height:100% !important}.battle-screen>.touch-controls{grid-row:4}.battle-screen>.touch-hint{grid-row:5}}@media(max-width:560px){body{padding:0}.screen{min-height:100vh;border-radius:0;border-inline:0;padding:20px 14px}.stage-list{grid-template-columns:repeat(2,minmax(0,1fr))}.battle{padding:10px}.battle canvas{border-radius:12px}.battle-head{font-size:.82rem}.touch-controls button{padding:10px 12px} }