.stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.stage-bg{position:absolute;inset:0;background:#06141a center/cover no-repeat}.stage-bg.plain{background:radial-gradient(circle at 70% 30%,#31515d88,transparent 44%),linear-gradient(#031016,#071b22)}.stage-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(#031016aa,#03101600 30%,#031016d9)}.stage-bg.enter{animation:stage-fade .7s ease-out}.stage-cast{position:absolute;inset:0}.stage-portrait{position:absolute;bottom:0;margin:0;height:94%;display:flex;align-items:flex-end;transition:filter .3s ease,transform .3s ease;filter:drop-shadow(0 8px 24px #000a)}.stage-portrait .stage-art{height:100%;width:auto;max-width:46vw;object-fit:contain;object-position:bottom}.stage-portrait.slot-left{left:4%}.stage-portrait.slot-center{left:50%;translate:-50% 0}.stage-portrait.slot-right{right:4%}.stage-portrait.dim{filter:brightness(.45) saturate(.65) drop-shadow(0 8px 24px #000a)}.stage-portrait.lit{transform:translateY(-6px)}.stage-portrait.enter{animation:portrait-in .45s cubic-bezier(.2,.8,.3,1) both}.stage-portrait.slot-left.enter{--from:-36px 0}.stage-portrait.slot-right.enter{--from:36px 0}.stage-portrait.slot-center.enter{--from:0 28px}.stage-portrait .ghost{position:absolute;left:0;bottom:0;animation:ghost-out .35s ease-out forwards;z-index:0}.stage-portrait.swap .stage-art:not(.ghost){animation:stage-fade .35s ease-out;position:relative;z-index:1}.stage-cg{position:absolute;inset:0;margin:0;background:#000}.stage-cg .stage-art{width:100%;height:100%;object-fit:cover;object-position:center}.stage-cg:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#031016cc)}.stage-cg.enter{animation:cg-in .8s ease-out both}.stage-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:stage-flash .7s ease-out}.stage.tx-fade{animation:stage-from-black .9s ease-out}.stage.tx-shake{animation:stage-shake .5s linear}@keyframes stage-fade{0%{opacity:0}to{opacity:1}}@keyframes portrait-in{0%{opacity:0;translate:var(--from,0 0)}to{opacity:1;translate:0 0}}@keyframes ghost-out{0%{opacity:1}to{opacity:0}}@keyframes cg-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes stage-flash{0%{opacity:.95}to{opacity:0}}@keyframes stage-from-black{0%{filter:brightness(0)}to{filter:none}}@keyframes stage-shake{0%,to{transform:none}15%{transform:translate(-9px,4px)}30%{transform:translate(8px,-5px)}45%{transform:translate(-6px,-3px)}60%{transform:translate(5px,4px)}80%{transform:translate(-3px,2px)}}@media(prefers-reduced-motion:reduce){.stage *,.stage{animation:none!important;transition:none!important}}.story-dialogue.staged{background:#02090d}.story-dialogue.staged .story-cinematic:before,.story-dialogue.staged .story-speaker-mark{display:none}.story-dialogue.staged .story-location{text-shadow:0 2px 12px #000}.story-dialogue.staged .story-cinematic>article{background:#07171dd9;backdrop-filter:blur(6px)}@media(max-width:760px){.stage-portrait{height:78%}.stage-portrait .stage-art{max-width:58vw}.stage-portrait.slot-left{left:-8%}.stage-portrait.slot-right{right:-8%}}.map-ping{position:absolute;z-index:6;width:0;height:0;transform:scale(var(--marker-scale,1));pointer-events:none}.map-ping i{position:absolute;left:-28px;top:-28px;width:56px;height:56px;border:3px solid #e8943a;border-radius:50%;animation:map-ping 1.6s ease-out infinite}.map-ping i+i{animation-delay:.8s}@keyframes map-ping{0%{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}@media(prefers-reduced-motion:reduce){.map-ping i{animation:none;opacity:.8}}.unit.carrying:after{content:"◆";position:absolute;right:-6px;top:-8px;z-index:2;font-size:14px;line-height:1;color:#e8943a;text-shadow:0 0 4px #000,0 0 2px #000}