.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}
/* Readable node state and illumination; selection never draws a box. */
.ref-level-glow{position:absolute;z-index:2;pointer-events:none;border:0;box-shadow:none;background:radial-gradient(ellipse at 50% 55%,transparent 53%,#82ff6555 69%,#38edff22 79%,transparent 95%);mix-blend-mode:screen;filter:blur(3px);transform:scale(1.28);animation:map-node-glow 1.8s ease-in-out infinite alternate}
@keyframes map-node-glow{from{opacity:.65}to{opacity:1}}
.map-level-badge{display:flex;align-items:center;justify-content:center;padding:1px 2px;font:9px/1 var(--pixel-font);letter-spacing:0;background:#031636f5;color:#f3f5ff;border:1px solid #62aaf0;box-shadow:0 2px #020720;clip-path:polygon(3px 0,calc(100% - 3px) 0,calc(100% - 3px) 2px,100% 2px,100% calc(100% - 2px),calc(100% - 3px) calc(100% - 2px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 2px),0 calc(100% - 2px),0 2px,3px 2px)}
.map-level-badge.locked{color:#e4eaff;border-color:#539fea}.map-level-badge.ready{color:#d9ff85;border-color:#b4ff52}.map-level-badge.clear{color:#ffe881;border-color:#ffc84b}
.map-mission-name{left:24%;top:97.05%;width:53%;height:2.6%;display:flex;align-items:center;justify-content:center;padding:0 2px;background:#041737ef;color:#d3fbff;font:clamp(8px,2.2vw,9px)/1.15 var(--pixel-font);letter-spacing:0;border:0;text-shadow:1px 1px #000}
.cinematic-screen.has-screen-back .result-movie{margin-bottom:calc(var(--nav-height) + var(--back-row-height))}
.victory-unlock{clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 5px) calc(100% - 3px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 3px),0 calc(100% - 3px),0 3px,5px 3px);box-shadow:inset 0 0 0 2px #2a8126,0 3px #03091c}
@media(max-width:360px){.map-level-badge{font-size:8px}.map-mission-name{font-size:8px}}
@media(prefers-reduced-motion:reduce){.ref-level-glow{animation:none;opacity:.85}}
.map-level-badge{min-height:14px}