#stPlacementBriefing{position:fixed;inset:0;z-index:13280;display:none;place-items:center;padding:16px;background:rgba(2,5,8,.91)}#stPlacementBriefing.open{display:grid}.st-pb-card{width:min(880px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;box-sizing:border-box;padding:22px;border:1px solid #8a7040;background:linear-gradient(#1b2127,#0a0f14);color:#e9e1cf}.st-pb-k{font:900 10px Arial;letter-spacing:.2em;color:#8f989e;text-transform:uppercase}.st-pb-card h2{margin:6px 0 7px;color:#ebce8d;font:900 36px Georgia,serif}.st-pb-card>p{margin:0 0 14px;color:#c3c3bc;font:14px/1.5 Arial}.st-pb-lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.st-pb-lesson{padding:12px;border:1px solid #665636;background:#10171c}.st-pb-lesson h3{margin:0;color:#e3c47e;font:900 15px Georgia,serif}.st-pb-lesson p{margin:7px 0 0;color:#adb3b5;font:12px/1.42 Arial}.st-pb-diag{height:94px;display:flex;align-items:center;justify-content:center;gap:8px}.st-pb-roster{display:flex;gap:3px;padding:4px;border:1px solid #5e5137}.st-pb-u{width:27px;height:27px;border:1px solid #53605a;background:#3f8a61 center/25px no-repeat}.st-pb-u.sel{outline:2px solid #ddb358}.st-pb-arr{color:#d8b566;font:900 22px Georgia}.st-pb-grid{display:grid;grid-template-columns:repeat(var(--n),18px);grid-auto-rows:18px;border:1px solid #515b58}.st-pb-grid i{position:relative;border:1px solid #4b565455;box-sizing:border-box}.st-pb-grid i.u{background:#3f8a61 var(--art) center/14px no-repeat}.st-pb-grid i.c{background:#3f8a61 var(--cav) center/14px no-repeat}.st-pb-grid i.x{background:#8f383852;box-shadow:inset 0 0 0 1px #b64b4b88}.st-pb-grid i.ok{box-shadow:inset 0 0 0 2px #66a875}.st-pb-rot{color:#e6c46f;font:900 26px Arial}.st-pb-tip{margin-top:9px;padding:8px 10px;border-left:3px solid #786037;background:#765b271c;color:#bbb5a8;font:12px/1.4 Arial}.st-pb-strip-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}.st-pb-strip-key{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.st-pb-strip-swatch{width:9px;height:9px;display:inline-block;border:1px solid #59636a;background:#59636a}.st-pb-strip-swatch.placed{background:#3f8a61;border-color:#55a974}.st-pb-strip-swatch.hit{background:#a63e39;border-color:#c5524b}.st-pb-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.st-pb-actions button{padding:10px 13px;border:1px solid #6c5937;background:#171d23;color:#d9d0bd;font:900 11px Arial;cursor:pointer}.st-pb-actions .primary{border-color:#9d7d42;background:#292313;color:#f1d89e} .st-story-vignette{float:left;width:168px;height:168px;object-fit:cover;margin:0 16px 10px 0;border:1px solid #725c38;box-shadow:0 8px 22px #0008;background:#10171a}.st-story-vignette.st-story-vignette-ending{float:none;width:min(360px,100%);height:auto;aspect-ratio:1/1;display:block;margin:0 auto 18px;}#stStoryAftermathNext{clear:both}#stMenuDialogBody{display:flow-root}@media(max-width:720px){.st-pb-lessons{grid-template-columns:1fr}.st-pb-card h2{font-size:29px}.st-pb-actions{grid-template-columns:1fr}.st-story-vignette{width:148px;height:148px;margin:0 13px 9px 0}}
/* Canonical narration is longer: retain the existing cards and allow scrolling. */
#stMenuDialog:has([data-story-scene]) .st-menu-dialog-card{max-height:calc(100dvh - 36px);overflow-y:auto}
#stStoryAftermathCard{max-height:calc(100dvh - 48px);overflow-y:auto}
@media(max-width:760px){#stStoryAftermathCard{max-height:calc(100dvh - 150px)}}

/* Shared narration preference: compact control within existing Story cards. */
#stMenuDialog .st-narration-toggle,#stStoryAftermathCard .st-narration-toggle{display:block;float:right;width:auto;margin:0 0 8px 12px;padding:4px 8px;font:700 11px Arial,sans-serif;letter-spacing:0}
#stMenuDialog .st-narration-toggle[hidden],#stStoryAftermathCard .st-narration-toggle[hidden]{display:none}

@media(max-width:760px){
 #stMenuDialog:has([data-story-scene]){align-items:flex-start;padding-top:12px}
 #stStoryPhaseOverlay{align-items:flex-start;padding:12px;box-sizing:border-box}
 #stStoryPhaseOverlay .st-story-phase-stage{display:flex;flex-direction:column;gap:12px;min-height:0;max-height:calc(100dvh - 24px);width:100%}
 #stStoryAftermathCard,#stStoryPhaseOverlay .revealed #stStoryAftermathCard{position:relative;left:auto;top:auto;transform:none!important;animation:none;order:2;width:100%;min-height:0;max-height:calc(100dvh - 24px);flex:1 1 auto;margin:0}
 #stStoryUnitReveal{display:none;position:relative;right:auto;top:auto;bottom:auto;order:1;flex:0 0 auto;margin:30px auto 0;transform:none!important;max-width:100%}
 #stStoryPhaseOverlay .revealed #stStoryUnitReveal:not(.dismissed){display:block;animation:stStoryPhoneReveal .4s ease-out forwards}
 #stStoryPhaseOverlay .revealed #stStoryUnitReveal.dismissed{display:none}
 @keyframes stStoryPhoneReveal{from{opacity:0;translate:0 -20px}to{opacity:1;translate:0 0}}
}