.inline-decision{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(1060px,100%);margin:12px auto;padding:18px 24px;border:1px solid #c8ad7455;border-left:3px solid #dfbc77;background:linear-gradient(110deg,#283a3beF,#101c22f5);border-radius:4px;box-shadow:0 6px 24px #0003}
.decision-copy{flex:1;min-width:180px}.decision-copy .eyebrow::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8c887;box-shadow:0 0 12px #e8c887;margin-right:9px}.decision-copy h3{margin:7px 0;font-size:25px}.decision-copy p{font-size:12px;color:#bccbca;max-width:440px}
.inline-choices{display:flex;flex-wrap:wrap;justify-content:end;gap:8px;max-width:58%}.inline-choices .choice{min-width:135px;text-align:center;border-color:#af9e74;padding:12px 18px}.inline-choices .choice:not(.pass){background:#c5ac7b;color:#111e22;font-weight:700}.inline-choices .choice:hover{background:#deca9f;color:#111e22}
.dominance-reason{max-width:370px;color:#b7c3c1;font-size:11px;line-height:1.4}
.arena .lane .cards{gap:14px;align-items:center;min-height:126px}.arena .empty-slot{width:84px;height:118px;flex-shrink:0;border:1px solid #81938b55;background:#111c2038}.lane .cards:empty::after{content:none!important}
.card.card .status-badges{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:max-content;max-width:95%;align-items:center;justify-content:center;gap:4px;z-index:4;pointer-events:none}.card.card .badge{font-size:10px;padding:4px 6px;text-align:center;white-space:nowrap}.card.card .badge.charge{font-size:11px}.card.card.disabled{filter:none}.card.card.disabled .art{filter:grayscale(1);opacity:.5}
.card.card .symbols{gap:0;left:18%;width:64%;justify-content:space-around}.card.card .symbol{flex:1;align-items:center}
.card-back{position:relative;width:123px;height:auto;aspect-ratio:5/7;border:0;border-radius:7px;background:#101d21 url('assets/card-back.svg') center/100% 100%;box-shadow:0 6px 15px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}
.back-crest{position:absolute;top:32%;left:0;width:100%;height:30%;display:grid;place-items:center;color:#ddc596}.back-crest b{font-family:var(--serif);font-size:44px;font-weight:500;text-shadow:0 2px 5px #000}.card-back>strong{position:absolute;top:70%;font-family:var(--serif);font-size:12px;letter-spacing:.19em;font-weight:500;color:#d6bf94}.card-back>small{position:absolute;top:79%;font-size:6px;letter-spacing:.2em;color:#a3aaa1}
.mini-back{background:#18292b url('assets/card-back.svg') center/100% 100%;border-color:#a68f65}
.ability-zoom{background:#0f1b20;border:1px solid #b39b68;border-radius:7px;padding:6px;box-shadow:0 12px 40px #0009}.ability-zoom>img{display:block;width:100%;max-height:calc(100dvh - 100px);object-fit:contain}.ability-zoom>span{display:block;text-align:center;padding:8px;color:#e5cc98;font-size:13px}
@media(max-width:850px){.inline-decision{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.inline-choices{max-width:none;justify-content:stretch}.inline-choices .choice{flex:1}.arena .empty-slot{width:70px;height:98px}.card-back{width:100px}.back-crest b{font-size:36px}.card-back>strong{font-size:10px}}
@media(max-width:540px){.arena .lane .cards{gap:8px}.arena .empty-slot{width:calc((100vw - 60px)/4);max-width:70px;height:95px}.arena .lane .card{width:calc((100vw - 60px)/4);max-width:70px}.decision-copy{min-width:0}.decision-copy h3{font-size:22px}.card.card .badge{font-size:8px;padding:3px 4px}.card.card .badge.charge{font-size:9px}}


/* Reserve one stable board row for decisions and round results. */
.decision-slot{width:min(1060px,100%);height:132px;flex-shrink:0;margin:12px auto}
.decision-slot>.inline-decision,.decision-slot>.round-result{box-sizing:border-box;width:100%;height:100%;margin:0;padding:18px 24px;gap:24px;overflow:auto;flex-wrap:nowrap;justify-content:space-between}
.decision-copy h3{margin:0 0 8px}.decision-copy p{margin:0}
.inline-choices{max-height:100%;overflow:auto;flex-shrink:0}
@media(max-width:850px){.decision-slot{height:220px}.decision-slot>.inline-decision,.decision-slot>.round-result{padding:16px;gap:12px;flex-direction:column;align-items:stretch}.inline-choices{flex-shrink:1;max-width:none}.decision-copy{flex:0}.round-result .result-power{justify-content:center}.round-result>div:first-child{text-align:center}}

.power-breakdown{display:grid;gap:8px;min-width:0;flex:1}
.power-breakdown>div{display:flex;align-items:baseline;gap:12px}
.power-breakdown strong{font:12px var(--sans);min-width:86px;white-space:nowrap}
.power-breakdown strong b{font:24px var(--serif);margin-left:5px;color:var(--cream)}
.power-breakdown span{font-size:11px;line-height:1.4;color:#d7c59e}
.your-strip .phase-strip{margin:auto;width:auto;flex:1}
@media(min-width:1000px){
 body:has(.duel-layout){height:100dvh;margin:0}
 body:has(.duel-layout) header{height:52px;box-sizing:border-box}
 .duel-layout{height:calc(100dvh - 52px);min-height:0;display:block}
 .playfield{height:100%;min-height:0;display:grid;grid-template-rows:52px minmax(0,1fr) 56px clamp(190px,28dvh,310px)}
 .player-strip{padding:5px 24px;gap:12px;min-height:0;box-sizing:border-box}
 .player-strip .portrait{width:30px;height:36px}.player-strip h3{font-size:20px}.player-strip .details{font-size:11px;margin-top:0}
 .your-strip .phase-step{padding:8px 12px;font-size:11px;gap:6px}.your-strip .phase-step b{width:20px;height:20px}
 .arena{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.45fr) 104px minmax(0,1fr);padding:4px 6vw;gap:4px}
 .arena .lane{min-height:0;padding:17px 0 12px;box-sizing:border-box}
 .arena .lane .cards{height:100%;min-height:0;flex-wrap:nowrap;gap:14px}
 .arena .lane .card,.arena .empty-slot{height:100%;width:auto;aspect-ratio:2/3;max-width:none;min-height:0}
 .arena .board-center{min-height:0;padding:5px 0;grid-template-columns:1fr 125px 145px 125px 1fr;gap:14px;height:100%;box-sizing:border-box}
 .active-zone{height:100%;min-height:0;gap:4px}.active-zone .reveal-in{height:calc(100% - 17px);min-height:0;aspect-ratio:2/3}
 .active-zone .card{height:100%;width:auto;aspect-ratio:2/3}
 .active-zone .card-back,.active-zone .active-placeholder{height:calc(100% - 17px);width:auto;aspect-ratio:2/3;min-height:0;box-sizing:border-box}
 .active-placeholder{font-size:10px}.back-crest b{font-size:clamp(25px,3.3vh,44px)}.card-back>strong{font-size:9px}
 .pressure{gap:5px}.pressure-track{gap:8px}.pressure-dot{width:12px;height:12px}.pressure small{font-size:10px}
 .location h3{font-size:22px}.location p{font-size:11px}.round-panel{grid-column:auto;flex-direction:column;gap:8px}
 .decision-slot{height:104px;margin:0 auto;min-height:0}
 .decision-slot>.inline-decision,.decision-slot>.round-result{padding:10px 18px;gap:18px}
 .round-result>div:first-child{flex:0 1 260px}.round-result strong{font-size:22px}.round-result .power-breakdown strong{font-size:12px}
 .hand-region{min-height:0;padding:4px 24px 12px;display:flex;flex-direction:column;box-sizing:border-box}
 .hand-top{padding:0;margin:0 0 4px;flex:none}.hand-top .hand-meta{font-size:11px}
 .hand-dock{width:100%;min-height:0;flex:1;grid-template-columns:minmax(180px,1fr) minmax(0,3fr) minmax(220px,1fr);gap:18px;align-items:stretch}
 .hand-dock .hand{height:100%;min-height:0;padding:3px 12px;align-items:center;flex-wrap:nowrap;box-sizing:border-box}
 .hand-dock .hand .card{height:100%;width:auto;min-width:0;max-width:none;aspect-ratio:2/3}
 .ability-panel,.passive-panel{min-height:0;height:100%;box-sizing:border-box;padding:9px;display:flex;flex-direction:column;gap:5px}
 .ability-slots{min-height:0;flex:1;margin:0}.ability-tile{min-height:0;display:flex;flex-direction:column}.ability-tile img{height:calc(100% - 18px);min-height:0;width:100%;object-fit:contain}.ability-tile>span{font-size:9px}
 .ability-note{font-size:9px}.passive-art{height:30%;min-height:25px;margin:0;object-fit:cover}.passive-panel h3{font-size:20px;margin:0}.passive-panel p{font-size:11px;line-height:1.35;margin:0}.passive-panel>small{font-size:9px;margin-top:auto}
}

@media(min-width:1000px){
 .arena{grid-template-rows:minmax(0,1fr) minmax(0,1.8fr) 104px minmax(0,1fr)}
 .round-result>div:first-child{flex:0 1 300px;gap:3px}
 .round-result>div:first-child>strong{font-size:18px;line-height:1.15}
 .round-result .dominance-reason{font-size:10px;line-height:1.3}
 .round-result .eyebrow{font-size:10px}
 .round-result .power-breakdown{gap:3px}
 .power-breakdown strong b{font-size:22px}
}
/* The template itself masks the artwork, including its ornamental corners. */
.card.card::after{content:'';position:absolute;inset:0;background-image:inherit;background-size:100% 100%;pointer-events:none;z-index:1;border-radius:inherit}
.card.card .art{left:4%;width:92%;top:15%;height:48%;clip-path:none;z-index:0}
.card.card>span{z-index:2}
.card.card .status-badges{z-index:3}
.card.card .power{font-family:'Arial Narrow',Arial,sans-serif;font-weight:400;font-size:16cqw;transform:scaleX(.72);top:2.5%;height:12%;left:4.6%}
.card.card[data-role=CONVERSION] .power{left:6.8%;top:3%}
.card.card[data-role=INTEGRATION] .power{left:4.3%;top:2.2%}
.card.card[data-role=DISRUPTION] .power{left:2.8%;top:1.8%}
.prebuilt-panel .deck-banner select{max-width:260px}
.prebuilt-panel .deck-grid{max-width:1080px;margin:auto}
.prebuilt-panel .deck-bottom{gap:20px;flex-wrap:wrap}
.prebuilt-note{padding:0 26px 22px;color:var(--muted);font-size:12px}
@media(min-width:1000px){
 .arena{grid-template-columns:minmax(0,1fr);justify-content:stretch}
 .arena .board-center{grid-template-columns:minmax(170px,1fr) minmax(110px,190px) minmax(120px,180px) minmax(110px,190px) minmax(100px,1fr);gap:clamp(12px,2vw,40px)}
 .location{justify-self:start;max-width:235px}
 .active-zone .reveal-in,.active-zone .card-back,.active-zone .active-placeholder{max-height:250px;max-width:100%;aspect-ratio:5/7}
 .active-zone .card,.arena .lane .card,.hand-dock .hand .card{aspect-ratio:5/7}
}