.arena-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(320px,1.4fr);gap:16px;align-items:start;min-width:0}.arena-layout .card{min-width:0;padding:18px}.arena-config h2,.arena-battle h2{font-size:18px}.arena-team-list{display:grid;gap:7px;margin:14px 0}.arena-team-choice{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;text-align:left}.arena-team-choice>span{display:flex}.arena-team-choice .game-art{width:32px;height:32px}.arena-team-choice[aria-pressed=true],.arena-loadout-skill[aria-pressed=true]{border-color:#648363;background:#e5ecd6;box-shadow:inset 0 0 0 1px #648363}.arena-name{display:grid;gap:5px;font-size:12px}.arena-pet-configs{display:grid;gap:16px;margin:16px 0}.arena-pet-config{min-width:0;border-top:1px solid #d8cfb7;padding-top:10px}.arena-pet-config label{font-size:12px}.arena-pet-config select{width:100%;margin:5px 0}.arena-config-pet{display:flex;align-items:center;gap:6px;font-size:11px}.arena-config-pet>.game-art{width:38px;height:38px}.arena-config-pet .ui-icon{width:14px;height:14px}.arena-loadout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:5px}.arena-loadout-skill{min-width:0;display:flex;flex-direction:column;align-items:center;padding:5px 2px;font-size:10px;line-height:1.25}.arena-loadout-skill .skill-icon{width:30px;height:30px}.arena-loadout-skill span{overflow-wrap:anywhere}.arena-match-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px}.arena-rosters{display:grid;gap:14px}.arena-rosters h3{font-size:12px;margin-bottom:7px}.arena-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arena-member{min-width:0;display:grid;justify-items:center;gap:5px;padding:8px 4px;font-size:11px;opacity:1!important}.arena-member:disabled{cursor:default}.arena-member strong{font-size:11px;overflow-wrap:anywhere}.arena-member-art{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:color-mix(in srgb,var(--race-color) 22%,#f7f3e7)}.arena-member-art>.game-art{width:52px;height:52px}.arena-member.is-front{border-color:#719962;box-shadow:0 0 0 2px #94aa6b66;background:#eaf0dc}.arena-member.is-dead{filter:grayscale(1);opacity:.5!important}.arena-health{width:90%;height:4px;border-radius:4px;background:#d5cdbd;overflow:hidden}.arena-health>i{display:block;height:100%;background:#6f976c}.arena-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.arena-action-skill{display:grid;justify-items:center;gap:4px;min-width:0;padding:9px 4px}.arena-action-skill .skill-icon{width:34px;height:34px}.arena-action-skill span,.arena-action-skill small{font-size:11px;overflow-wrap:anywhere}.arena-action-skill strong{font-size:12px}.arena-concede{color:#925341!important}.arena-turn-status{font-size:12px;text-align:center;margin:12px 0;color:#4d6952}.arena-selection-note{margin:24px 0;padding:18px;background:#e6ead6;border:1px solid #c9d4b2;border-radius:12px;text-align:center;line-height:1.6;font-size:13px}.arena-selection-note small{display:block;margin-top:8px;font-size:11px;color:#6a735b}.arena-swap-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.arena-swap-options button{display:grid;justify-items:center;font-size:11px;padding:5px}.arena-swap-options .game-art{width:40px;height:40px}.arena-battle-log{margin-top:22px;border-top:1px solid #d9d0b9;padding-top:10px;font-size:12px}.arena-battle-log .log{max-height:210px;overflow:auto;margin-top:10px}.arena-match-entry,.arena-waiting{display:grid;justify-items:center;gap:18px;padding:42px 12px;text-align:center}.arena-match-entry p,.arena-waiting p{font-size:13px}.arena-wait-emblem .ui-icon{width:90px;height:90px}.arena-match-entry>details{width:100%;font-size:12px;text-align:left}.arena-match-entry>details>button{margin:10px 0}.arena-match-entry label{display:grid;gap:6px}.arena-match-entry small{font-size:11px;color:#727660;line-height:1.7}.arena-timeout-dialog{max-width:400px;width:calc(100% - 32px);border:1px solid #b8a681;border-radius:18px;padding:26px;background:#f7f4e7;color:#36524a;box-shadow:0 24px 80px #172c3866}.arena-timeout-dialog::backdrop{background:#162c3766;backdrop-filter:blur(3px)}.arena-timeout-dialog p{margin:16px 0;font-size:13px;line-height:1.6}.arena-timeout-dialog .row{display:flex;gap:8px;flex-wrap:wrap}.arena-timeout-dialog button{flex:1}
@media(max-width:1050px){.arena-layout{grid-template-columns:1fr}.arena-team-list{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-team-choice{flex-direction:column;gap:4px}.arena-pet-configs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.arena-config-pet>span{font-size:10px}.arena-config-pet>.game-art{display:none}.arena-loadout-skill span{display:none}.arena-layout .arena-config{padding:14px}}
@media(max-width:600px){.arena-pet-configs{grid-template-columns:1fr}.arena-config-pet>.game-art{display:block}.arena-loadout-skill span{display:block}.arena-loadout-skill{flex-direction:row;gap:4px}.arena-layout .card{padding:14px}.arena-member-art{width:42px;height:42px}.arena-member-art>.game-art{width:40px;height:40px}.arena-member strong{font-size:10px}.arena-member{font-size:10px}.arena-match-head h2{font-size:15px}}
.arena-layout .arena-config{max-height:calc(100dvh - 140px);overflow:auto;position:sticky;top:0;scrollbar-width:thin}.arena-match-head{margin-bottom:12px}.arena-rosters{gap:10px}.arena-rosters h3{margin:0 0 6px;line-height:1.3}.arena-member{padding:5px 3px;gap:3px;line-height:1.2}.arena-member-art{width:32px;height:32px;border-radius:8px}.arena-member-art>.game-art{width:31px;height:31px}.arena-actions{gap:6px}.arena-actions>button{padding:6px 3px;font-size:12px;line-height:1.2;min-height:0}.arena-action-skill{gap:2px}.arena-action-skill .skill-icon{width:25px;height:25px}.arena-turn-status{margin:8px 0;font-size:11px}.arena-battle-log{margin-top:12px;padding-top:8px}
@media(max-width:1050px){.arena-layout .arena-config{position:static;max-height:none}.arena-battle{grid-row:1}.arena-config{grid-row:2}}

/* Each team occupies one horizontal row; only PVP has a front and reserves. */
.arena-rosters{gap:4px;margin:4px 0 12px}.arena-combat-team{padding:8px;border-radius:12px;background:linear-gradient(180deg,#ecdfcc80,#f6f1e580)}.arena-combat-team.ours{background:linear-gradient(0deg,#dce5ce90,#f6f1e580)}.arena-combat-team h3{text-align:center;color:#64745b;font-size:11px}.arena-roster{align-items:center;gap:8px;min-height:116px}.arena-member{background:#f9f5e780;border-color:#d8cfb780}.arena-roster.has-front .arena-member{grid-row:1}.arena-roster.has-front .arena-member.is-front{grid-column:2}.arena-member-art{width:40px;height:40px}.arena-member-art>.game-art{width:39px;height:39px}.arena-member.is-front .arena-member-art{width:64px;height:64px}.arena-member.is-front .arena-member-art>.game-art{width:63px;height:63px}.arena-position{font-size:10px;color:#877a61;line-height:1.3}.arena-member.is-front .arena-position{color:#3d623c;font-weight:700}.arena-versus{text-align:center;color:#a78b62;font:bold 14px Georgia;line-height:1}.arena-selection-note{margin:12px 0;padding:12px}
@media(max-width:600px){.arena-combat-team{padding:6px}.arena-roster{gap:5px}.arena-member.is-front .arena-member-art{width:56px;height:56px}.arena-member.is-front .arena-member-art>.game-art{width:55px;height:55px}}

/* Near-side figures and wider spacing share a vanishing point with the far team. */
.arena-rosters{position:relative;isolation:isolate;padding:8px 0;background:radial-gradient(ellipse at 50% 85%,#9eaf8540,transparent 70%);border-radius:14px;overflow:hidden}.arena-rosters::before{content:"";position:absolute;inset:35% -30% -30%;z-index:-1;transform:perspective(350px) rotateX(58deg);transform-origin:50% 0;background:repeating-linear-gradient(0deg,transparent 0 38px,#9caa7e33 39px 40px),repeating-linear-gradient(90deg,transparent 0 65px,#9caa7e33 66px 67px);mask-image:linear-gradient(transparent,#000)}.arena-combat-team{background:none!important;position:relative}.arena-combat-team.theirs{width:82%;justify-self:center}.arena-combat-team.ours{width:100%}.arena-combat-team.theirs .arena-roster{min-height:108px}.arena-combat-team.ours .arena-roster{min-height:148px}.arena-combat-team.theirs .arena-member-art{width:28px;height:28px}.arena-combat-team.theirs .arena-member-art>.game-art{width:27px;height:27px}.arena-combat-team.theirs .is-front .arena-member-art{width:46px;height:46px}.arena-combat-team.theirs .is-front .arena-member-art>.game-art{width:45px;height:45px}.arena-combat-team.ours .arena-member-art{width:52px;height:52px}.arena-combat-team.ours .arena-member-art>.game-art{width:51px;height:51px}.arena-combat-team.ours .is-front .arena-member-art{width:84px;height:84px}.arena-combat-team.ours .is-front .arena-member-art>.game-art{width:83px;height:83px}
@media(max-width:600px){.arena-combat-team.theirs{width:92%}.arena-combat-team.ours .arena-member-art{width:46px;height:46px}.arena-combat-team.ours .arena-member-art>.game-art{width:45px;height:45px}.arena-combat-team.ours .is-front .arena-member-art{width:72px;height:72px}.arena-combat-team.ours .is-front .arena-member-art>.game-art{width:71px;height:71px}}

/* Same battlefield, portraits and HP bars as dungeon defense; PVP retains a frontline. */
.arena-layout .arena-battle.card{padding:0;background:none;border:0;box-shadow:none}
.arena-stage-controls{padding:12px;background:#f4eedb}
.arena-stage .dd-stage-top>strong,.arena-battlefield .arena-stage-member>strong{color:#fff1cc}
.arena-stage-controls .arena-selection-note{margin:0 0 12px}
.arena-stage-controls .arena-match-entry,.arena-stage-controls .arena-waiting{padding:14px 8px;gap:12px}
.arena-battlefield .arena-stage-member{--unit-width:min(27cqw,150px);--figure-size:min(24cqw,116px);display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#fff1cc;opacity:1!important;line-height:1.4}
.arena-battlefield .arena-stage-member:disabled{cursor:default;filter:none}
.arena-battlefield .arena-stage-member.is-front{--figure-size:min(30cqw,140px)}
.arena-battlefield .arena-stage-member.enemy{--unit-width:min(20cqw,100px);--figure-size:min(17cqw,70px)}
.arena-battlefield .arena-stage-member.enemy.is-front{--figure-size:min(20cqw,82px)}
.arena-battlefield .arena-stage-member.dead{opacity:.45!important}
.arena-battlefield .arena-stage-member:focus-visible{outline:2px solid #eed39a;outline-offset:7px;border-radius:12px}
.arena-stage-member .arena-stage-position{display:inline-block;padding:1px 7px;border:1px solid #a4b78b66;border-radius:10px;background:#20372b99;color:#eee4c4;font-size:10px}
.arena-stage-member.is-front .arena-stage-position{border-color:#e7c584;color:#ffe3a6}
.arena-stage-member.is-front .dd-foot-shadow{background:#c5bd7355;box-shadow:0 0 12px #d2c07780}
.arena-stage-member .dd-stage-hptext{font-weight:700;color:#fff5d6}
.arena-stage-placeholder{--figure-size:70px;color:#d7d6b0}
.arena-stage-placeholder .dd-stage-figure{font-size:42px;color:#b9c3aa88}
@media(max-width:600px){.arena-stage-controls{padding:10px}.arena-battlefield .arena-stage-member>strong{font-size:10px}.arena-stage-member .arena-stage-position{padding:1px 4px;font-size:9px}}

/* Battle first; saved teams and loadouts sit below it at every viewport size. */
.arena-layout{grid-template-columns:minmax(0,1fr)}
.arena-layout .arena-config{position:static;max-height:none;overflow:visible}
.arena-team-list,.arena-pet-configs{grid-template-columns:repeat(3,minmax(0,1fr))}
.arena-team-choice{gap:6px;min-width:0}
.arena-team-choice>strong{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.arena-pet-configs{grid-template-columns:minmax(0,1fr)}}
/* Team list on the left, skill configuration on the right, below the battlefield. */
.arena-preparation{display:grid;grid-template-columns:minmax(130px,24%) minmax(0,1fr);gap:12px;align-items:start}
.arena-preparation>.card{min-width:0;margin:0;padding:14px}
.arena-preparation .arena-config{grid-row:auto}
.arena-preparation .arena-team-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0 0}
.arena-preparation .arena-team-choice{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 6px}
.arena-team-choice>span{display:flex;justify-content:center;gap:3px}
.arena-team-choice .game-art{width:28px;height:28px}
.arena-config-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.arena-config-heading h2,.arena-team-picker h2{margin:0;font-size:15px}
.arena-config-heading>button{font-size:12px;white-space:nowrap}
.arena-preparation .arena-pet-configs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 0}
.arena-pet-config h3{font-size:12px;line-height:1.5;margin:0 0 8px;overflow-wrap:anywhere;min-height:36px}
.arena-preparation .arena-loadout-skill span{display:block;font-size:10px}
.arena-battlefield [data-act="arena-edit-pet"]{cursor:pointer;transition:filter .15s}
.arena-battlefield [data-act="arena-edit-pet"]:hover{filter:brightness(1.15)}
.arena-pet-picker-popover{padding:12px;overflow:auto}
.arena-pet-picker-popover h3{margin:0 0 10px;font-size:14px}
.arena-pet-options{display:grid;gap:7px}
.arena-pet-option{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:7px;font-size:12px}
.arena-pet-option .game-art{width:38px;height:38px;flex-shrink:0}
.arena-pet-option>span{flex:1;overflow-wrap:anywhere}
.arena-pet-option>small{white-space:nowrap;font-size:10px}
.arena-name-dialog{width:min(360px,calc(100% - 32px))}
.arena-save-form{display:grid;gap:12px}
.arena-save-form h2{margin:0}
.arena-save-form input{width:100%;min-width:0}
.arena-save-form .row{justify-content:flex-end}
@media(max-width:700px){.arena-preparation{grid-template-columns:minmax(100px,26%) minmax(0,1fr);gap:8px}.arena-preparation>.card{padding:10px}.arena-preparation .arena-pet-configs{grid-template-columns:minmax(0,1fr);gap:10px}.arena-preparation .arena-loadout-skill{flex-direction:column}.arena-pet-config h3{min-height:0}.arena-team-choice .game-art{width:22px;height:22px}.arena-team-picker h2,.arena-config-heading h2{font-size:13px}.arena-config-heading{flex-wrap:wrap}}
.arena-match-start{position:absolute;z-index:3;left:50%;top:27%;transform:translate(-50%,-50%)}
.arena-match-start button{padding:12px 24px;font-size:16px;white-space:nowrap;box-shadow:0 4px 0 #172d2580}
/* Arena command screen: phase clock, selectable roster, status HUD and event-driven feedback. */
.arena-stage{border:1px solid #9d956f;border-radius:16px;background:#f6efd9;overflow:clip;box-shadow:0 7px 24px #253b3026}
.arena-battle-header{position:sticky;top:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(110px,.7fr);gap:12px;align-items:center;padding:14px 18px;background:linear-gradient(110deg,#1e3935,#37534a);color:#fff0cf;border-bottom:1px solid #bdaf715c}
.arena-battle-header h2{margin:3px 0;font-size:21px;color:#fff0cf}.arena-battle-header small,.arena-battle-header span{font-size:11px;color:#d7dbc0}.arena-phase-badge{justify-self:end;font-size:12px;border:1px solid #c7ceae70;padding:7px 10px;border-radius:20px;background:#172f2d70;text-align:center}
.arena-clock{text-align:center;color:#ffe7a6}.arena-clock-ring{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:conic-gradient(#edc776 var(--remaining),#71817145 0);padding:4px;margin:auto}.arena-clock-ring b{display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:#203b35;font-size:28px;font-variant-numeric:tabular-nums;line-height:1}.arena-clock>small{display:block;margin-top:4px;font-size:10px}.arena-clock.urgent{color:#ffb4a5}.arena-clock.urgent .arena-clock-ring{background:conic-gradient(#ff9c80 var(--remaining),#71817145 0);animation:arena-clock-pulse .65s infinite alternate}
.arena-stage .arena-battlefield{height:410px;background:#31483d}.arena-battlefield .dd-scenery{opacity:.88}.arena-environment{position:absolute;top:9px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;z-index:4;padding:4px 10px;border-radius:20px;border:1px solid #b9c9ab55;background:#1d3430d9;color:#e6e7c8;font-size:10px;white-space:nowrap}.arena-environment .ui-icon{width:17px;height:17px}.arena-environment small{color:#f0ce8c}.has-weather:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(110deg,transparent 0 45px,#c5e8e41a 46px 47px);animation:arena-rain 1s linear infinite}
.arena-side-label{position:absolute;left:12px;font-size:10px;border-radius:8px;padding:3px 7px;background:#183a3290;color:#e0e6cc}.enemy-label{top:42px}.player-label{bottom:10px}
.arena-actor{position:absolute;transform:translate(-50%,-50%);width:min(27cqw,148px);text-align:center;z-index:2;transition:left .35s,top .35s;--portrait:90px;color:#f8ecc8}.arena-actor.enemy{width:min(23cqw,116px);--portrait:60px}.arena-actor.is-front{--portrait:130px;z-index:3}.arena-actor.enemy.is-front{--portrait:80px}.arena-actor.dead{opacity:.45}.arena-actor.dead .arena-portrait{filter:grayscale(1);transform:rotate(-8deg)}
.arena-actor .arena-actor-button{display:block;width:100%;border:0;padding:0;background:transparent;box-shadow:none;text-shadow:0 1px 3px #10221b;color:#fff0cf;opacity:1!important}.arena-actor .arena-actor-button:disabled{cursor:default;filter:none}.arena-actor .arena-actor-button:not(:disabled){cursor:pointer}.arena-actor-button:not(:disabled):hover .arena-portrait{filter:brightness(1.12);transform:translateY(-4px)}.arena-actor-button:focus-visible{outline:2px solid #ffdf87;outline-offset:4px;border-radius:12px}
.arena-portrait{width:var(--portrait);height:var(--portrait);margin:auto;display:grid;place-items:center;transition:transform .15s,filter .15s}.arena-portrait .game-art{width:100%;height:100%;object-fit:contain}.arena-actor-shadow{position:absolute;top:calc(var(--portrait) - 8px);left:22%;width:56%;height:13px;background:#172a2170;filter:blur(4px);border-radius:50%;z-index:-1}.arena-actor.is-front .arena-actor-shadow{background:#dcbd6b45;box-shadow:0 0 16px #dec77d50}
.arena-actor-label{font-size:10px;line-height:1.4}.arena-actor-label strong{display:block;font-size:11px;color:#fff0cf}.arena-position-label{display:inline-block;background:#29463bdd;border:1px solid #b7c6a670;padding:1px 6px;border-radius:8px;font-size:9px}.is-front .arena-position-label{background:#8c713ae6;border-color:#edc67a;color:#fff0c2}.arena-race{margin-left:4px;white-space:nowrap;color:#d6dfc0}.arena-race .ui-icon{display:inline-block;width:12px;height:12px;vertical-align:middle;margin-right:2px}
.arena-hp{height:8px;overflow:hidden;border:1px solid #192e24;border-radius:6px;background:#1b322c;margin:3px auto 1px;width:96%;box-shadow:0 1px 2px #11281b}.arena-hp i{display:block;height:100%;background:linear-gradient(#d0e09b,#88b471);transition:width .5s}.enemy .arena-hp i{background:linear-gradient(#e8c79b,#c19270)}.arena-hp i.low{background:linear-gradient(#f1a280,#c5684f)}.arena-actor-label>small{font-size:10px;font-weight:700}
.arena-unknown{position:absolute;transform:translate(-50%,-50%);text-align:center;color:#c5d3bc9e}.arena-unknown b{display:block;font-size:42px}.arena-unknown small{font-size:10px}.arena-match-start{top:26%}
.arena-statuses{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.arena-statuses.compact{justify-content:center;margin-top:3px;gap:2px}.arena-status{display:inline-flex;align-items:center;gap:3px;padding:3px 5px;border:1px solid #7c9c7190;background:#e3edd2;border-radius:5px;color:#375c3f;font-size:10px;max-width:100%}.arena-status.debuff{background:#f5d9c8;border-color:#c28e7790;color:#884734}.arena-status .ui-icon{width:19px;height:19px}.arena-status small{font-size:9px;white-space:nowrap}.arena-statuses.compact .arena-status{padding:1px 2px;gap:1px;background:#233c33e6;color:#e8ebce}.arena-statuses.compact .debuff{background:#623e32dd;color:#ffd2b1}.arena-statuses.compact .ui-icon{width:15px;height:15px}.arena-statuses.compact small{max-width:38px;text-overflow:ellipsis;overflow:hidden}.arena-no-status{color:#807b65;font-size:10px}
.arena-command-deck{padding:12px 14px;background:linear-gradient(#f6edd2,#ede5cf);border-top:1px solid #baad86}.arena-command-hint{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:12px;color:#3e604c;margin-bottom:10px;min-height:22px}.arena-command-hint>i{width:7px;height:7px;background:#b5ae90;border-radius:50%;flex-shrink:0}.arena-command-hint>i.ready{background:#7ea363;box-shadow:0 0 0 3px #b7c9a640}.arena-command-hint>small{margin-left:auto;font-size:10px;color:#827659}
.arena-party-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arena-party-card{display:flex;gap:6px;align-items:center;min-width:0;padding:7px 6px;background:#f9f4e1!important;border:1px solid #b8b48d!important;color:#3e5c46!important;opacity:1!important}.arena-party-card.selected{border-color:#85925b!important;background:#e2e9cd!important;box-shadow:inset 0 0 0 1px #85925b66}.arena-party-card.dead{filter:grayscale(1);opacity:.5!important}.arena-party-card .game-art{width:35px;height:35px;flex-shrink:0}.arena-party-card>span{min-width:0;flex:1;text-align:left}.arena-party-card strong{display:block;font-size:11px;overflow-wrap:anywhere}.arena-party-card small{display:block;font-size:9px;white-space:nowrap}.arena-pick-marker{font-size:10px;padding:3px;background:#456c50;color:#fff2c6;border-radius:4px}
.arena-active-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 0;font-size:11px;min-height:38px}.arena-active-status>strong{color:#4c684f}.arena-command-deck .arena-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.arena-command-deck .arena-action-skill{display:flex;align-items:center;gap:7px;padding:9px 7px;min-height:66px;text-align:left;position:relative;background:#f6e8bf}.arena-command-deck .arena-action-skill .skill-icon{width:34px;height:34px;flex-shrink:0}.arena-action-skill>span{min-width:0;display:block}.arena-action-skill strong{font-size:12px;display:block}.arena-action-skill small{font-size:10px;display:block;color:#817050}.arena-command-deck .arena-actions>button:disabled{opacity:.55;filter:saturate(.45)}.arena-command-deck .arena-actions>button:not(.arena-action-skill){padding:7px;font-size:12px}.arena-cooldown{position:absolute;right:4px;top:3px;color:#8a6244;font-size:11px}.arena-switch-note{padding:7px;color:#416b4d;font-size:11px;background:#dce7c9;border-radius:6px;margin-top:8px}.arena-result,.arena-wait-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:12px;flex-wrap:wrap}.arena-result>strong{width:100%;text-align:center;font-size:20px;color:#466749}
.arena-stage>.arena-battle-log{padding:10px 14px;margin:0;border-top:1px solid #c8bb94;color:#6b644c;font-size:11px;background:#f3ecd8}.arena-battle-log summary{cursor:pointer}
.arena-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.arena-effects path{fill:none;stroke-width:.7;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 2px #f9e093);animation:arena-projectile .7s ease-out both}
.arena-portrait.is-attacking{animation:arena-attack .8s ease-in-out}.arena-actor.enemy .arena-portrait.is-attacking{animation-name:arena-enemy-attack}.arena-portrait.is-hit{animation:arena-hit .7s ease-out}.arena-portrait.is-healed{animation:arena-heal 1s ease-out}.arena-portrait.is-attacking.is-hit{animation:arena-attack .8s,arena-hit .7s}.arena-floats{position:absolute;inset:0;pointer-events:none;z-index:5}.arena-float{position:absolute;left:50%;top:25%;transform:translate(-50%,-50%);font-size:28px;font-weight:900;color:#ffd898;text-shadow:0 2px 2px #4b281c,-1px -1px 0 #523025;white-space:nowrap;opacity:0;animation:arena-float 1.2s ease-out both}.arena-float.heal,.arena-float.revive{color:#c8f99d;text-shadow:0 2px 2px #19352a}.arena-float.status,.arena-float.miss,.arena-float.death{font-size:15px;color:#fcf4d0}.arena-announcer{position:absolute;top:46%;left:50%;transform:translateX(-50%);width:85%;text-align:center;z-index:5;font-size:11px;color:#fff0ba;text-shadow:0 2px 3px #183222;pointer-events:none;animation:arena-announcement 2.5s both}
@keyframes arena-attack{0%,100%{transform:translate(0,0)}35%{transform:translateY(-20px) scale(1.06)}65%{transform:translateY(4px)}}@keyframes arena-enemy-attack{0%,100%{transform:translateY(0)}35%{transform:translateY(18px) scale(1.06)}}@keyframes arena-hit{0%,100%{filter:none}30%{filter:brightness(2) sepia(.4);transform:translateX(-7px)}45%{transform:translateX(6px)}60%{transform:translateX(-3px)}}@keyframes arena-heal{40%{filter:brightness(1.5) drop-shadow(0 0 10px #b7eca3)}}@keyframes arena-float{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}20%{opacity:1;transform:translate(-50%,-14px) scale(1.15)}65%{opacity:1}100%{opacity:0;transform:translate(-50%,-62px) scale(.95)}}@keyframes arena-projectile{0%{opacity:0;stroke-dashoffset:1}25%{opacity:1}65%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}@keyframes arena-announcement{0%,100%{opacity:0}15%,75%{opacity:1}}@keyframes arena-clock-pulse{to{filter:brightness(1.25);transform:scale(1.05)}}@keyframes arena-rain{to{background-position:20px 70px}}
@media(max-width:700px){.arena-battle-header{grid-template-columns:minmax(0,1fr) 62px;gap:8px;padding:10px 12px}.arena-battle-header h2{font-size:17px}.arena-phase-badge{grid-column:1;grid-row:2;justify-self:start;padding:3px 8px;font-size:10px}.arena-clock{grid-column:2;grid-row:1/span 2}.arena-clock-ring{width:56px;height:56px}.arena-clock-ring b{width:48px;height:48px;font-size:26px}.arena-stage .arena-battlefield{height:410px}.arena-actor{--portrait:70px;width:27cqw}.arena-actor.is-front{--portrait:100px}.arena-actor.enemy{--portrait:47px}.arena-actor.enemy.is-front{--portrait:65px}.arena-actor-label strong{font-size:9px}.arena-actor-label>small{font-size:9px}.arena-actor-label{font-size:9px}.arena-race{display:none}.arena-command-deck{padding:10px 8px}.arena-party-card{flex-direction:column;padding:5px 3px;gap:2px;position:relative}.arena-party-card>span{text-align:center}.arena-party-card strong{font-size:9px}.arena-party-card .game-art{width:28px;height:28px}.arena-party-card small{font-size:8px}.arena-pick-marker{position:absolute;top:2px;right:2px;font-size:8px}.arena-command-hint strong{font-size:11px}.arena-command-deck .arena-action-skill{flex-direction:column;text-align:center;gap:2px;padding:5px 3px}.arena-command-deck .arena-action-skill .skill-icon{width:30px;height:30px}.arena-action-skill strong{font-size:11px}.arena-action-skill small{font-size:9px}.arena-active-status{gap:4px}.arena-statuses .arena-status{font-size:9px}.arena-float{font-size:23px}.arena-actor.enemy .arena-statuses.compact{max-height:19px;overflow:hidden}}
@media(prefers-reduced-motion:reduce){.arena-stage *, .arena-stage *:before,.arena-stage *:after{animation:none!important;transition:none!important}.arena-float,.arena-announcer{opacity:1}.arena-effects path{opacity:.6;stroke-dashoffset:0}}
.arena-portrait .game-art{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.arena-environment strong{color:#e8ebce!important}
.arena-party-card>.game-art{flex:0 0 35px!important;width:35px!important;height:35px!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.arena-party-card>span:not(.game-art){flex:1;min-width:0}
.arena-stage .arena-battlefield{height:clamp(300px,41dvh,410px)}
.arena-actor{--portrait:70px}.arena-actor.is-front{--portrait:clamp(90px,13cqw,130px)}.arena-actor.enemy{--portrait:45px}.arena-actor.enemy.is-front{--portrait:60px}
@media(max-width:700px){.arena-stage .arena-battlefield{height:370px}.arena-party-card>.game-art{flex:0 0 28px!important;width:28px!important;height:28px!important}.arena-actor.is-front{--portrait:100px}.arena-actor.enemy.is-front{--portrait:60px}.arena-party-card>span:not(.game-art){flex:0 1 auto}}
/* Keep battlefield and commands together within a typical desktop window. */
.arena-battle-header{padding:10px 14px;grid-template-columns:minmax(0,1fr) 66px minmax(100px,.5fr)}
.arena-clock-ring{width:54px;height:54px}.arena-clock-ring b{width:46px;height:46px;font-size:27px}
.arena-battle-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arena-environment{position:static;transform:none;font-size:9px;padding:2px 6px}.arena-environment .ui-icon{width:13px;height:13px}
.arena-stage .arena-battlefield{height:clamp(266px,34dvh,390px)}
.arena-actor{--portrait:55px}.arena-actor.is-front{--portrait:clamp(80px,11cqw,130px)}.arena-actor.enemy.is-front{--portrait:50px}
.player-label{top:53%;bottom:auto}.enemy-label{top:12px}
.arena-command-deck{padding:8px 12px}.arena-command-hint{min-height:18px;margin-bottom:7px}.arena-party-card{padding:5px 6px}.arena-party-card>.game-art{flex:0 0 28px!important;width:28px!important;height:28px!important}.arena-active-status{min-height:31px;padding:6px 0}.arena-command-deck .arena-action-skill{min-height:54px;padding:6px}.arena-command-deck .arena-actions>button:not(.arena-action-skill){padding:5px}.arena-stage>.arena-battle-log{padding:7px 12px}
@media(max-width:700px){.arena-stage .arena-battlefield{height:370px}.arena-actor{--portrait:65px}.arena-actor.is-front{--portrait:100px}.arena-actor.enemy.is-front{--portrait:60px}.arena-command-deck{padding:8px}.arena-battle-header{grid-template-columns:minmax(0,1fr) 60px}.arena-battle-meta{gap:4px}.arena-battle-meta>span{font-size:9px}.arena-environment{font-size:8px}.arena-party-card{padding:4px 2px}.arena-command-deck .arena-action-skill{min-height:68px;padding:5px 2px}}
.arena-portrait .game-art,.arena-party-card>.game-art{padding:0!important}
.arena-stage .arena-battlefield{height:clamp(318px,42dvh,410px)}
.arena-party-card{line-height:1.2;min-height:40px;padding:4px 5px}.arena-party-card strong{font-size:10px;line-height:1.3}.arena-party-card small{line-height:1.3}
.arena-active-status{min-height:25px;padding:3px 0}.arena-command-hint{min-height:16px;margin-bottom:5px}.arena-command-deck .arena-action-skill{min-height:44px;padding:4px 6px}.arena-command-deck .arena-actions>button:not(.arena-action-skill){line-height:1.3;padding:4px}.arena-stage>.arena-battle-log{padding:6px 12px}
@media(max-width:700px){.arena-stage .arena-battlefield{height:370px}.arena-party-card{min-height:64px;padding:4px 2px}.arena-party-card strong{font-size:9px}.arena-party-card small{font-size:8px}.arena-command-deck .arena-action-skill{min-height:65px;padding:4px 2px}}
.arena-battle-header h2{line-height:1.25;font-size:20px;margin:3px 0}.arena-battle-header>div>small{line-height:1.3;display:block;font-size:10px}.arena-battle-meta{line-height:1.3}.arena-clock>small{line-height:1.2}
.arena-stage .arena-battlefield{height:clamp(288px,42dvh,410px)}
@media(max-width:700px){.arena-battle-header h2{font-size:17px}.arena-stage .arena-battlefield{height:370px}}

/* Arena flow: saved teams, independent editor, matching, then focused combat. */
.arena-lobby,.arena-editor,.arena-matching,.arena-result-screen{max-width:940px;width:100%;margin:0 auto;min-width:0}
.arena-lobby{padding:22px}.arena-lobby-header,.arena-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.arena-lobby-header h2,.arena-editor-header h2{margin:0}.arena-lobby h3{margin:12px 0}.arena-lobby .arena-team-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.arena-team-choice{display:block;width:100%;padding:14px;text-align:left;min-width:0}.arena-team-title{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.arena-team-title strong{font-size:15px}.arena-team-title b{font-size:11px;color:#577c4a}.arena-team-roster{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.arena-team-roster>span{text-align:center;min-width:0}.arena-team-roster .game-art{width:50px;height:50px;padding:0;background:transparent;border:0}.arena-team-roster small{display:block;font-size:11px;overflow-wrap:anywhere;line-height:1.4}.arena-lobby-launch{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-top:20px;margin-top:20px;border-top:1px solid #c9b997}.arena-lobby-launch small,.arena-lobby-launch strong{display:block}.arena-lobby-launch .primary{min-height:48px;min-width:180px}.arena-team-warning{color:#8e513b;font-size:13px}.arena-config-pet{width:100%;display:flex;gap:10px;align-items:center;text-align:left;min-height:70px;padding:8px}.arena-config-pet>.game-art{width:50px;height:50px;padding:0;background:transparent;border:0}.arena-config-pet>span{flex:1}.arena-config-pet strong,.arena-config-pet small{display:block}.arena-config-pet small{font-size:11px;color:#6d7759}.arena-editor .arena-pet-configs{grid-template-columns:repeat(3,minmax(0,1fr))}.arena-editor .arena-loadout{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.arena-editor .arena-loadout-skill{min-height:74px}.arena-editor-header{position:sticky;top:0;z-index:5;background:#f3ebd3;padding:12px;border-radius:12px}.arena-matching,.arena-result-screen{text-align:center;padding:40px 24px}.arena-matching .arena-clock{margin:22px 0;color:#42654a}.arena-matching-pets{display:flex;justify-content:center;gap:20px;margin:24px 0}.arena-matching-pets>span{flex:0 1 130px;min-width:0}.arena-matching-pets .game-art{width:76px;height:76px;background:transparent;border:0;padding:0}.arena-matching-pets small{display:block}.arena-result-screen h2{font-size:32px}.arena-result-screen.won h2{color:#527147}.arena-matching>button,.arena-result-screen button{min-height:46px;min-width:160px}
.arena-state-board{padding:10px 12px;background:#f4ecd4;border-top:1px solid #b5b58e;color:#36513f}.arena-state-board>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px}.arena-state-board>header button,.arena-skill-guide{border:0;background:transparent;box-shadow:none;color:#55785d;font-size:12px;padding:6px;text-decoration:underline;text-underline-offset:3px}.arena-state-rows{max-height:200px;overflow-y:auto;overscroll-behavior:contain}.arena-state-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid #cfccb077}.arena-state-row>span strong{display:block;font-size:12px}.arena-state-row>span>b{font-size:10px;color:#7b8064;font-weight:400}.arena-state-board .arena-status{min-height:32px;padding:5px 7px;font-size:12px;line-height:1.3;box-shadow:none;cursor:pointer;white-space:normal}.arena-state-board .arena-status b{color:inherit;font-size:12px}.arena-state-board .arena-status small{font-size:11px}.arena-state-board .arena-status .ui-icon{width:20px;height:20px;flex-shrink:0}.arena-state-board .arena-status.debuff{background:#f2d3cb;color:#883f37;border-color:#bb817a}.arena-info-dialog{width:min(430px,calc(100vw - 24px));max-height:80dvh;overflow:auto;padding:20px;border:1px solid #9aa17c;border-radius:16px;background:#f9f0d8;color:#345340;box-shadow:0 18px 60px #122b2855}.arena-info-dialog::backdrop{background:#142d2a99}.arena-info-dialog header{display:flex;justify-content:space-between;gap:12px;align-items:center}.arena-info-dialog h3{margin:0;font-size:18px}.arena-info-dialog p{white-space:pre-line;line-height:1.7;font-size:14px;margin:14px 0}.arena-info-dialog button{min-height:40px;padding:8px 14px}.arena-info-dialog header button{font-size:22px;padding:4px 12px}.arena-stage .arena-battlefield{height:260px}.arena-actor{--portrait:52px}.arena-actor.is-front{--portrait:72px}.arena-actor.enemy{--portrait:43px}.arena-actor.enemy.is-front{--portrait:54px}.arena-member-effects-count{font-size:10px;color:#e7e4b7;display:block;min-height:12px}.arena-actor-label strong{font-size:12px;line-height:1.25}.arena-actor-label>small{font-size:11px}.arena-background{font-size:12px;padding:7px;min-height:36px}.arena-stage .arena-battle-header{grid-template-columns:minmax(0,1fr) 60px 50px}.arena-battle-header .arena-clock{grid-column:auto;grid-row:auto}.arena-state-board .arena-no-status{font-size:12px}.arena-command-deck{position:relative}.arena-skill-guide{display:block;margin-left:auto;margin-bottom:4px}.arena-command-deck .arena-action-skill{min-height:58px}.arena-command-deck .arena-actions>button:not(.arena-action-skill){min-height:38px}.arena-state-board button:focus-visible{outline:2px solid #698450;outline-offset:2px}
@media(max-width:700px){
 .arena-lobby{padding:16px}.arena-lobby .arena-team-list{grid-template-columns:1fr;gap:10px}.arena-team-choice{padding:12px}.arena-team-roster{margin-top:8px}.arena-team-roster .game-art{width:42px;height:42px}.arena-team-roster small{font-size:12px}.arena-lobby-launch{gap:12px;flex-wrap:wrap}.arena-lobby-launch .primary{width:100%}.arena-editor-header{padding:8px;gap:5px}.arena-editor-header h2{font-size:15px}.arena-editor-header button{font-size:12px;min-height:40px;padding:8px}.arena-editor .arena-preparation{display:block}.arena-editor .arena-team-picker{margin-bottom:12px}.arena-editor .arena-team-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.arena-editor .arena-team-choice{padding:7px}.arena-editor .arena-team-title strong{font-size:11px}.arena-editor .arena-team-title b{display:none}.arena-editor .arena-team-roster{gap:0}.arena-editor .arena-team-roster .game-art{width:23px;height:23px}.arena-editor .arena-team-roster small{display:none}.arena-editor .arena-pet-configs{grid-template-columns:1fr}.arena-editor .arena-loadout-skill{min-height:70px;font-size:12px}.arena-matching,.arena-result-screen{padding:30px 16px}.arena-matching-pets{gap:10px}.arena-matching-pets small{font-size:12px}
 .arena-focus-shell{position:fixed;inset:0;z-index:100;background:#203c35;height:100dvh;overflow:hidden;display:block!important}.arena-focus-shell>.game-header,.arena-focus-shell .menu-rail,.arena-focus-shell .inspector,.arena-focus-shell #inspector-resize{display:none!important}.arena-focus-shell>.game-columns{display:block!important;height:100%;min-height:0;overflow:hidden}.arena-focus-shell .workstage{padding:0!important;height:100%;overflow:auto;min-height:0;width:100%;max-width:none!important}.arena-focus-shell .arena-layout{min-height:100%;gap:0;padding:0}.arena-focus-shell .arena-battle{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;width:100%}.arena-focus-shell .arena-stage{min-height:100dvh;border-radius:0!important;display:flex;flex-direction:column}.arena-focus-shell .arena-stage .arena-battle-header{padding:8px 12px;grid-template-columns:minmax(0,1fr) 56px 44px;gap:6px}.arena-focus-shell .arena-battle-header h2{font-size:17px}.arena-focus-shell .arena-clock-ring{width:50px;height:50px}.arena-focus-shell .arena-clock-ring b{width:42px;height:42px;font-size:26px}.arena-focus-shell .arena-clock>small{font-size:10px}.arena-focus-shell .arena-environment{padding:4px 6px;font-size:11px;min-height:28px;max-width:100%;white-space:normal}.arena-focus-shell .arena-environment .ui-icon{width:17px;height:17px}.arena-focus-shell .arena-stage .arena-battlefield{height:clamp(205px,30dvh,260px);flex-shrink:0}.arena-focus-shell .arena-actor{--portrait:45px;width:30cqw}.arena-focus-shell .arena-actor.is-front{--portrait:65px}.arena-focus-shell .arena-actor.enemy{--portrait:35px;width:30cqw}.arena-focus-shell .arena-actor.enemy.is-front{--portrait:46px}.arena-focus-shell .arena-actor-label strong{font-size:12px;line-height:1.3}.arena-focus-shell .arena-actor-label>small{font-size:11px}.arena-focus-shell .arena-position-label{font-size:10px}.arena-focus-shell .arena-side-label{display:none}.arena-focus-shell .arena-state-board{padding:8px 12px;flex:1;min-height:80px}.arena-focus-shell .arena-state-row{grid-template-columns:100px minmax(0,1fr);gap:8px}.arena-focus-shell .arena-state-rows{max-height:24dvh}.arena-focus-shell .arena-statuses{gap:5px}.arena-focus-shell .arena-state-board .arena-status{min-height:34px;padding:5px 6px;font-size:12px}.arena-focus-shell .arena-state-board .arena-status small{font-size:11px}.arena-focus-shell .arena-command-deck{position:sticky;bottom:0;padding:8px 10px max(10px,env(safe-area-inset-bottom));z-index:6;flex-shrink:0;border-top:1px solid #b4ba8d}.arena-focus-shell .arena-command-hint{font-size:12px;margin-bottom:3px}.arena-focus-shell .arena-command-hint strong{font-size:12px}.arena-focus-shell .arena-command-deck .arena-action-skill{flex-direction:row;text-align:left;gap:5px;min-height:62px;padding:6px 5px}.arena-focus-shell .arena-command-deck .arena-action-skill .skill-icon{width:24px;height:24px}.arena-focus-shell .arena-action-skill strong{font-size:12px}.arena-focus-shell .arena-action-skill small{font-size:10px}.arena-focus-shell .arena-command-deck .arena-actions>button:not(.arena-action-skill){min-height:42px;font-size:13px}.arena-focus-shell .arena-party-card{min-height:57px}.arena-focus-shell .arena-party-card strong{font-size:11px}.arena-focus-shell .arena-stage>.arena-battle-log{font-size:12px;padding:8px 12px}.arena-focus-shell .arena-matching,.arena-focus-shell .arena-result-screen{min-height:100dvh;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}.arena-focus-shell .arena-matching .arena-clock{margin:26px 0}
}
@media(max-width:700px){
 .arena-focus-shell .arena-stage{height:100dvh;min-height:0}
 .arena-focus-shell .arena-state-board{min-height:0;overflow:hidden;display:flex;flex-direction:column}
 .arena-focus-shell .arena-state-board>header{flex-shrink:0}
 .arena-focus-shell .arena-state-rows{flex:1;min-height:0;max-height:none}
 .arena-focus-shell .arena-stage>.arena-battle-log{flex-shrink:0;max-height:20dvh;overflow:auto}
}
.arena-switch-instruction{display:block;font-size:12px;color:#587457;margin-top:6px;line-height:1.4}
.arena-stage .arena-battle-header{position:static;flex-shrink:0}
.arena-command-hint .arena-skill-guide{margin:0 0 0 auto;display:inline-block;padding:4px;font-size:12px}
.arena-battlefield .arena-race{display:none}
@media(min-width:701px){
 .arena-stage{height:calc(100dvh - 140px);min-height:540px;display:flex;flex-direction:column}
 .arena-stage .arena-battlefield{height:clamp(190px,27dvh,230px);flex-shrink:0}
 .arena-stage .arena-state-board{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}
 .arena-state-board>header{flex-shrink:0}
 .arena-stage .arena-state-rows{flex:1;min-height:0;max-height:none}
 .arena-stage .arena-command-deck{flex-shrink:0}
 .arena-stage>.arena-battle-log{flex-shrink:0;max-height:20dvh;overflow:auto}
}