/* Retained actor palette and contact shadows; no arena light or mist. */
.battlefield{isolation:isolate;--scene-light:142 85 48;--shadow-strength:.96;--shadow-shift:8%}
.battlefield.zone-1{--scene-light:66 104 74;--shadow-shift:5%}
.battlefield.zone-2{--scene-light:46 128 151;--shadow-shift:-7%}
.battlefield.zone-3{--scene-light:175 91 35;--shadow-shift:12%}
.battlefield.zone-4{--scene-light:191 46 21;--shadow-shift:-9%}
.battlefield.zone-5{--scene-light:101 64 143;--shadow-shift:8%}
/* Contact shadows sit just above the sprites' transparent export gutter. */
.app-frame .battlefield .hero-ground-shadow,.app-frame .battlefield .mob-shadow{
 display:block;position:absolute;z-index:0;bottom:1.7%;height:clamp(18px,8%,38px);border-radius:50%;
 background:radial-gradient(ellipse at 50% 50%,#000f 0 13%,#000c 28%,#0007 43%,transparent 72%);
 opacity:var(--shadow-strength);transform:translateX(var(--shadow-shift)) skewX(-14deg);filter:none!important;
}
.app-frame .battlefield .hero-ground-shadow{left:18%;right:18%}
.app-frame .battlefield .mob-shadow{left:16%;width:68%}
.app-frame .battlefield[data-monster-size=small] .mob-shadow{left:20%;width:60%;height:clamp(14px,11%,25px)}
.app-frame .battlefield[data-monster-size=giant] .mob-shadow{left:10%;width:80%}
.app-frame .battlefield[data-monster-size=colossal] .mob-shadow{left:22%;width:56%;height:clamp(24px,8%,44px)}
.app-frame .battlefield .combat-hero-sprite{position:relative;z-index:1}
.app-frame .battlefield .monster-art{z-index:1}
.app-frame .zone-card .zone-bestiary .bestiary-creature{position:relative;isolation:isolate}
.bestiary-creature::before,.event-illustration::before{content:'';position:absolute;left:23%;width:54%;height:12%;bottom:4%;z-index:0;pointer-events:none;background:radial-gradient(ellipse,#000d,transparent 72%)}
.bestiary-creature img,.event-illustration img{position:relative;z-index:1}
.app-frame .event-illustration{position:relative;isolation:isolate}
#dialogText:has(>.dialog-monster-preview){background:radial-gradient(ellipse,#000e,transparent 72%) center 220px/155px 18px no-repeat}