.map-loop{position:absolute;inset:0;width:100%;height:100%;z-index:0;object-fit:fill;pointer-events:none}
.reference-artboard>img{position:relative;z-index:0}
.cinematic-screen{display:flex;flex-direction:column;height:var(--app-height,100dvh);min-height:0;background:#051235;overflow:hidden}
.result-movie{flex:1;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#163d8a,#050b2a)}
.result-movie>video{width:100%;height:100%;object-fit:contain;display:block}
.result-caption{position:absolute;bottom:1%;left:5%;width:90%;padding:8px 10px;background:#041737ed;border:2px solid #36ccff;box-shadow:0 0 0 3px #09122e;text-align:center;clip-path:polygon(2% 0,98% 0,98% 3%,100% 3%,100% 97%,98% 97%,98% 100%,2% 100%,2% 97%,0 97%,0 3%,2% 3%)}
.result-caption h1{margin:0}.result-caption h1 canvas{max-height:35px}.result-caption p{font:11px/1.4 monospace;color:#c6eaff;margin:5px 0}.result-caption .pixel-action{min-height:40px;margin:6px 0 0;width:100%}.result-caption [hidden]{display:none!important}.result-caption .save-status{color:#ffdd8b}
.hero-roster{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-card{border:2px solid #2b79b8;background:#091f48;padding:6px 3px}.hero-card.is-active{border-color:#adff56;box-shadow:0 0 12px #7fff3c55}.hero-card canvas{width:100%;height:110px;image-rendering:pixelated}.hero-card h3{font-size:12px}.hero-card p{font-size:10px}.hero-card.locked canvas{filter:brightness(.2)}
#militia-hub .hero-card .pixel-button{font-size:10px;min-height:40px;padding:3px}.hero-card .pixel-copy{height:22px}
.map-hero-status{position:absolute;z-index:3;pointer-events:none;background:#071837e8;border:1px solid #39caff;color:#dcf8ff;text-align:center;font:bold clamp(6px,1.5vw,10px) monospace;line-height:1.3;padding:2px}
.map-level-badge{position:absolute;z-index:3;pointer-events:none;background:#03152be8;color:#bddfff;border:1px solid #446cab;text-align:center;font:bold clamp(6px,1.5vw,10px) monospace;padding:1px}.map-level-badge.ready{color:#bfff7c;border-color:#7ed149}.map-level-badge.clear{color:#ffe370;border-color:#ffe370}
.map-mission-name{position:absolute;z-index:3;left:20%;top:91.1%;width:60%;background:#032f24;color:#f5ffd1;text-align:center;font:bold clamp(6px,1.7vw,11px) monospace;padding:2px;pointer-events:none}
.result-ready{position:absolute;z-index:7;left:20%;top:93%;width:60%!important}

.map-hero-portrait{position:absolute;z-index:3;pointer-events:none;image-rendering:pixelated}.ref-live-hero{position:absolute;z-index:2;background:#071a3e;box-shadow:inset 0 0 0 3px #26caff;image-rendering:pixelated}.cinematic-screen .result-movie{margin-bottom:var(--nav-height)}

.result-movie>video{object-fit:fill}.victory-hotspot{position:absolute;z-index:3;border:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important}.victory-hotspot:focus-visible{outline:3px solid #afff68}.victory-hotspot:active{background:#ffffff22!important}#victory-progress,#victory-label{position:absolute;z-index:2;pointer-events:none;image-rendering:pixelated}.victory-unlock{position:absolute;top:72%;left:15%;width:70%;background:#09244eee;border:2px solid #a6ff61;color:#eaffc2;font:bold 10px monospace;padding:7px}.movie-notices{position:absolute;left:8%;right:8%;top:4%;z-index:5;text-align:center;color:#ffe9ad;font:12px monospace}.movie-notices p:not([hidden]){padding:10px;background:#07132dee;border:2px solid #ffcf55}.movie-notices [hidden]{display:none!important}