/* Arena shares the parchment panels, gold rules and controls of REINOS. */
.arena-panel{display:grid;gap:calc(var(--space)*2);color:var(--paper-ink);min-width:0}
.arena-panel [hidden]{display:none!important}
.arena-panel h3{font-size:25px}.arena-panel p{font-size:13px}.arena-panel .muted{color:#6c5b3c}.arena-panel button{min-height:44px}.arena-panel .icon{width:21px;height:21px}
.arena-hero{position:relative;isolation:isolate;min-height:180px;display:flex;align-items:end;overflow:hidden;border:1px solid #806637;border-radius:4px;background:var(--ink)}
.arena-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.arena-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#102a27e8);z-index:-1}.arena-hero>div{position:relative;isolation:isolate;width:100%;padding:calc(var(--space)*2);color:#f8e6bb}.arena-hero>div::before{content:'';position:absolute;inset:calc(var(--space)*-4) 0 0;z-index:-1;background:linear-gradient(180deg,transparent,#102a27 calc(var(--space)*4));pointer-events:none}.arena-hero h3{font-size:32px}.arena-hero p{line-height:1.4;margin-top:var(--space)}
.arena-panel .arena-hero .eyebrow{color:var(--gold-light)}
.arena-panel .arena-hero p{color:#f4e1b8}
@media(forced-colors:active){.arena-hero,.arena-hero>div{background:Canvas;color:CanvasText}.arena-hero>img,.arena-hero:after,.arena-hero>div::before{display:none}.arena-panel .arena-hero :is(.eyebrow,p){color:CanvasText}}
.arena-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#113c32;color:var(--gold-light);border:1px solid #9e7f43;box-shadow:inset 0 0 15px #0003}.arena-summary>span{padding:var(--space);display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;border-right:1px solid var(--line);min-width:0}.arena-summary>span:last-child{border:0}.arena-summary b{font-family:var(--serif);font-size:25px;line-height:1.1}.arena-summary small{width:100%;text-align:center;color:#e4d5ad;font-size:10px}
.arena-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;border-bottom:1px solid #9c804b;padding-bottom:var(--space)}.arena-tabs button{font-size:11px;padding:4px 2px;background:#d6c297;border:1px solid #ab8d57;border-radius:3px;color:#4a381c;overflow-wrap:anywhere}.arena-tabs [aria-current=page]{background:#244d3d;color:#ffe3a5;border-color:#a68a4c;box-shadow:inset 0 -3px #d7b06b}
.arena-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space)}.arena-section-heading h3{margin:0}.arena-full{width:100%;justify-content:center;margin-top:var(--space)}
.arena-rival{display:grid;gap:4px;padding:7px;border:1px solid #a98c555e;background:linear-gradient(110deg,#fff4d88c,#d4bd8e65);border-radius:4px;min-width:0}.arena-rival.is-self{outline:2px solid #3d6b51;outline-offset:-2px}.arena-rival-heading{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0}.arena-rival.is-practice .arena-rival-heading{grid-template-columns:38px minmax(0,1fr)}.arena-rival.is-ranking .arena-rival-heading{grid-template-columns:26px 38px minmax(0,1fr) auto}.arena-rival-copy{min-width:0}.arena-rival-copy>strong{display:block;overflow-wrap:anywhere;line-height:1.15;font-family:var(--serif);font-size:19px}.arena-rival-power{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-top:2px;font-size:10px;color:#6c5b3c;line-height:1.2}.arena-rival-power>b{color:#493d27;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.arena-rival-glory{min-width:38px;max-width:70px;text-align:right;color:#805f2f}.arena-rival-glory>strong{display:block;font-size:14px;line-height:1.1;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.arena-rival-glory>strong>span{font-size:11px}.arena-rival-glory>small{display:block;margin-top:2px;font-size:9px}.arena-rival-action{min-width:0}.arena-rival-action button{width:100%;font-size:12px;padding:4px 8px;justify-content:center}.arena-rival .military-governor-avatar{width:38px;height:38px;flex-basis:38px}.arena-place{font:700 17px var(--serif);text-align:center;color:#71532d;overflow-wrap:anywhere;line-height:1.1}.arena-champion{width:46px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#234f46,#102c25);color:#ebc577;border:2px solid #b5904e;border-radius:4px;flex-shrink:0}.arena-champion>.icon{width:28px;height:28px}.arena-rival .arena-champion{width:38px;height:38px}.arena-rival .arena-champion>.icon{width:24px;height:24px}
.arena-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;padding-top:3px;border-top:1px solid #a98c553b}.arena-roster-unit{display:flex;gap:4px;align-items:center;justify-content:center;min-width:0}.arena-roster-unit .progression-troop-art{width:22px;height:28px;flex:0 0 22px}.arena-roster-copy{min-width:0;display:grid;gap:1px}.arena-roster-copy>b{font-size:14px;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}.arena-roster-copy>small{font-size:10px;line-height:1.1;white-space:nowrap;color:#6c5b3c}.arena-rival-status{min-height:28px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #78907a52;border-radius:3px;background:#6c8b7030;color:#415e45;font-size:11px;line-height:1.2}.arena-rival-status>span{width:15px;height:15px;display:grid;place-items:center;border:1px solid #78907a8c;border-radius:50%;font-size:10px}
.arena-composition-line{display:flex;align-items:center;gap:var(--space);margin-top:4px}.arena-composition-line>span{display:flex;align-items:center;gap:3px}.arena-composition-line .progression-troop-art{width:26px;height:30px;display:inline-block}.arena-composition-line b{font-size:11px}
.arena-editor{padding:12px;border:1px solid #a88a54;background:#f3e5c385;border-radius:4px;display:grid;gap:var(--space)}.arena-formation-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space)}.arena-formation-inputs label{display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;min-width:0}.arena-formation-inputs .progression-troop-art{width:70px;height:78px}.arena-formation-inputs strong{font-size:12px}.arena-formation-inputs small{font-size:11px;color:#6d5732}.arena-formation-inputs input{width:100%;height:44px;min-width:0;text-align:center;background:#fff5dc;color:#3c301c;border:1px solid #a58a57;border-radius:3px;font-weight:700}.arena-formation-inputs input:disabled{opacity:.4}.arena-presets{display:flex;gap:4px;flex-wrap:wrap}.arena-presets button{flex:1;font-size:10px;padding:4px 6px;min-width:66px}.arena-invalid{color:#923f34}.arena-counter-note,.arena-safety{font-size:11px!important;color:#695333;line-height:1.5;text-align:center}
.arena-duel-heading{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space);align-items:center;text-align:center}.arena-duel-heading>div{display:flex;align-items:center;flex-direction:column;gap:var(--space);min-width:0}.arena-duel-heading strong{overflow-wrap:anywhere;font-size:16px}.arena-duel-heading>b{font:700 25px var(--serif);color:#916728}.arena-duel-heading .military-governor-avatar{height:58px;width:52px}
.arena-comparison>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space)}.arena-comparison article{padding:var(--space);background:#ccb17f3d;border:1px solid #a58a575c;min-width:0}.arena-comparison article>strong{font-size:12px}.arena-stat-strip{display:flex;flex-wrap:wrap;gap:var(--space);margin-top:var(--space)}.arena-stat-strip>span{flex:1}.arena-stat-strip small,.arena-stat-strip b{display:block;font-size:11px}.arena-stat-strip small{color:#6e5b3c}
.arena-empty{text-align:center;display:grid;justify-items:center;gap:var(--space);padding:24px 12px;border:1px dashed #a78d5c}.arena-empty>.icon{width:38px;height:38px;color:#8b6a34}.arena-gate-art{max-width:220px;width:100%;margin:auto}.arena-history{display:flex;gap:var(--space);align-items:center;text-align:left;border-bottom:1px solid #a78d5c66;padding:12px 4px;min-width:0;width:100%}.arena-history>span:nth-child(2){flex:1;min-width:0}.arena-history strong{overflow-wrap:anywhere;display:block;font-size:14px}.arena-history small{display:block;font-size:10px;color:#6c593a}.arena-history>b{font-size:12px;text-align:right;flex-shrink:0}.arena-result-seal{width:36px;height:42px;display:flex;align-items:center;justify-content:center;background:#85644b;color:#fff0d1;border:1px solid #c4a569;border-radius:3px}.arena-result-seal.is-victory{background:#285845}
.arena-battlefield{height:300px;position:relative;isolation:isolate;border:2px solid #98743b;border-radius:4px;background-image:var(--arena-field);background-size:cover;background-position:center;overflow:hidden}.arena-battlefield:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#0001,transparent,#412c162e)}.arena-army{position:absolute;top:30%;width:42%;height:60%;display:flex;align-items:center;justify-content:space-around}.arena-army.own{left:3%;transform:rotate(-8deg)}.arena-army.enemy{right:3%;transform:rotate(8deg)}.arena-fighter{position:relative;display:flex;flex-direction:column;align-items:center;transition:opacity .2s,filter .2s,transform .2s;min-width:0;filter:drop-shadow(0 4px 3px #28150677)}.arena-fighter:nth-child(2){align-self:end}.arena-fighter .progression-troop-art{width:64px;height:100px;display:block}.arena-army.enemy .progression-troop-art{transform:scaleX(-1)}.arena-fighter>span{border-radius:8px;background:#163e37ed;color:#fff0be;border:1px solid #b59858;padding:2px 7px;font-size:13px;text-align:center}.arena-army.enemy .arena-fighter>span{background:#6d2c2be8}.arena-fighter small{font-size:9px}.arena-fighter.is-eliminated{opacity:.18;filter:grayscale(1);transform:translateY(10px)}.arena-fighter.is-hit{animation:arena-hit .28s ease-out}.arena-battle-seal{position:absolute;left:calc(50% - 15px);top:40%;color:#f3dda5;filter:drop-shadow(0 2px 2px #251608)}.arena-battle-seal>.icon{width:30px;height:30px}.arena-playback-controls{display:flex;gap:var(--space)}.arena-playback-controls>button{flex:1}.arena-playback-progress{height:5px;background:#af955f55;border-radius:4px;overflow:hidden}.arena-playback-progress>span{display:block;height:100%;background:#337457;transition:width .1s}
.arena-verdict{display:grid;justify-items:center;text-align:center;gap:var(--space);border:1px solid #ad8a4d;padding:16px;background:linear-gradient(#dec99f,#c7b28a)}.arena-verdict.is-victory{background:linear-gradient(#244b3d,#13372e);color:#f6dfac}.arena-verdict>.icon{width:38px;height:38px}.arena-verdict h3{font-size:30px}.arena-verdict>strong{font:700 24px var(--serif)}.arena-rules,.arena-battle-details{border-top:1px solid #ad8b515e;padding-top:var(--space);font-size:12px}.arena-rules summary,.arena-battle-details summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}.arena-error{border-color:#9a3b32!important}
.progression-mode #kingdom-plane .building-marker[data-building=arena]{--city-size:132px}
/* The general zoom-compensated hit target extends into the Barracks plot.
   Arena selection stays within its artwork rectangle and name plaque. */
.progression-mode #kingdom-plane .building-marker.built[data-building=arena]{pointer-events:none}
.progression-mode #kingdom-plane .building-marker.built[data-building=arena]::after{inset:0;width:100%;height:100%;transform:none;pointer-events:auto}
.progression-mode #kingdom-plane .building-marker.built[data-building=arena] .building-label{pointer-events:auto}
.progression-mode #kingdom-terrain::before{background-image:var(--forge-terrain-art,var(--embassy-terrain-art,url('./art-web/kingdom-housing-v1-aad4095cdc.webp')));background-size:100% 100%;background-position:left top}
.progression-mode #kingdom-plane .building-marker[data-building=arena] .building-sprite.arena-sprite{background:none;object-fit:contain;max-width:none;pointer-events:none}
.building-sprite.arena-sprite{background:none;object-fit:contain}.arena-building-entry{margin:16px 0}
@keyframes arena-hit{50%{filter:brightness(1.8) drop-shadow(0 0 5px #dfab59);transform:translateX(3px)}}
@media(min-width:700px){.arena-hero{min-height:220px}.arena-tabs button{font-size:13px}.arena-battlefield{height:370px}.arena-fighter .progression-troop-art{width:100px;height:140px}.arena-summary b{font-size:30px}}
@media(max-width:359px){.arena-panel{gap:12px}.arena-rival{padding:7px 6px;gap:5px}.arena-rival-heading{grid-template-columns:36px minmax(0,1fr) auto;gap:6px}.arena-rival.is-practice .arena-rival-heading{grid-template-columns:36px minmax(0,1fr)}.arena-rival.is-ranking .arena-rival-heading{grid-template-columns:22px 36px minmax(0,1fr) auto;gap:4px}.arena-rival .military-governor-avatar,.arena-rival .arena-champion{width:36px;height:36px;flex-basis:36px}.arena-rival-copy>strong{font-size:17px}.arena-rival-power{gap:3px;font-size:9px}.arena-rival-power>b{font-size:11px}.arena-rival-glory{min-width:32px;max-width:55px}.arena-rival-glory>strong{font-size:13px}.arena-roster{gap:3px}.arena-roster-unit{gap:3px}.arena-roster-unit .progression-troop-art{width:20px;flex-basis:20px}.arena-roster-copy>small{font-size:9px}.arena-place{font-size:15px}.arena-composition-line{gap:4px}.arena-composition-line .progression-troop-art{width:20px;height:25px}.arena-formation-inputs .progression-troop-art{width:58px;height:68px}.arena-battlefield{height:270px}.arena-fighter .progression-troop-art{width:48px;height:83px}.arena-tabs button{font-size:10px}}
@media(max-width:359px){.arena-panel .arena-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.arena-panel .arena-presets button{min-width:0;min-height:44px;width:100%}.arena-comparison>div{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.arena-fighter,.arena-playback-progress>span{transition:none}.arena-fighter.is-hit{animation:none}}
.reduce-motion .arena-fighter,.reduce-motion .arena-playback-progress>span{transition:none}.reduce-motion .arena-fighter.is-hit{animation:none}

/* Reward periods reuse the Arena parchment and keep the five duel tabs intact. */
.arena-rewards-shortcut{display:flex;align-items:center;justify-content:center;gap:var(--space);width:100%;color:#244d3d;border-color:#9c804b}
.arena-rewards-shortcut>.icon:last-child{margin-left:auto}.arena-rewards-shortcut>.icon:first-child{color:#8b682f}
.arena-rewards{display:flex;flex-direction:column;gap:var(--space);min-width:0}
.arena-rewards-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space);align-items:center}
.arena-rewards-heading h3{margin:0;text-align:center;font-size:23px}.arena-rewards-heading>.secondary-button{display:flex;align-items:center;gap:4px;padding:6px 8px}
.arena-rewards-heading .game-info-button{min-width:44px;min-height:44px}
.arena-reward-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space)}
.arena-reward-tabs button{padding:var(--space);border:1px solid #ab8d57;border-radius:3px;background:#d6c297;color:#4a381c;font:700 17px var(--serif)}
.arena-reward-tabs [aria-current=page]{background:#244d3d;color:#ffe3a5;border-color:#a68a4c;box-shadow:inset 0 -3px #d7b06b}
.arena-reward-deadline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px var(--space);padding:var(--space);border:1px solid #a98b59;background:#b99d6526}
.arena-reward-deadline>span{font-size:12px}.arena-reward-deadline>strong{font:700 21px var(--serif);font-variant-numeric:tabular-nums}.arena-reward-deadline>small{grid-column:1/-1;font-size:10px;color:#6c5b3c}
.arena-panel .arena-reward-delivery{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;font-size:11px;color:#3d614c}
.arena-reward-delivery>.icon{width:15px;height:15px}
.arena-reward-tiers{display:grid;gap:var(--space);list-style:none;margin:0;padding:0}
.arena-reward-tier{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:var(--space);min-width:0;padding:var(--space);border:1px solid #b59c70;background:#cbb58530;border-radius:3px}
.arena-reward-tier.is-podium{border-color:#aa8645;background:linear-gradient(110deg,#e4cb903d,#f4e5be3d)}
.arena-reward-tier[data-podium='2']{border-color:#9a9f99;background:linear-gradient(110deg,#aebbb52d,#e9e4d33d)}
.arena-reward-tier[data-podium='3']{border-color:#a27d53;background:linear-gradient(110deg,#c0986c2d,#e8d9bc3d)}
.arena-reward-tier.is-own-tier{box-shadow:inset 3px 0 #35694c}
.arena-reward-rank{display:grid;justify-items:center;align-content:center;gap:2px;color:#70552f;font:700 17px var(--serif)}
.arena-reward-rank>.icon{width:23px;height:23px;color:#a47a2d}.arena-reward-tier[data-podium='2'] .arena-reward-rank>.icon{color:#788b89}.arena-reward-tier[data-podium='3'] .arena-reward-rank>.icon{color:#9e704b}
.arena-reward-prizes{display:grid;gap:4px;min-width:0}.arena-reward-main{display:flex;align-items:center;flex-wrap:wrap;gap:4px calc(var(--space)*2)}
.arena-reward-quantity{display:flex;align-items:center;gap:4px;white-space:nowrap;font:700 17px var(--serif)}
.arena-reward-quantity>.icon{width:24px;height:24px;color:#775b32}
.arena-reward-prizes .mission-rewards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;min-width:0}
.arena-reward-prizes .mission-reward{display:flex;align-items:center;justify-content:flex-start;gap:2px;min-width:0;padding:0;border:0;background:none;color:var(--paper-ink);font-size:11px;white-space:nowrap}
.arena-reward-prizes .mission-reward>.icon{width:19px;height:19px;flex:none}.arena-reward-prizes .mission-reward>strong{font:700 12px var(--serif)}
.arena-reward-voucher{display:flex;align-items:center;gap:3px;margin-left:auto;color:#6f592f;font-size:11px;line-height:1.1}
.arena-reward-voucher>.icon{width:21px;height:21px}.arena-reward-voucher small{display:block;margin-top:2px;font-size:9px;color:#756d5d}
.arena-reward-own{position:sticky;bottom:0;z-index:2;display:grid;gap:var(--space);min-width:0;margin-top:var(--space);padding:var(--space);border:1px solid var(--antique-gold);border-radius:3px;background-color:var(--paper);background-image:var(--paper-veil),var(--ornate-paper);background-size:100% 100%,119.05% 119.05%;background-position:center;background-repeat:no-repeat;color:var(--paper-ink);box-shadow:inset 3px 0 #35694c,0 -3px 8px #2e291c24}
.arena-reward-own-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space);color:#244d3d;font:700 17px var(--serif)}
.arena-reward-own-heading>strong{font-size:21px}.arena-reward-own .arena-reward-quantity>.icon{color:#775b32}.arena-reward-own .mission-reward{color:var(--paper-ink)}.arena-reward-own .arena-reward-voucher{color:var(--antique-muted)}
.arena-reward-own .arena-reward-voucher small,.arena-reward-reserved{color:var(--antique-muted)}.arena-reward-reserved{font-size:10px}
.arena-panel .arena-reward-own p{margin:0;font-size:12px}.arena-reward-own>.secondary-button{justify-self:start}
@media(max-height:799px){.arena-reward-own{position:static}}
.arena-rewards button:focus-visible,.arena-rewards-shortcut:focus-visible{outline:2px solid #42694e;outline-offset:3px}
@media(min-width:700px){.arena-rewards-heading h3{font-size:27px}.arena-reward-tier{grid-template-columns:58px minmax(0,1fr);padding:calc(var(--space)*1.5)}.arena-reward-rank{font-size:21px}.arena-reward-prizes .mission-rewards{gap:var(--space)}.arena-reward-prizes .mission-reward>strong{font-size:14px}.arena-reward-prizes .mission-reward>.icon{width:23px;height:23px}.arena-reward-own{padding:calc(var(--space)*1.5)}}
@media(max-width:359px){.arena-rewards-heading h3{font-size:21px}.arena-reward-tier{grid-template-columns:35px minmax(0,1fr);gap:6px;padding:6px}.arena-reward-main{gap:4px 8px}.arena-reward-quantity{font-size:15px}.arena-reward-quantity>.icon{width:21px;height:21px}.arena-reward-prizes .mission-reward>.icon{width:15px;height:15px}.arena-reward-prizes .mission-reward>strong{font-size:11px}.arena-reward-voucher{font-size:10px}.arena-reward-voucher>.icon{width:17px;height:17px}}
@media(forced-colors:active){.arena-reward-tier,.arena-reward-own,.arena-reward-deadline,.arena-reward-tabs button{border-color:CanvasText;background:Canvas;color:CanvasText}.arena-reward-tabs [aria-current=page],.arena-reward-tier.is-own-tier{outline:2px solid Highlight;box-shadow:none}}
@media(max-width:699px){
 .arena-panel{gap:12px}
 .arena-hero{min-height:126px}
 .arena-hero>div{padding:12px}
 .arena-hero h3{font-size:26px;line-height:1.1}
 .arena-hero .eyebrow{font-size:10px}
 .arena-hero p{margin-top:5px;font-size:12px;line-height:1.3}
 .arena-summary b{font-size:22px}
 .arena-editor{padding:10px}
}