.east-fixed-hub{position:absolute;left:43.85%;top:42.8%;width:11.1%;aspect-ratio:1;border-radius:50%;background:#e8d29b url('/booth/art/spin.jpg') 49.156% 45.302% / 818.18% 1454.54%;z-index:2;pointer-events:none;box-shadow:0 0 0 2px #286349}
section{overflow:hidden}
.ambient-depth{position:absolute;inset:19% 0 10%;pointer-events:none;overflow:hidden;z-index:1}
.ambient-depth:before{content:"";position:absolute;inset:-40%;background:repeating-conic-gradient(from 0deg,transparent 0deg 22deg,#fff6ba15 25deg,transparent 29deg 50deg);animation:depth-rays 45s linear infinite;transform-origin:50% 55%}
.ambient-depth i{position:absolute;left:var(--x);top:90%;width:var(--size);height:var(--size);border-radius:50%;background:#fff5c5;box-shadow:0 0 12px 3px #fff1ac66;animation:depth-float 7s var(--delay) ease-in-out infinite;opacity:0}
@keyframes depth-rays{to{transform:rotate(360deg)}}
@keyframes depth-float{15%{opacity:.75}80%{opacity:.3}to{transform:translate(18px,-55vh) scale(.4);opacity:0}}
.sound-toggle{position:fixed;top:8px;right:8px;z-index:20;border:1px solid #ead88a;border-radius:24px;background:#153e31ed;color:#fff9d3;padding:10px 14px;font:14px system-ui;cursor:pointer}
.celebration{position:absolute;inset:18% 0 15%;pointer-events:none;z-index:3;overflow:hidden}
.celebration b{position:absolute;left:var(--left);top:-6%;height:14px;width:7px;background:var(--color);animation:confetti-fall 3.7s var(--delay) ease-in forwards}
@keyframes confetti-fall{to{transform:translate(24px,75vh) rotate(var(--turn));opacity:0}}
.win-announcement{position:absolute;top:0;left:5%;width:90%;text-align:center;background:#195b3dec;border:1px solid #e7d369;border-radius:18px;padding:8px;color:#fff7bd;font:bold clamp(14px,3.6vw,22px) system-ui}
.win-glow{animation:prize-glow 1.2s ease-in-out 3}
@keyframes prize-glow{50%{box-shadow:inset 0 0 50px #ffdb7699}}
@media(prefers-reduced-motion:reduce){.ambient-depth:before,.ambient-depth i,.celebration b,.win-glow{animation:none!important}.ambient-depth i{opacity:.2;top:50%}}
