/* Silent cinema: only the site's persistent header remains on screen. */
.battle{position:relative;background:var(--bg);color:var(--text);scroll-margin-top:0}
.battle-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.battle-stage{position:relative;overflow:clip;background:var(--bg)}
.battle-window{position:relative;overflow:hidden;background:#080d0c}
.battle-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080d0c}
.battle-egg,.battle-genie,.battle-vignette,.battle-glass{display:none}
.battle-ready{height:900svh;background:transparent;z-index:2;pointer-events:none}
/* Egg scene: always dark cinema; at the burst the film pours out of the egg (genie). */
.battle-ready .battle-stage{background:#111614}
.battle-ready .battle-egg{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#111614;will-change:transform}
.battle-ready.genie-on .battle-genie{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.battle-ready .battle-window{visibility:hidden}
.battle-ready.film-full .battle-window{visibility:visible}
.battle-ready.film-full .battle-egg{visibility:hidden}
.battle-ready .battle-stage{position:sticky;top:0;height:100svh;isolation:isolate}
.battle-ready .battle-window{position:absolute;left:11%;top:20%;width:78%;height:60%;border-radius:30px;will-change:width,height;box-shadow:0 24px 90px #0003}
.battle-ready .battle-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}


.battle-ready .battle-vignette{display:block;position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(0deg,#040a0930,transparent 25%,transparent 85%,#040a0920)}
.battle-ready .battle-glass{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.battle-ready.is-shattering .battle-video,.battle-ready.is-shattering .battle-vignette{visibility:hidden}
.battle-ready.is-shattering .battle-window,.battle-ready.is-shattering .battle-stage{background:transparent;box-shadow:none}
.battle-ready + .about{position:relative;z-index:1;margin-top:-100svh;background:var(--bg)}
.battle-ready + .about::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:28svh;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}
.battle-static{padding-top:80px}
.battle-static .battle-stage,.battle-static .battle-window{height:auto;position:relative}
.battle-static .battle-video{height:auto}

@media(max-width:760px){
 .battle-ready{height:800svh}
 .battle-ready .battle-window::before{content:'';position:absolute;inset:-20px;background:url('assets/battle/video-poster.jpg') center/cover;filter:blur(26px);opacity:.25}
 .battle-ready.film-full .battle-window::before{animation:letterbox-in .8s ease both}
 @keyframes letterbox-in{from{opacity:0}}
 .battle-ready .battle-video{object-fit:contain;background:transparent}
 .battle-ready.is-shattering .battle-window::before{display:none}
}
@media(prefers-reduced-motion:reduce){.battle *{animation:none!important;transition:none!important}}