/* Give each ability a readable moment, following the opponent/player rows. */
.replay-host .replay-ability-step{display:none}
.replay-host[data-detail="effects"] .replay-power-step{display:none!important}
.replay-host[data-detail="effects"] .replay-ability-step{
 display:grid;grid-template-columns:minmax(0,1fr) 82px;
 grid-template-rows:minmax(0,1fr) auto;gap:7px 12px;height:100%;min-height:0;
}
.battle-board #battle-reveal.replay-host[data-phase="calculation"][data-detail="effects"]{
 width:min(900px,calc(100% - 20px));height:min(450px,calc(100dvh - var(--hud-height,64px) - 100px));max-height:none;
}
.replay-host[data-detail="effects"] .battle-replay{padding:12px 14px;background:linear-gradient(135deg,#fff7e4,#e6d5af)}
.replay-host[data-detail="effects"] .replay-heading>b{font-size:15px;line-height:1.3}
.replay-host[data-detail="effects"] .replay-heading>span{font-size:10px}
.replay-host[data-detail="effects"] .replay-teams{gap:10px}
.replay-host[data-detail="effects"] .replay-calculation .replay-team{
 grid-template-columns:108px minmax(0,1fr);gap:12px;padding:9px 11px;overflow:hidden;
 background:#fff9eb87;border-color:#a986585e;
}
.replay-host[data-detail="effects"] .replay-calculation .replay-team.own{background:#eaf0df82;border-color:#6384546b}
.replay-host[data-detail="effects"] .replay-team-heading>small{font-size:10px;letter-spacing:.25px;line-height:1.35}
.replay-host[data-detail="effects"] .replay-team-heading>b{font-size:15px;line-height:1.3}
.replay-host .replay-ability-focus{grid-column:1;grid-row:1;min-width:0;min-height:0;height:100%;position:relative}
:is(.replay-host,.replay-all-abilities) .replay-ability-card{
 display:none;height:100%;min-height:0;padding:8px 10px;border:1px solid #aa956b66;border-radius:7px;
 flex-direction:column;gap:5px;background:#fff9eaa6;color:#384433;overflow:auto;overscroll-behavior:contain;
 scrollbar-width:thin;scrollbar-color:#a18a55 transparent;
}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-current="true"]{display:flex;animation:replay-ability-enter .3s ease-out both}
:is(.replay-host,.replay-all-abilities) .replay-ability-card-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}
:is(.replay-host,.replay-all-abilities) .replay-ability-source{font-size:11px;line-height:1.3;font-weight:800;color:#725d37;min-width:0}
:is(.replay-host,.replay-all-abilities) .replay-ability-state{
 display:inline-flex;align-items:center;gap:4px;flex:none;font-size:10px;font-weight:800;line-height:1.2;
 padding:4px 6px;border-radius:4px;border:1px solid #a58b5a66;color:#765e38;background:#e9ddbd;white-space:nowrap;
}
:is(.replay-host,.replay-all-abilities) .replay-ability-state:before{content:"•";font-size:12px;font-weight:900;line-height:1}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="applied"]{background:#eef3dd;border-color:#5e854f88;box-shadow:inset 3px 0 #678a51}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="applied"] .replay-ability-state{background:#dceaca;border-color:#66864e75;color:#3d6039}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="applied"] .replay-ability-state:before{content:"✓"}
:is(.replay-host,.replay-all-abilities) .replay-ability-card:is([data-status="blocked"],[data-status="stopped"]){background:#f6e6d7;border-color:#a9694e80;box-shadow:inset 3px 0 #b37655}
:is(.replay-host,.replay-all-abilities) .replay-ability-card:is([data-status="blocked"],[data-status="stopped"]) .replay-ability-state{background:#eed3bc;border-color:#ae77576e;color:#8a5038}
:is(.replay-host,.replay-all-abilities) .replay-ability-card:is([data-status="blocked"],[data-status="stopped"]) .replay-ability-state:before{content:"⊘"}
:is(.replay-host,.replay-all-abilities) .replay-ability-card:is([data-status="inactive"],[data-status="condition"]){background:#f1e9d6;border-color:#ab9b796e;box-shadow:inset 3px 0 #aaa084}
:is(.replay-host,.replay-all-abilities) .replay-ability-card:is([data-status="inactive"],[data-status="condition"]) .replay-ability-state{background:#e4dcc9;border-color:#a8987775;color:#655f4d}
:is(.replay-host,.replay-all-abilities) .replay-ability-card:is([data-status="inactive"],[data-status="condition"]) .replay-ability-state:before{content:"—"}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="protected"] .replay-ability-state{background:#dce6e2;border-color:#7b9b91;color:#35685b}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="protected"] .replay-ability-state:before{content:"◈"}
:is(.replay-host,.replay-all-abilities) .replay-ability-card:is([data-status="queued"],[data-status="persistent"]) .replay-ability-state{background:#e9dfbc;border-color:#ae965875;color:#7c642c}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="queued"] .replay-ability-state:before{content:"◷"}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="persistent"] .replay-ability-state:before{content:"∞"}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="mixed"] .replay-ability-state{background:#e4e9ca;border-color:#9ca37075;color:#606834}
:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-status="mixed"] .replay-ability-state:before{content:"◐"}
:is(.replay-host,.replay-all-abilities) .replay-ability-description{font-size:12px;font-weight:750;line-height:1.45;color:#35462f;overflow-wrap:anywhere;margin:0!important}
:is(.replay-host,.replay-all-abilities) .replay-ability-reason{font-size:11px;font-weight:500;line-height:1.45;color:#706143;overflow-wrap:anywhere;margin:0!important}
:is(.replay-host,.replay-all-abilities) .replay-ability-line{display:flex;flex-direction:column;gap:3px;min-width:0;padding-top:5px;border-top:1px solid #b19b693d}
:is(.replay-host,.replay-all-abilities) .replay-ability-line:first-of-type{padding-top:0;border:0}
:is(.replay-host,.replay-all-abilities) .replay-ability-card-heading+.replay-ability-line{padding-top:0;border-top:0}
:is(.replay-host,.replay-all-abilities) .replay-ability-line .replay-ability-impact{margin-top:0!important;border:0;padding-top:0}
:is(.replay-host,.replay-all-abilities) .replay-ability-line-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px 6px;min-width:0}
:is(.replay-host,.replay-all-abilities) .replay-ability-line-heading>.replay-ability-description{flex:1 1 auto;min-width:0}
:is(.replay-host,.replay-all-abilities) .replay-ability-line-heading>.replay-ability-impact{flex:0 0 auto;white-space:nowrap}
:is(.replay-host,.replay-all-abilities) .replay-ability-line[data-duplicate-value="true"] .replay-ability-description{display:none}
:is(.replay-host,.replay-all-abilities) .replay-ability-line[data-duplicate-value="true"] .replay-ability-line-heading>.replay-ability-impact{margin-right:auto}
:is(.replay-host,.replay-all-abilities) .replay-ability-impact{
 font-size:12px;font-weight:800;line-height:1.35;color:#355d35;margin-top:auto!important;
 padding-top:5px;border-top:1px solid #a6966f40;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
:is(.replay-host,.replay-all-abilities) .replay-ability-card:is([data-status="inactive"],[data-status="condition"],[data-status="blocked"],[data-status="stopped"]) .replay-ability-impact{color:#876247}
:is(.replay-host,.replay-all-abilities) .replay-ability-line:is([data-status="inactive"],[data-status="blocked"],[data-status="unknown"]) .replay-ability-impact{color:#876247}
:is(.replay-host,.replay-all-abilities) .replay-ability-line[data-status="applied"] .replay-ability-impact{color:#355d35}
:is(.replay-host,.replay-all-abilities) .replay-ability-line:is([data-status="queued"],[data-status="persistent"]) .replay-ability-impact{color:#7c642c}
.replay-host .replay-ability-step>.replay-total{
 grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;
 margin:0;padding:0 0 0 9px;border:0;border-left:1px solid #aa96664d;gap:5px;min-width:0;
}
.replay-host .replay-ability-step>.replay-total>dt{font-size:11px;line-height:1.3;text-align:right;color:#786545}
.replay-host .replay-ability-step>.replay-total>dd{font-size:30px;line-height:1.1;color:#325536;font-variant-numeric:tabular-nums}
.replay-host .replay-ability-progress{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.2;color:#807252}
.replay-host .replay-ability-progress>span{white-space:nowrap}
.replay-host .replay-ability-progress>i{width:6px;height:6px;display:block;border:1px solid #a4936b;border-radius:50%;background:#dacfaf}
.replay-host .replay-ability-progress>i[data-current="true"]{background:#5c7946;border-color:#5c7946;box-shadow:0 0 0 2px #5c79461c}
.replay-all-abilities{font-size:11px;line-height:1.5;color:#635c40;margin-top:8px}
.replay-all-abilities>summary{font-weight:750;cursor:pointer;color:#3e5937;padding:5px 0}
.replay-all-abilities .replay-ability-card{display:flex;height:auto;min-height:0;margin:6px 0}
@keyframes replay-ability-enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){
 .battle-board #battle-reveal.replay-host[data-phase="calculation"][data-detail="effects"]{
  position:fixed;left:50%;right:auto;top:calc(var(--hud-height,54px) + 61px);bottom:auto;
  transform:translateX(-50%);width:min(620px,calc(100% - 22px));height:min(548px,calc(100dvh - var(--hud-height,54px) - 87px));
  max-height:none;
 }
 .replay-host[data-detail="effects"] .battle-replay{padding:9px 10px;border-radius:8px;box-shadow:0 12px 35px #061a127d}
 .replay-host[data-detail="effects"] .replay-heading{gap:6px;min-height:19px}
 .replay-host[data-detail="effects"] .replay-heading>b{font-size:12px;line-height:1.3}
 .replay-host[data-detail="effects"] .replay-heading>span{font-size:9px;padding:3px 4px}
 .replay-host[data-detail="effects"] .replay-progress{margin:6px 0 8px;height:3px;min-height:3px}
 .replay-host[data-detail="effects"] .replay-teams{gap:8px}
 .replay-host[data-detail="effects"] .replay-calculation .replay-team{
  grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:5px;padding:7px 7px 6px;
 }
 .replay-host[data-detail="effects"] .replay-team>.replay-team-heading{display:flex;flex-direction:row;align-items:baseline;gap:6px;min-width:0}
 .replay-host[data-detail="effects"] .replay-team-heading>small{font-size:9px;flex:none;letter-spacing:0}
 .replay-host[data-detail="effects"] .replay-team-heading>b{font-size:12px;line-height:1.2;min-width:0;overflow-wrap:anywhere}
 .replay-host[data-detail="effects"] .replay-ability-step{grid-template-columns:minmax(0,1fr) 67px;gap:4px 6px}
 .replay-host .replay-ability-focus{grid-column:1/-1}
 :is(.replay-host,.replay-all-abilities) .replay-ability-card{padding:6px 8px;gap:3px;border-radius:5px}
 :is(.replay-host,.replay-all-abilities) .replay-ability-card-heading{gap:5px}
 :is(.replay-host,.replay-all-abilities) .replay-ability-source{font-size:10px;line-height:1.3}
 :is(.replay-host,.replay-all-abilities) .replay-ability-state{font-size:9px;gap:3px;padding:3px 4px}
 :is(.replay-host,.replay-all-abilities) .replay-ability-description{font-size:11px;line-height:1.35}
 :is(.replay-host,.replay-all-abilities) .replay-ability-reason{font-size:10px;line-height:1.4}
 :is(.replay-host,.replay-all-abilities) .replay-ability-impact{font-size:11px;line-height:1.35;padding-top:4px}
 :is(.replay-host,.replay-all-abilities) .replay-ability-line{gap:2px;padding-top:3px}
 :is(.replay-host,.replay-all-abilities) .replay-ability-line-heading{gap:2px 5px}
 .replay-host .replay-ability-step>.replay-total{
  grid-column:2;grid-row:2;flex-direction:row;justify-content:flex-end;align-items:baseline;gap:4px;padding:0;border:0;
 }
 .replay-host .replay-ability-step>.replay-total>dt{font-size:8px;line-height:1.2;white-space:nowrap}
 .replay-host .replay-ability-step>.replay-total>dd{font-size:17px}
 .replay-host .replay-ability-progress{grid-column:1;grid-row:2;gap:4px;font-size:9px;min-width:0}
 .replay-host .replay-ability-progress>i{width:5px;height:5px}
}
@media(prefers-reduced-motion:reduce){:is(.replay-host,.replay-all-abilities) .replay-ability-card[data-current="true"]{animation:none}}