.section-depth { position: relative; isolation: isolate; }
.section-depth-canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: .8; }
.section-depth > :not(.section-depth-canvas):not(.game-hero-bg) { position: relative; z-index: 1; }
.section-depth .game-hero-bg { translate: var(--depth-x, 0px) var(--depth-y, 0px); transition: translate .8s ease-out; }
.section-depth-canvas { background: radial-gradient(ellipse at var(--depth-light-x, 70%) var(--depth-light-y, 30%), #bbdfd607, transparent 52%); }
.fusion-story .section-depth-canvas { background: radial-gradient(ellipse at 65% 38%, #996bc414, transparent 65%); }
@media(prefers-reduced-motion:reduce) { .section-depth-canvas { display: none; } .section-depth .game-hero-bg { translate: none; transition: none; } }