/* Clipped decorative layers keep the layout and all click targets stationary. */
:root{--kpi-parallax-x72:0px;--kpi-parallax-y72:0px}
body{isolation:isolate}
.ambient-world72{position:fixed;inset:0;z-index:-1;overflow:hidden;overflow:clip;pointer-events:none;contain:strict;user-select:none}
.ambient-world72>div{position:absolute;inset:-48px;pointer-events:none}
.ambient-haze72{background:radial-gradient(ellipse at 15% 28%,#d9a93e13,transparent 48%),radial-gradient(ellipse at 86% 64%,#5586b217,transparent 52%);translate:calc(var(--kpi-parallax-x72)*-.65) calc(var(--kpi-parallax-y72)*-.65)}
.ambient-lines72{background:linear-gradient(118deg,transparent 35%,#d1b87309 35.1%,transparent 35.25%,transparent 67%,#799bbc08 67.1%,transparent 67.25%);translate:calc(var(--kpi-parallax-x72)*.45) calc(var(--kpi-parallax-y72)*.45)}
.ambient-brand72{background:url('kpilandia-logo-transparent.png') 83% 50%/min(76vw,1000px) auto no-repeat;opacity:.025;translate:calc(var(--kpi-parallax-x72)*.8) calc(var(--kpi-parallax-y72)*.8)}
.welcome-screen .hero-scenery{inset:-40px;translate:var(--kpi-parallax-x72) var(--kpi-parallax-y72)}
.welcome-screen .hero-grid{translate:calc(var(--kpi-parallax-x72)*-.35) calc(var(--kpi-parallax-y72)*-.35)}
.welcome-screen .hero-particles{inset:-32px;translate:calc(var(--kpi-parallax-x72)*-.65) calc(var(--kpi-parallax-y72)*-.65)}
.welcome-screen .welcome-glow{translate:calc(var(--kpi-parallax-x72)*-.5) calc(var(--kpi-parallax-y72)*-.5)}
#season-launch60 .launch-atmosphere60{inset:-40px;translate:var(--kpi-parallax-x72) var(--kpi-parallax-y72)}
.game-entry-screen{background-position:center,calc(50% + var(--kpi-parallax-x72)) calc(50% + var(--kpi-parallax-y72))}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){
 .ambient-world72>div,.welcome-screen .hero-scenery,.welcome-screen .hero-grid,.welcome-screen .hero-particles,.welcome-screen .welcome-glow,#season-launch60 .launch-atmosphere60{translate:none}
 .game-entry-screen{background-position:center,center}
}