/* Offline films and restrained sound controls. No moving character cutouts. */
.cinema-media{position:absolute;inset:0;overflow:hidden;background:#07121c}
.cinema-poster,.cinema-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.cinema-video{z-index:1}.cinema-mirrored .cinema-video,.cinema-mirrored .cinema-poster{transform:scaleX(-1)}
.cinema-still .cinema-video{display:none}.cinema-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#06111a35,transparent 35%,#07151d20)}
.cinema-media~.hero-caption,.cinema-media~.drone-caption,.cinema-media~.march-caption,.cinema-media~.march-route{z-index:4}
.cinema-media~.duel-drone-card,.cinema-media~.drone-identity{z-index:5}
.battle-spectacle:has(.cinema-media) .hero-impact,.drone-assault:has(.cinema-media) .drone-laser,.drone-assault:has(.cinema-media) .drone-blast{display:none}
.battle-spectacle:has(.cinema-media) .story-photo li:not(.report-current){display:none}
.battle-spectacle:has(.cinema-media) .story-photo p{display:none!important}
.battle-spectacle:has(.cinema-media) .hero-caption{padding-top:35px}
.march-background,.march-column,.march-robot,.scene-army-token{display:none!important}
.march-assault{border-color:#85bdc1;box-shadow:inset 0 0 50px #071e30}.march-assault:after{z-index:3;background:linear-gradient(0deg,#06121bf2,transparent 64%)}
.march-route{font-weight:600}.march-route span{padding:7px 12px;border:1px solid #b2d6dc55;border-radius:5px;background:#071b27ba}.march-route i{font-style:normal}
.march-caption>b{color:#f1fbff;font-size:clamp(18px,2.4vw,29px)}.march-caption>small:first-child{color:#9decdf;letter-spacing:2px}
.full-map .support-scene>.cinema-media{position:relative;height:min(38dvh,330px)}
.full-map .support-scene[data-type=move] .support-caption>b{color:#ddfff2}
.header-right #soundButton{font-size:16px;min-width:29px;padding:4px 7px;line-height:1}.header-right #soundButton[data-muted=true]{color:#96a7ac}
#soundDialog{width:min(650px,calc(100% - 20px));max-height:calc(100dvh - 20px);padding:16px;overflow:auto}
#soundDialog h2{margin:0;font-size:22px}.immersion-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}
.immersion-controls>label{display:flex;align-items:center;gap:8px;font-size:13px}.immersion-controls input[type=checkbox]{width:18px;height:18px;accent-color:#83dfc2}
.immersion-controls .sound-level{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(70px,1fr) 40px}
.sound-level input{width:100%;accent-color:#83dfc2}.sound-level output{text-align:right}.sound-note{font-size:12px;line-height:1.45;color:#c2d6dc}
#soundStatus{font-size:12px;color:#98ebcf;min-height:17px;margin:4px 0 10px}
.cinema-preview{position:relative;height:clamp(150px,28dvh,290px);overflow:hidden;border:1px solid #8aaeb5;border-radius:8px;background:#071821}
.cinema-preview>p{position:absolute;z-index:4;bottom:0;left:0;right:0;margin:0;padding:20px 12px 10px;background:linear-gradient(transparent,#07111fed);font-size:13px;color:#edfbff}
.cinema-preview-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.cinema-preview-tools button{font-size:12px;min-height:37px;padding:6px}
#battleOverlay .speed-buttons #battleSound{padding:4px 7px;font-size:15px}
@media(max-width:549px){.full-map .header-right{gap:2px}.full-map .header-right button{font-size:8px;padding:4px;min-height:27px}.full-map .header-right #soundButton{font-size:14px;min-width:23px;padding:4px}.full-map .brand h1{font-size:12px}.full-map .brandmark{display:none}.march-route span{padding:5px 7px}.march-caption>small{letter-spacing:0!important}.immersion-controls{gap:8px}.immersion-controls>label{font-size:11px}.cinema-preview-tools button{font-size:10px}#soundDialog{padding:12px}}
@media(max-height:500px) and (min-width:600px){#soundDialog{width:min(900px,calc(100% - 20px));display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}#soundDialog:not([open]){display:none}#soundDialog>.dialog-heading,#soundDialog>.cinema-preview-tools{grid-column:1/-1}.cinema-preview{height:175px;grid-column:2;grid-row:2/5}.immersion-controls{margin:7px 0}.full-map .support-scene>.cinema-media{height:40dvh}}
@media(prefers-reduced-motion:reduce){.cinema-video{display:none!important}}