*{box-sizing:border-box}body{margin:0;background:#101b32;color:#edf8fa;font-family:system-ui,-apple-system,sans-serif}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,canvas:focus-visible{outline:3px solid #f9d87c;outline-offset:3px}[hidden]{display:none!important}#app{max-width:920px;margin:auto}#main-content p{line-height:1.6}#stage-content{min-height:0}#battle-content{position:relative;display:grid;grid-template-rows:52px 32px minmax(0,1fr) 112px;min-width:0;min-height:0;overflow:hidden;background:#13253c}.energy-hud{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:8px;align-items:center;padding:6px 12px;background:#102138}.energy-cell{display:grid;grid-template-columns:1fr auto;gap:4px 8px;font-size:12px;line-height:16px;min-width:0}.energy-cell>span{font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.energy-cell strong{font-variant-numeric:tabular-nums}.energy-track{grid-column:1/-1;height:9px;overflow:hidden;background:#071321;border:1px solid #ffffff20;border-radius:2px}.energy-track i{display:block;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--hp,1));transition:transform .2s;background:#8fe38b}.rival-energy .energy-track i{background:#ffae72}.versus{font-size:11px;font-weight:900;color:#8498ab;text-align:center}.battle-objective{display:flex;align-items:center;justify-content:center;height:32px;margin:0;padding:0 10px;color:#d7edee;background:#1b354d;border-block:1px solid #a8dcdd18;font-size:12px;font-weight:650;text-align:center;overflow:hidden}.arena-frame{position:relative;min-height:0;overflow:hidden;background:#142b43;isolation:isolate}#arena{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}#floating-labels,#hit-numbers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.actor-tag{position:absolute;top:0;left:0;transform:translate(-50%,-100%);padding:4px 8px;background:#142a36e8;border:1px solid #94ecb4;border-radius:3px;color:#d3ffd1;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 3px 10px #0003}.rival-tag{color:#ffe3b4;border-color:#eab38b}.coach{position:absolute;top:12px;left:50%;transform:translate(-50%);width:min(320px,calc(100% - 24px));padding:10px 12px;background:#102438ed;border:1px solid #79d8ca60;border-inline-start:3px solid #9ce9b0;box-shadow:0 6px 20px #0003;color:#e3fff5;font-size:12px;line-height:1.5;pointer-events:none;transition:opacity .2s}.coach[data-danger=true]{border-color:#ffb383;color:#ffdebc}.arena-bottom{position:absolute;bottom:10px;inset-inline:10px;display:flex;justify-content:center;gap:10px;pointer-events:none}#approach-cue,#combo-cue{min-height:22px;max-width:80%;padding:4px 9px;background:#0d2336dd;border-radius:3px;color:#b8e6dd;font-size:11px;font-weight:700;text-align:center}#combo-cue:empty{display:none}.combat-deck{display:grid;grid-template-rows:44px 60px;gap:4px;padding:4px 8px 0;background:#102138;border-top:1px solid #8ebfcb30;z-index:2}.tool-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tool-controls button{display:grid;grid-template-columns:29px minmax(0,1fr);align-items:center;column-gap:5px;min-width:0;height:40px;padding:3px 7px;background:#1d354b;border:1px solid #49627a;border-radius:3px;color:#c2d4e1;text-align:start;transition:border-color .12s,background .12s}.tool-controls button.selected{border-color:#f3d487;background:#3b493d;color:#fff0ba;box-shadow:inset 0 0 0 1px #f3d48760}.tool-controls b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-controls small{display:block;font-size:9px;color:#a8bdc9;white-space:nowrap}.tool-symbol{display:grid;place-items:center;width:27px;height:28px;background:#537855;border:3px solid #b8d895;color:#fff4c4;font-weight:900;box-shadow:2px 2px #081b2c}.tool-controls [data-tool="1"] .tool-symbol{background:#31678b;border-color:#91d6e8}.tool-controls [data-tool="2"] .tool-symbol{background:#855578;border-color:#e9b6cb}.touch-controls{display:grid;grid-template-columns:minmax(0,1fr) 76px 112px;gap:6px;direction:ltr}.touch-controls>button{position:relative;height:54px;min-width:0;overflow:hidden;border:1px solid #769aaf;border-radius:4px;background:#233d56;color:#eff9ff;font-weight:850;touch-action:none;user-select:none}.touch-controls>button span{position:relative;z-index:2;display:block;font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.touch-controls kbd{position:relative;z-index:2;font:9px system-ui;color:#c2d6de;letter-spacing:1px}.touch-controls #strike-button{background:#c4e5a2;border-color:#e1f6c7;color:#1b3927;box-shadow:inset 0 -4px #83af6c}.touch-controls #strike-button kbd{color:#345d3b}.cooldown{position:absolute;inset:0;background:#10213470;transform:scaleX(var(--cooldown,0));transform-origin:right;pointer-events:none}.direction-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:3px}.direction-controls button{padding:0;min-width:0;height:54px;border:1px solid #496b83;background:#1c354c;color:#b5d2dd;border-radius:3px;font-size:12px;touch-action:none;user-select:none}.touch-controls button.pressed{filter:brightness(1.2);box-shadow:inset 0 0 0 2px #fff8}.hit-number{position:absolute;left:0;top:0;color:#fff3ad;text-shadow:0 2px 0 #213246;font-size:24px;font-weight:950;pointer-events:none;animation:damage-number .65s ease-out both}.hit-number.hurt{color:#ffd3ae}.hit-number.critical{font-size:32px;color:#c1ffac}.battle-overlay{position:absolute;inset:0;z-index:70;display:grid;place-items:center;padding:16px;background:#0a1728c9;backdrop-filter:blur(5px);animation:overlay-in .18s ease-out}.battle-card{width:min(100%,470px);max-height:100%;overflow:auto;padding:24px;background:#172f45;border:2px solid #88aaa6;border-radius:5px;box-shadow:0 18px 80px #0007;text-align:center;color:#e8f6f2;animation:card-in .24s ease-out}.battle-card h2{font-size:24px;margin:10px 0;color:#f2e2a9;line-height:1.25}.battle-card p{font-size:13px;line-height:1.6;margin:10px 0}.pause-mark,#result-emblem{display:block;font-size:44px;font-weight:900;color:#b9e496}.leave-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.battle-card button{min-height:48px;min-width:0;padding:8px;background:#2b4961;color:#eff8f5;border:1px solid #83a8b2;border-radius:3px;font-weight:750;font-size:12px}.battle-card button[data-wp-frame-action=primary]{background:#cee8aa;color:#203b2c;border-color:#e4f5ce}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.result-card{min-height:330px;display:grid;grid-template-rows:52px 42px auto 48px auto 48px;gap:4px}.result-card h2,.result-card p{margin:0}#result-stats{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;color:#c4ddd7;background:#10273b;border-radius:3px;font-variant-numeric:tabular-nums}#result-tip{color:#9fc3c5;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#render-error{position:absolute;inset:0;z-index:30;display:grid;align-content:center;justify-items:center;gap:12px;padding:20px;background:#142a40;text-align:center}#render-error button{min-height:48px;min-width:140px;background:#cee8aa;border:0;color:#17372c;border-radius:3px}#battle-leave-progress{color:#a4dcd2;font-variant-numeric:tabular-nums}@keyframes damage-number{0%{opacity:1;translate:-50% 0;scale:.8}20%{scale:1.12}to{opacity:0;translate:-50% -60px;scale:1}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(min-aspect-ratio:1.65)and (max-height:600px){#battle-content{grid-template-columns:minmax(0,1fr) 168px;grid-template-rows:42px 26px minmax(0,1fr)}.energy-hud{grid-column:1;grid-row:1;padding:4px 10px}.battle-objective{grid-column:1;grid-row:2;height:26px;font-size:11px}.arena-frame{grid-column:1;grid-row:3}.combat-deck{grid-column:2;grid-row:1/4;grid-template-rows:minmax(0,1fr) 112px;padding:7px;border-inline-start:1px solid #7599aa40;border-top:0}.tool-controls{grid-template-columns:1fr;grid-template-rows:repeat(3,40px);gap:5px;align-content:center}.touch-controls{grid-template-columns:1fr 1fr;grid-template-rows:42px 60px;gap:5px}.direction-controls{grid-column:1/-1}.direction-controls button{height:42px}.touch-controls>button{height:54px}.touch-controls kbd{font-size:8px}.coach{top:5px;padding:5px 8px;width:min(300px,calc(100% - 20px));font-size:10px}.battle-card{padding:12px}.result-card{min-height:0;grid-template-rows:32px 32px 32px 36px 28px 44px;gap:3px}#result-emblem{font-size:30px}.battle-card h2{font-size:20px}.battle-card p{font-size:11px}.result-actions button{min-height:44px}.actor-tag{font-size:10px;padding:2px 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.hit-number{animation:overlay-in .1s both!important}}.pad-tag{padding:2px 5px;color:#c6ffff;border-color:#72dfec;background:#15384bd9;font-size:12px;box-shadow:0 0 8px #65e4ef40;z-index:0}.actor-tag:not(.pad-tag){z-index:1}