/* Original Dokkan battle landscapes; image treatment never affects actors or effects. */
.arena.cinematic-arena{isolation:isolate;background:#1c2b35;border-block:1px solid #6c89714d}
.cinematic-arena>.arena-landscape{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none;user-select:none;filter:brightness(.92) saturate(.94)}
.arena.cinematic-arena:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#081323a6 0,transparent 36%,transparent 72%,#0b160f38 100%)}
.arena.cinematic-arena:after{content:none}
.cinematic-arena.scenery-night>.arena-landscape{filter:brightness(.53) saturate(.68) hue-rotate(13deg)}
.arena.cinematic-arena.scenery-night:before{background:linear-gradient(180deg,#111c4070,transparent 45%,#10142b30)}
.arena-moon{position:absolute;z-index:1;left:calc(50% - 28px);top:13%;width:56px;height:56px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 30% 32%,#bfcee3a6 0 8%,transparent 10%),radial-gradient(ellipse at 65% 62%,#aebfd969 0 12%,transparent 15%),radial-gradient(ellipse at 43% 76%,#b1c3dc80 0 7%,transparent 10%),radial-gradient(circle at 37% 30%,#fffef1,#e9ecdc 55%,#b3c7db);box-shadow:0 0 24px 10px #e1edfd35,0 0 70px 25px #afcfe51a}
.cinematic-arena .sprite-position:after{content:'';position:absolute;z-index:-1;width:56%;height:12px;left:22%;bottom:3px;border-radius:50%;background:#1820147d;filter:blur(4px);pointer-events:none}
.scenery-night .sprite-position:after{background:#070d2399}
.cinematic-arena .fighter-label{z-index:5;top:12px;left:12px;width:clamp(150px,30%,245px);max-width:43%;padding:8px 11px 10px;border:1px solid #d8e8c52e;border-radius:8px;background:linear-gradient(130deg,#0a192ae8,#142c399c);box-shadow:0 3px 10px #0002;text-shadow:0 2px 2px #0009;font-size:clamp(18px,2.4vw,25px);line-height:1.12;color:#fff6df}
.cinematic-arena .fighter-label.right{left:auto;right:12px;background:linear-gradient(230deg,#211b28e8,#28313d9c)}
.cinematic-arena .fighter-label small{line-height:1.4;margin-top:4px;color:#e3eae7}
.cinematic-arena .fighter-label .bar{width:100%;min-width:0;background:#03111abf;box-shadow:0 0 0 1px #ffffff1c}
@media(max-width:760px){.cinematic-arena .fighter-label{top:8px;left:8px;padding:6px 8px 8px;border-radius:6px;width:43%;font-size:18px}.cinematic-arena .fighter-label.right{right:8px}.cinematic-arena .fighter-label small{font-size:8px}.arena-moon{width:42px;height:42px;left:calc(50% - 21px);top:20%}.cinematic-arena .sprite-position:after{height:9px}}
@media(max-height:620px){.cinematic-arena .fighter-label{padding:5px 8px 6px;top:7px;font-size:18px}.cinematic-arena .fighter-label small{margin-top:2px;font-size:8px}.arena-moon{width:38px;height:38px;left:calc(50% - 19px);top:15%}}
@media(prefers-reduced-motion:reduce){html:not([data-reduce-motion=false]) .cinematic-arena *{transition:none}}