/* Approved Sneakers studio. Background only; cards keep their world addresses. */
html[data-sneakerstudio] { --studio-x:0px; --studio-y:0px; }
#studio-background { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
/* A separate studio direction: clean graphite, one cyan accent, finite light cues. */
html[data-sneakerstudio] { --grond:#121a22; }
html[data-sneakerstudio] #studio-background { opacity:1; background:#121a22; }
html[data-sneakerstudio] body::before,
html[data-sneakerstudio] body::after,
html[data-sneakerstudio] #laag::before { opacity:0; }
.studio-room { display:none; position:absolute; inset:0; background:radial-gradient(ellipse at 82% 12%,rgba(66,100,118,.24),transparent 55%),linear-gradient(145deg,#1f2b35,#121a22 64%,#18232d); }
html[data-sneakerstudio] .studio-room { display:block; }
.studio-halo { position:absolute; inset:-110px; background:radial-gradient(ellipse at 18% 68%,rgba(51,209,225,.14),transparent 47%),radial-gradient(ellipse at 74% 30%,rgba(112,161,180,.11),transparent 48%); }
.studio-tracks { position:absolute; width:calc(100% + 160px); height:calc(100% + 160px); inset:-80px; }
.studio-flare { position:absolute; inset:-12%; opacity:.12; background:linear-gradient(118deg,transparent 27%,rgba(66,218,235,.02) 37%,rgba(66,218,235,.23) 46%,rgba(180,244,255,.09) 49%,transparent 62%); }
html[data-sneakerstudio][data-studio-motion="on"] .studio-halo { transform:translate3d(var(--studio-x),var(--studio-y),0); }
html[data-sneakerstudio][data-studio-motion="on"] .studio-tracks { transform:translate3d(calc(var(--studio-x) * 1.3),calc(var(--studio-y) * 1.3),0); }
.studio-halo,.studio-tracks { transition:transform 420ms cubic-bezier(.2,.6,.3,1); }

@media(prefers-reduced-motion:reduce) { .studio-halo,.studio-tracks { transition:none; } }
