body.studio-backdrop {
  --studio-ambient: radial-gradient(ellipse at 0 30vh, #68061d58, transparent 640px),
    radial-gradient(ellipse at 100% 27vh, #06348770, transparent 650px);
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  background: var(--studio-ambient) fixed, #05060b;
}
.studio-backdrop::before,
.studio-backdrop::after,
.studio-lightning {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.studio-backdrop::before, .studio-backdrop::after { content: ''; }
.studio-backdrop::before {
  background:
    repeating-linear-gradient(0deg, transparent 0 39px, #aabaff09 39px 40px),
    repeating-linear-gradient(90deg, transparent 0 39px, #aabaff09 39px 40px);
}
.studio-backdrop::after {
  opacity: .32;
  background:
    url('/estudio/auriculares.svg') left clamp(-132px, -10vw, -74px) top 11vh / clamp(190px, 27vw, 400px) auto no-repeat,
    url('/estudio/microfono.svg') right clamp(-116px, -8vw, -62px) top 28vh / clamp(160px, 22vw, 330px) auto no-repeat,
    url('/estudio/consola.svg') left clamp(-205px, -14vw, -120px) bottom -90px / clamp(260px, 37vw, 540px) auto no-repeat;
}
.studio-lightning {
  width: 100%;
  height: 100%;
  mask-image: linear-gradient(90deg, #000 6%, #0009 24%, #0005 42%, #0005 58%, #0009 76%, #000 94%);
}
.studio-lightning[hidden], .motion-toggle[hidden] { display: none; }
.motion-toggle {
  min-height: 44px;
  padding: 0 8px;
  color: var(--muted, #b0b7ca);
  background: #0b1020;
  border: 1px solid var(--line, #526788);
  border-radius: 6px;
  font: inherit;
  cursor: pointer;
}
.motion-toggle:hover { border-color: var(--blue, #8cddff); }
.motion-toggle:focus-visible { outline: 3px solid var(--blue, #8cddff); outline-offset: 3px; }
.studio-game-settings { margin-top: 12px; }
.studio-backdrop #game:is(.expanded, :fullscreen),
.studio-backdrop #arcade:is(.expanded, :fullscreen) {
  background: var(--studio-ambient), #090911;
}
@media (max-width: 700px) {
  .studio-lightning {
    opacity: .72;
    mask-image: linear-gradient(90deg, #000, #0005 19%, #0003 46%, #0003 54%, #0005 81%, #000);
  }
  .studio-backdrop::after {
    opacity: .24;
    background-position: left -106px top 12vh, right -75px top 33vh, left -150px bottom -65px;
  }
}
