.arena-page{padding:24px}.hero-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hero-choice{padding:0 0 12px;overflow:hidden}.hero-choice[aria-pressed=true]{border:2px solid #92eddf;box-shadow:0 0 25px #51d5c52b}.hero-choice-art{display:block;height:220px;background-image:url(battle-heroes.webp);background-size:400% 100%;background-repeat:no-repeat}.hero-fields{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:20px 0}.hero-fields label{flex:1}.arena-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.arena-modes article{padding:20px;background:#142d3bd9;border:1px solid #46747d;border-radius:16px}.arena-modes button,.arena-modes select{margin-top:12px;width:100%}#battle-room{background:#0a1c29;border-radius:16px;overflow:hidden}#battle-canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-3px}.battle-hud{display:grid;grid-template-columns:1fr 130px 1fr;gap:20px;align-items:center;padding:18px;background:#102b39}.battle-hud progress{display:block;width:100%;height:10px;margin-top:9px;accent-color:#65d4b2}#battle-mp{height:5px;accent-color:#6ea7fb}#battle-enemy-hp{accent-color:#e97160}.enemy-hud{text-align:right}.battle-clock{text-align:center;display:grid;gap:5px}.battle-clock small{font-size:10px;letter-spacing:2px}.battle-clock strong{font-size:25px;color:#efcc8a}.battle-controls{display:flex;justify-content:space-between;gap:14px;padding:16px;flex-wrap:wrap}.battle-skills,.movement-pad{display:flex;gap:8px}.battle-skills button{min-width:96px;background:linear-gradient(#295568,#16303e);border-color:#8cb4b8}.battle-skills small{display:block;font-size:10px;margin-top:5px}.movement-pad button{touch-action:none}.arena-page #battle-status,.arena-page #battle-result,.arena-page #battle-exit{margin:12px 18px}.forge-meter{height:32px;position:relative;background:#0b1f2c;border-radius:20px;overflow:hidden;margin:30px 0}.forge-zone{position:absolute;left:35%;width:30%;height:100%;background:#368c7d}#forge-needle{position:absolute;width:4px;height:100%;background:#ffe6a3;box-shadow:0 0 10px #fff}.arena-page #arena-notice{color:#b6e4d4;min-height:1.5em}@media(max-width:700px){.hero-options{grid-template-columns:repeat(2,1fr)}.hero-choice-art{height:180px}.arena-modes{grid-template-columns:1fr}.arena-page{padding:10px}.battle-hud{gap:8px;padding:10px;grid-template-columns:1fr 60px 1fr;font-size:11px}.battle-skills{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.battle-skills button{min-width:0;padding:9px 4px;font-size:11px}}

#battle-fullscreen{float:right;margin:8px}#battle-room:fullscreen{overflow:auto;background:#091f2c;max-width:none}#battle-room:fullscreen canvas{max-height:75vh;object-fit:contain}.battle-skills button{color:#f0f4e9}.hero-choice-art{pointer-events:none}

.hero-options{grid-template-columns:repeat(3,1fr)}#arena-prey-info{min-height:5em;font-size:13px;color:#bfdfd9}@media(max-width:700px){.hero-options{grid-template-columns:repeat(2,1fr)}}

#arena-beast-preview{height:200px;width:160px;margin:10px auto;background-repeat:no-repeat}.hero-choice b{display:block;padding:0 7px;line-height:1.4}

.hero-locked-summary{display:flex;align-items:center;gap:20px;width:min(100%,620px);margin:20px auto;padding:18px;border:1px solid #67cdbb;border-radius:16px;background:linear-gradient(120deg,#122e3add,#173e44dd);box-shadow:0 0 24px #53cfb421}.hero-locked-art{width:92px;height:170px;flex:none;background-repeat:no-repeat}.hero-locked-summary h3{margin:8px 0;color:#f1d99f}.hero-locked-summary p{color:#a8ded1}.hero-locked-summary small{color:#aec3cc}.hero-locked-summary[hidden]{display:none}

.battle-quick-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 16px}.battle-quick-actions[hidden]{display:none}.battle-quick-actions button[aria-pressed=true]{background:linear-gradient(130deg,#68d5b8,#3cae9d);color:#082b30;border-color:#a1f3dc}#battle-fast-finish{border-color:#d3ae73;color:#f1d99f}