/* The body is the target; information floats around a shared floor. No new art. */
.game-shell.combat-screen{grid-template-rows:56px 28px minmax(0,1fr) 288px}
.combat-screen .hand-zone{grid-template-rows:50px minmax(0,1fr) 36px}
.combat-screen .hand .card{grid-template-rows:34px 46px minmax(54px,1fr) 20px}.combat-screen .hand .card-art{height:46px}
.combat-screen .arena{--threat-light:#c99b58; background-blend-mode:normal;overflow:hidden}
.combat-screen .arena:has(.tier-elite){--threat-light:#d6a45c;background-color:#141b28}
.combat-screen .arena:has(.tier-boss){--threat-light:#c98186;background-color:#201725}
.combat-screen .arena::after{content:"";position:absolute;inset:auto 4% 14px;height:1px;background:linear-gradient(90deg,transparent,#a5b7a744,transparent);pointer-events:none}
.combat-screen .actors{inset:34px 4% 12px;display:grid;grid-template-columns:28% minmax(0,1fr);gap:3%;align-items:end}
.combat-screen .player{position:relative;align-self:end;width:100%;height:min(100%,240px);grid-template-rows:20px minmax(50px,1fr) 48px 52px;z-index:2}
.combat-screen .player-art{width:100%;max-height:125px;align-self:end;justify-self:center}
.combat-screen .player-art img{max-width:100%;object-fit:contain}
.combat-screen .player .actor-title{text-align:center}
.combat-screen .player-status{font-size:12px;max-width:100%;text-align:center}
.combat-screen .player-status .weapon-state{font-size:12px;max-width:100%;min-height:44px}
.combat-screen .enemy-team{width:100%;height:100%;align-self:stretch;display:flex;align-items:stretch;justify-content:center;gap:12px}
.combat-screen .enemy{--aura:#91c9c0;position:relative;display:block;flex:1;min-width:0;max-width:360px;width:auto!important;height:100%;border:0;background:transparent;box-shadow:none;border-radius:0;padding:0;outline:0;cursor:pointer;text-align:center;color:#f5e5c4;isolation:isolate}
.combat-screen .enemy.tier-elite{--aura:#e2b76b;max-width:440px}
.combat-screen .enemy.tier-boss{--aura:#e0a5b0;max-width:520px}
.combat-screen .enemy::before{content:"";position:absolute;inset:35% 0 48px;z-index:-1;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--aura) 17%,transparent),transparent 68%);pointer-events:none}
.combat-screen .enemy.tier-normal::before{opacity:.4}
.combat-screen .enemy::after{content:"";position:absolute;bottom:61px;left:12%;right:12%;height:18px;border-radius:50%;background:#020a12a8;box-shadow:0 6px 16px #0009;pointer-events:none;z-index:-1}
.combat-screen .enemy.tier-elite::after,.combat-screen .enemy.tier-boss::after{height:25px;border:1px solid color-mix(in srgb,var(--aura) 50%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--aura) 28%,transparent),inset 0 0 10px #000}
.combat-screen .enemy.tier-boss::after{left:4%;right:4%;height:30px;border-style:double;border-width:3px}
.combat-screen .enemy.selected,.combat-screen .enemy.targetable{outline:0;background:transparent;box-shadow:none}
.combat-screen .enemy.selected::after{border:2px solid #ffe6a4;box-shadow:0 0 15px #ffd37b66}
.combat-screen .enemy.targetable .enemy-art{filter:drop-shadow(0 0 5px #f3d79777)}
.combat-screen .enemy:focus-visible{outline:3px dashed #ffe6a4;outline-offset:2px;border-radius:12px}
.combat-screen .enemy .enemy-art{position:absolute;left:0;right:0;bottom:68px;height:calc((100% - 117px)*.68);max-height:none;min-height:32px;width:100%;display:flex;align-items:end;justify-content:center;pointer-events:none;z-index:1}
.combat-screen .enemy.tier-elite .enemy-art{height:calc((100% - 117px)*.89)}
.combat-screen .enemy.tier-boss .enemy-art{height:calc(100% - 117px);max-height:none}
.combat-screen .enemy .approved-monster-art{display:block;width:100%;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 7px 5px #000b)}
.combat-screen .tier-elite .approved-monster-art{transform:translateY(5%) scale(1.13);transform-origin:50% 100%}
.combat-screen .tier-boss .approved-monster-art{transform:translateY(7%) scale(1.3);transform-origin:50% 100%}
.combat-screen .enemy .boss-seal{display:none}
.combat-screen .enemy .actor-title{position:absolute;bottom:43px;left:0;right:0;height:24px;line-height:22px;display:flex;justify-content:center;align-items:center;gap:6px;margin:0;z-index:4;text-shadow:0 2px 4px #000}
.combat-screen .enemy .actor-title strong{font-size:17px;white-space:nowrap}
.combat-screen .enemy .actor-title small{font-size:12px;white-space:nowrap}
.enemy-rank{font-size:11px;border-bottom:1px solid var(--aura);letter-spacing:1px;color:var(--aura);white-space:nowrap}
.combat-screen .enemy .actor-health{position:absolute;bottom:0;left:6%;right:6%;height:43px;z-index:4;margin:0;pointer-events:none}
.combat-screen .enemy .actor-health b{font-size:22px}.combat-screen .enemy .actor-health small{font-size:13px}.combat-screen .enemy .actor-health>div>span{font-size:16px}
.combat-screen .enemy .intent{position:absolute;top:0;left:50%;transform:translateX(-50%);width:max-content;max-width:100%;min-width:100px;min-height:44px;height:49px;max-height:none;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 8px;border:0;border-bottom:1px solid #caa57599;border-radius:0;background:linear-gradient(90deg,transparent,#101c27ed 20%,#101c27ed 80%,transparent);box-shadow:none;z-index:6;cursor:help;color:#fce1b3;line-height:1.15}
.threat-title{display:block;font-size:17px;font-weight:800;white-space:nowrap}.threat-meta{font-size:12px;line-height:1.15;color:#d5e8e5;white-space:nowrap}.threat-more{position:absolute;right:0;top:0;font-size:11px;color:#f2d89c}
.combat-screen .enemy .intent.attack-intent .threat-title{color:#ffc0a2}.combat-screen .enemy .intent:focus-visible{outline:3px solid #ffe4a4}
.combat-screen .enemy .target-preview{left:0;right:0;bottom:68px;max-height:44px;z-index:7;font-size:13px;pointer-events:none}
.combat-screen .tier-elite .actor-title,.combat-screen .tier-boss .actor-title{color:#ffe5ac}
.combat-screen .enemy.defeated{opacity:.35;pointer-events:none}
.intent-overlay .modal .intent-technical{border-top:1px solid #8a938666;padding-top:8px}
.intent-overlay .modal .intent-technical summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
@media(max-width:650px){
 .game-shell.combat-screen{grid-template-rows:50px 24px minmax(0,1fr) 250px}
 .combat-screen .hand-zone{grid-template-rows:48px minmax(0,1fr) 34px}
 .combat-screen .hand .card{grid-template-rows:30px 34px minmax(42px,1fr) 18px}.combat-screen .hand .card-art{height:34px}.combat-screen .hand .card-heading strong{font-size:17px}.combat-screen .hand .card-copy>.core-effect{font-size:18px}.combat-screen .hand .card-copy p{font-size:14px;line-height:1.2;margin:2px 0}.combat-screen .hand .card-footer{font-size:10px}
 .combat-screen .actors{inset:28px 8px 8px;grid-template-columns:28% minmax(0,1fr);gap:3%}
 .combat-screen .player{height:210px;max-height:100%;grid-template-rows:18px minmax(40px,1fr) 40px 70px}
 .combat-screen .player-art{width:78px;max-height:82px;height:100%}.combat-screen .player-art img{max-height:82px}
 .combat-screen .player .actor-title strong{font-size:12px}.combat-screen .player-status{font-size:11px}.combat-screen .player-status .weapon-state{font-size:11px;padding:2px;max-width:100%}
 .combat-screen .player .actor-health b{font-size:18px}.combat-screen .player .actor-health small{font-size:11px}.combat-screen .player .actor-health>div>span{font-size:12px}
 .combat-screen .player .actor-health>div{display:flex;flex-wrap:wrap;gap:0;justify-content:center;line-height:18px}.combat-screen .player .actor-health b{font-size:16px;white-space:nowrap}.combat-screen .player .actor-health>div>span{padding:0 2px}
 .combat-screen .enemy-team{gap:5px}.combat-screen .enemy .intent{height:46px;min-height:44px;min-width:0;padding:3px 2px;width:100%}
 .threat-title{font-size:16px}.threat-meta{font-size:11px}.threat-more{font-size:10px;top:-2px}
 .combat-screen .enemy .enemy-art{bottom:65px;height:calc((100% - 115px)*.68)}
 .combat-screen .enemy.tier-elite .enemy-art{height:calc((100% - 115px)*.9)}
 .combat-screen .enemy.tier-boss .enemy-art{height:calc(100% - 115px)}
 .combat-screen .enemy .actor-title{bottom:40px;height:24px;gap:3px}.combat-screen .enemy .actor-title strong{font-size:14px}.enemy-rank{font-size:10px;letter-spacing:0}
 .combat-screen .enemy .actor-title small{font-size:10px}.combat-screen .enemy .actor-health{height:40px;left:4%;right:4%}.combat-screen .enemy .actor-health b{font-size:20px}
 .combat-screen .enemy .actor-health>div>span{font-size:14px}.combat-screen .enemy .actor-health small{font-size:11px}
 .combat-screen .enemy-team:not(.count-1) .actor-title{display:block;height:32px;bottom:40px;line-height:16px}.combat-screen .enemy-team:not(.count-1) .actor-title strong{font-size:12px}.combat-screen .enemy-team:not(.count-1) .enemy-rank{display:none}
 .combat-screen .enemy-team:not(.count-1) .threat-title{font-size:13px}.combat-screen .enemy-team:not(.count-1) .threat-meta{font-size:10px;white-space:normal;max-height:26px;overflow:hidden}
 .combat-screen .enemy-team:not(.count-1) .intent{height:53px}.combat-screen .enemy-team:not(.count-1) .enemy-art{bottom:77px;height:calc((100% - 135px)*.85)}
 .combat-screen .enemy-team:not(.count-1) .tier-elite .enemy-art{height:calc(100% - 135px)}
 .combat-screen .enemy .target-preview{bottom:65px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.combat-screen .enemy::before,.combat-screen .enemy::after{animation:none}}