html[data-viewport-mode=mobile-landscape] .combat-shell{--combat-command-height: var(--mf-hand-overlap-band)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter]{height:var(--app-vh);min-height:0;overflow:hidden;--combat-command-height: var(--mf-hand-overlap-band)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-screen,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-shell{display:flex;height:100%;min-height:0;overflow:hidden}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-shell{flex-direction:column;--combat-command-height: var(--mf-hand-overlap-band)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-board__frame,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage{height:100%;min-height:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-board{height:auto;min-height:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-board__frame{overflow:hidden}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage{display:flex;padding:var(--space-2xs) var(--space-sm) 0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__allies{position:static;flex:0 1 auto;max-width:30%;gap:var(--space-xs);padding-left:calc(var(--ux-target-mobile) + var(--space-md));padding-right:var(--space-2xs);justify-content:flex-start}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies{position:static;flex:1 1 148px;min-width:0;max-width:none;padding-left:var(--space-2xs);padding-right:var(--space-md);justify-content:flex-end}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies{display:grid;grid-template-columns:repeat(3,minmax(0,min(118px,1fr)));grid-template-rows:auto;column-gap:var(--space-xs);row-gap:var(--space-2xs);justify-content:end;align-items:end;flex-wrap:nowrap}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies[data-ground-slot-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center;column-gap:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies[data-ground-slot-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr));justify-content:center;column-gap:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies>*{width:auto;min-width:0;max-width:100%}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies .sprite__bars,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies .sprite__label-row,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies .sprite__meta-row,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies .sprite__action-row{width:100%;min-width:0;max-width:100%}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies[data-ground-slot-layout=sparse]>:nth-last-child(1){grid-column:3}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies[data-ground-slot-layout=sparse]>:nth-last-child(2){grid-column:2}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies[data-ground-slot-layout=sparse]>:nth-last-child(3){grid-column:1}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies .sprite__figure{width:clamp(71px,calc(71px + (var(--app-vh) - 320px) * .5455),101px);height:clamp(91px,calc(91px + (var(--app-vh) - 320px) * .7091),130px)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded]){--rank-figure-w: clamp(50px, calc(50px + (var(--app-vh) - 320px) * .5571), 89px);--rank-figure-h: clamp(64px, calc(64px + (var(--app-vh) - 320px) * .7286), 115px);--mobile-rank-width: min(350px, calc(220px + (var(--app-vw) - 568px) * 1.32));overflow:visible;position:relative;z-index:1}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>* .sprite__figure{width:var(--rank-figure-w);height:var(--rank-figure-h)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>*{--enemy-portrait-scale: 1;--enemy-portrait-y: 0px}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>:nth-child(1){z-index:1}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>:nth-child(2){z-index:2}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>:nth-child(3){z-index:3}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>:nth-child(4){z-index:4}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>:nth-child(5){z-index:5}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>.sprite--targeted,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>.enemy-slot:has(.sprite--targeted){z-index:10}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded]) .enemy-slot .sprite--enemy{width:auto;max-width:100%}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>* .sprite__figure,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>* .sprite__figure *{pointer-events:none}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies:is([data-ground-slot-layout=dense],[data-ground-slot-layout=crowded])>* .sprite__bars{width:calc(var(--rank-figure-w) * .75);margin-left:auto;margin-right:auto}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__enemies .sprite__intent{top:0;max-width:100%;overflow:hidden}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite__intent{padding:var(--space-3xs) var(--space-xs) var(--space-3xs) var(--space-3xs);gap:var(--space-3xs)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite__intent .intent-icon{width:16px;height:16px}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite__intent-value{font-size:var(--rsize-meta);padding-right:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite__intent-icon:has(.intent-icon){font-size:0;line-height:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite__intent-warn{display:none}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .turn-banner{top:calc(var(--ux-target-mobile) + var(--space-xl))}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .turn-banner__text{font-size:max(12px,.85rem)}.stage__formation{display:contents}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage{flex-wrap:wrap}@media(min-height:380px){html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage{align-content:flex-end}}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__formation{display:flex;align-items:flex-end;width:100%;flex:1 1 100%;gap:var(--space-sm)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__formation:before{content:"";display:block;position:absolute;left:0;right:0;bottom:0;height:var(--space-2xl);background:linear-gradient(180deg,transparent 0%,var(--c-amberdark-a10) 55%,var(--color-scrim-strong) 100%);z-index:var(--z-combat-backdrop);pointer-events:none}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__formation{position:relative}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__inspector-dock{position:relative;z-index:var(--z-mf-focus);flex:0 3 204px;min-width:160px;max-width:204px;align-self:flex-start;transform:translateY(calc(var(--space-3xl) + var(--space-lg) + var(--mf-lifted-card-top-correction-px, 0px)));display:flex;justify-content:center}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__inspector-dock:empty{flex:0 0 0;min-width:0;max-width:0;margin-top:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite__figure,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite__figure--merc{width:clamp(75px,calc(75px + (var(--app-vh) - 320px) * .5273),104px);height:clamp(95px,calc(95px + (var(--app-vh) - 320px) * .6364),130px)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite__figure--hero,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite--hero .sprite__figure--hero{width:clamp(83px,calc(83px + (var(--app-vh) - 320px) * .5455),113px);height:clamp(104px,calc(104px + (var(--app-vh) - 320px) * .7455),145px)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .sprite--hero .sprite__portrait{transform:none}@media(min-height:380px){html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .stage__allies{padding-left:calc(var(--ux-target-mobile) + var(--space-md) + var(--space-28))}}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-orb__label{display:none}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-command{grid-template-columns:minmax(0,1fr) 96px;gap:var(--space-xs);padding-bottom:var(--space-2xs);height:var(--combat-command-height);min-height:var(--combat-command-height);flex-basis:var(--combat-command-height);overflow:hidden}html[data-viewport-mode=mobile-landscape] .combat-command__summary{padding:var(--space-2xs)}html[data-viewport-mode=mobile-landscape] .combat-command__brief,html[data-viewport-mode=mobile-landscape] .combat-command__gear-note,html[data-viewport-mode=mobile-landscape] .combat-command__resource-label{display:none}html[data-viewport-mode=mobile-landscape] .combat-command__hand-layout,html[data-viewport-mode=mobile-landscape] .combat-command__hand-lane{min-height:0}html[data-viewport-mode=mobile-landscape] .combat-command__hand-cards{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-command__hand-cards .card-fan{--hand-card-scale: .5;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-command__hand-cards .fan-card .combat-card__cost,html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-command__hand-cards .fan-card .combat-card__name-text{font-size:12px}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-command__hand-cards .fan-card .combat-card__title-ribbon{height:16px}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-command__hand-cards .fan-card{margin-left:clamp(calc(var(--space-3xl) + var(--space-2xl) - var(--fan-card-width)),calc((100% - var(--card-count, 6) * var(--fan-card-width)) / (var(--card-count, 6) - 1)),calc(var(--space-3xl) * 3 - var(--fan-card-width)));scroll-snap-align:start}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-command__hand-cards .fan-card:first-child{margin-left:0}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .fan-card{transform:none!important}html[data-viewport-mode=mobile-landscape] .combat-command__hand-cards .fan-card .combat-card__art{bottom:auto;height:calc(var(--mf-hand-overlap-band) - var(--space-3xl) - var(--space-3xl))}html[data-viewport-mode=mobile-landscape] .combat-command__hand-cards .fan-card .combat-card__type-line,html[data-viewport-mode=mobile-landscape] .combat-command__hand-cards .fan-card .combat-card__footer{display:none}html[data-viewport-mode=mobile-landscape] .fan-card--unpowered .combat-card__cost{color:var(--danger);text-shadow:0 1px 0 var(--c-dark-olive-2-a95),0 0 8px var(--color-scrim-55)}html[data-viewport-mode=mobile-landscape] .combat-command__hand-scroll{min-width:var(--ux-target-mobile);min-height:var(--ux-target-mobile)}html[data-viewport-mode=mobile-landscape] .combat-command__hand-flank{overflow:hidden}html[data-viewport-mode=mobile-landscape] .combat-command__hand-flank .combat-command__pile-stack--flank{gap:0;padding:0}html[data-viewport-mode=mobile-landscape] .combat-command__hand-flank .combat-command__pile-stack--flank .combat-command__pile-stack-cards{width:var(--ux-target-mobile);height:calc(var(--ux-target-mobile) + var(--space-lg))}html[data-viewport-mode=mobile-landscape] .combat-command__hand-flank .combat-command__pile-stack-label,html[data-viewport-mode=mobile-landscape] .combat-command__pile--discard .combat-command__pile-stack-label,html[data-viewport-mode=mobile-landscape] .combat-command__pile--exhaust .combat-command__pile-stack-label{display:none}html[data-viewport-mode=mobile-landscape] .combat-command__actions{grid-template-rows:minmax(0,1fr) auto;gap:var(--space-2xs);padding:var(--space-2xs)}html[data-viewport-mode=mobile-landscape] #appRoot.page-shell[data-phase=encounter] .combat-command__deck-shell{min-height:0}html[data-viewport-mode=mobile-landscape] .combat-command__pile-stack,html[data-viewport-mode=mobile-landscape] .combat-command__turn-row{min-width:var(--ux-target-mobile);min-height:var(--ux-target-mobile);padding:var(--space-2xs)}html[data-viewport-mode=mobile-landscape] .combat-command__turn-row .end-turn-btn{min-height:var(--ux-target-mobile)}html[data-viewport-mode=mobile-landscape] .combat-pile-overlay .decklist-overlay__close{min-height:calc(var(--ux-target-mobile) + var(--space-xs))}html[data-viewport-mode=mobile-landscape] .combat-command__hand-cards .fan-card .combat-card__body{display:none}html[data-viewport-mode=mobile-landscape] .stage__inspector-dock .dl-card{width:auto;min-width:0;max-width:100%;aspect-ratio:204 / 306;height:min(306px,calc(var(--app-vh) - var(--mf-hand-overlap-band) - var(--mf-inset-y) - var(--space-lg)),var(--mf-lifted-card-viewport-clearance-px, 306px),var(--mf-lifted-card-vclear-px, 306px));min-height:0;max-height:100%;overflow-y:auto}html[data-viewport-mode=mobile-landscape] .combat-autoplay-hud{position:fixed;left:var(--space-xs);right:auto;top:auto;bottom:var(--mf-hand-overlap-band)}html[data-viewport-mode=mobile-landscape] .combat-log__toggle{display:none}html[data-viewport-mode=mobile-landscape] [data-mf-cluster=system] .combat-log-toggle-cluster{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:var(--ux-target-mobile);min-height:var(--ux-target-mobile);padding:0;border:1px solid var(--warmline-a28);border-radius:var(--radius-2xs);background:radial-gradient(circle at 40% 35%,var(--cream-40-a08),var(--c-gold-9-a04) 82%),var(--c-ink-a90);backdrop-filter:blur(10px);color:var(--cream-40-a85)}html[data-viewport-mode=mobile-landscape] [data-mf-cluster=system] .combat-log-toggle-cluster__mark{font-size:1.1em;line-height:1}html[data-viewport-mode=mobile-landscape] [data-mf-cluster=system] .combat-log-toggle-cluster__count{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:var(--radius-pill);border:1px solid var(--c-amber-8-a20);background:var(--c-ink-a90);color:var(--c-parch-4);font-size:12px;line-height:1}html[data-viewport-mode=mobile-landscape] .stage__inspector-dock .combat-card__rules{font-size:12.5px}
