.wheel-demo.svelte-emm7l8{width:min(100%,31rem);margin-inline:auto}.wheel-demo.withMascot.svelte-emm7l8{width:min(100%,35rem)}.wheel-demo.compact.svelte-emm7l8{width:min(100%,24rem)}.visual-shell.svelte-emm7l8{position:relative}.withMascot.svelte-emm7l8 .visual-shell:where(.svelte-emm7l8){padding-top:clamp(3.5rem,9vw,5.5rem)}.wheel-host.svelte-emm7l8{position:absolute;top:-1.25rem;left:50%;z-index:0;width:min(116%,40rem);max-width:none;filter:drop-shadow(0 18px 24px rgb(10 44 75 / .18));transform:translate(-50%);animation:svelte-emm7l8-host-welcome 5s ease-in-out infinite;pointer-events:none}.wheel-stage.svelte-emm7l8{position:relative;z-index:2;aspect-ratio:1;padding:5.5%;border-radius:50%;background:#082743;box-shadow:0 30px 80px #01132252,inset 0 0 0 4px #ffffff26;isolation:isolate}.withMascot.svelte-emm7l8 .wheel-stage:where(.svelte-emm7l8){width:min(100%,29rem);margin-inline:auto;animation:svelte-emm7l8-stage-float 5s ease-in-out infinite}.wheel-rotor.svelte-emm7l8{position:relative;z-index:2;width:100%;height:100%;border-radius:50%}.wheel.svelte-emm7l8{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:clamp(8px,2vw,14px) solid #efbf42;border-radius:50%;background:conic-gradient(#2b67b1 0,#2b67b1 14.285%,#04a0de 14.285%,#04a0de 28.57%,#754998 28.57%,#754998 42.855%,#b8368e 42.855%,#b8368e 57.14%,#e74762 57.14%,#e74762 71.425%,#f1921f 71.425%,#f1921f 85.71%,#eec847 85.71%,#eec847);box-shadow:inset 0 0 0 4px #ffffffb3,0 0 0 5px #b87b18;transition-property:transform;transition-timing-function:cubic-bezier(.1,.65,.08,1)}.wheel.svelte-emm7l8:after{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 35% 25%,rgb(255 255 255 / .35),transparent 29%),radial-gradient(circle,transparent 54%,rgb(2 22 40 / .2) 100%);content:"";pointer-events:none}.wheel-rim.svelte-emm7l8{position:absolute;top:5.5%;right:5.5%;bottom:5.5%;left:5.5%;z-index:4;display:block;width:89%;height:89%;object-fit:contain;filter:drop-shadow(0 5px 3px rgb(77 37 0 / .28));transform:scale(1.035);pointer-events:none}.wheel-label.svelte-emm7l8{--angle: calc(var(--i) * 51.428deg + 25.714deg);position:absolute;top:50%;left:50%;display:grid;width:3.2rem;height:3.2rem;place-items:center;border:1px solid rgb(255 255 255 / .62);border-radius:50%;background:#ffffffc7;box-shadow:0 5px 11px #0a2c4b33;color:#fff;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-8.1rem) rotate(calc(var(--angle) * -1));z-index:3}.wheel-label.svelte-emm7l8 img:where(.svelte-emm7l8){width:82%;height:82%;object-fit:contain}.wheel-label.svelte-emm7l8:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:linear-gradient(115deg,transparent 20%,rgb(255 255 255 / .9) 45%,transparent 68%);content:"";transform:translate(-130%);animation:svelte-emm7l8-prize-shine 4.8s calc(var(--i) * -.42s) ease-in-out infinite}.wheel-hub.svelte-emm7l8{position:absolute;inset:50% auto auto 50%;z-index:5;display:grid;width:24%;aspect-ratio:1;place-items:center;border:5px solid #efbf42;border-radius:50%;background:#fff;box-shadow:0 6px 18px #0a2c4b59;transform:translate(-50%,-50%)}.wheel-hub.svelte-emm7l8 img:where(.svelte-emm7l8){width:68%;height:68%;object-fit:contain}.pointer.svelte-emm7l8{position:absolute;top:.3%;left:50%;z-index:8;width:0;height:0;border-right:18px solid transparent;border-left:18px solid transparent;border-top:42px solid #efbf42;filter:drop-shadow(0 5px 2px rgb(0 0 0 / .25));transform:translate(-50%)}.pointer.svelte-emm7l8 i:where(.svelte-emm7l8){position:absolute;top:-35px;left:-8px;width:16px;height:16px;border:2px solid rgb(255 255 255 / .85);border-radius:50%;background:#e74762;box-shadow:0 0 0 5px #e7476233;animation:svelte-emm7l8-pointer-pulse 2s ease-in-out infinite}.motion-chip.svelte-emm7l8{position:absolute;z-index:9;display:flex;align-items:center;gap:.55rem;max-width:10rem;border:1px solid rgb(10 44 75 / .11);border-radius:999px;padding:.55rem .75rem .55rem .55rem;background:#ffffffeb;box-shadow:0 12px 30px #0a2c4b29;color:#0a2c4b;font-size:.72rem;font-weight:800;line-height:1.05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.motion-chip.svelte-emm7l8 svg:where(.svelte-emm7l8){width:2rem;height:2rem;flex:0 0 auto;border-radius:50%;padding:.4rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.scan-chip.svelte-emm7l8{top:34%;left:0;animation:svelte-emm7l8-chip-float 4.2s ease-in-out infinite}.scan-chip.svelte-emm7l8 svg:where(.svelte-emm7l8){background:#04a0de24;color:#067fae}.gift-chip.svelte-emm7l8{top:21%;right:0;animation:svelte-emm7l8-chip-float 4.6s -1.7s ease-in-out infinite}.gift-chip.svelte-emm7l8 svg:where(.svelte-emm7l8){background:#e7476224;color:#bd2548}.bubble-field.svelte-emm7l8{position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:7;overflow:hidden;border-radius:50%;pointer-events:none}.bubble-field.svelte-emm7l8 i:where(.svelte-emm7l8){--size: calc(12px + var(--i) * 2px);position:absolute;bottom:-15%;left:calc(5% + var(--i) * 12%);width:var(--size);aspect-ratio:1;border:1px solid rgb(255 255 255 / .75);border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0,#fff 8%,#04a0de26 40%,#b8368e1f);box-shadow:inset 0 0 9px #ffffffb3;animation:svelte-emm7l8-bubble-rise calc(5s + var(--i) * .35s) calc(var(--i) * -.8s) linear infinite}.confetti.svelte-emm7l8{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:6;pointer-events:none}.confetti.svelte-emm7l8 i:where(.svelte-emm7l8){--angle: calc(var(--i) * 30deg);position:absolute;top:50%;left:50%;width:8px;height:16px;border-radius:3px;background:hsl(calc(var(--i) * 31deg) 75% 55%);animation:svelte-emm7l8-burst .8s var(--ease) both;transform:rotate(var(--angle)) translateY(-2rem)}.prize-preview.svelte-emm7l8{display:flex;min-height:3.5rem;align-items:center;justify-content:center;gap:.45rem;font-size:.68rem}.prize-preview.svelte-emm7l8>strong:where(.svelte-emm7l8){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.prize-preview.svelte-emm7l8 span:where(.svelte-emm7l8){display:inline-flex;align-items:center;gap:.25rem;border:1px solid rgb(10 44 75 / .1);border-radius:999px;padding:.22rem .5rem .22rem .25rem;background:#fff;box-shadow:0 7px 20px #0a2c4b14;font-weight:800}.prize-preview.svelte-emm7l8 img:where(.svelte-emm7l8){width:1.75rem;height:1.75rem;object-fit:contain}.result-line.svelte-emm7l8{display:flex;min-height:3.5rem;align-items:center;justify-content:center;gap:.75rem;color:#0a2c4b;font-family:var(--font-display);font-size:1.15rem;font-weight:800}.result-line.win-card.svelte-emm7l8{width:fit-content;margin-inline:auto;border:1px solid rgb(231 71 98 / .2);border-radius:1rem;padding:.35rem 1rem .35rem .5rem;background:linear-gradient(135deg,#fff,#fff7e8);box-shadow:0 10px 30px #0a2c4b1f;animation:svelte-emm7l8-win-pop .5s var(--ease) both}.result-line.svelte-emm7l8 img:where(.svelte-emm7l8){width:2.8rem;height:2.8rem;object-fit:contain}.result-line.svelte-emm7l8 span:where(.svelte-emm7l8){text-align:left}.result-line.svelte-emm7l8 small:where(.svelte-emm7l8),.result-line.svelte-emm7l8 strong:where(.svelte-emm7l8),.result-line.svelte-emm7l8 em:where(.svelte-emm7l8){display:block}.result-line.svelte-emm7l8 small:where(.svelte-emm7l8){font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}.result-line.svelte-emm7l8 em:where(.svelte-emm7l8){margin-top:.1rem;color:#456278;font-family:Instrument Sans,sans-serif;font-size:.68rem;font-style:normal;font-weight:650}.spin-dots.svelte-emm7l8{display:inline-flex;gap:.25rem}.spin-dots.svelte-emm7l8 i:where(.svelte-emm7l8){width:.4rem;height:.4rem;border-radius:50%;background:#04a0de;animation:svelte-emm7l8-dot .7s calc(var(--i, 0) * .1s) ease-in-out infinite alternate}.spin-dots.svelte-emm7l8 i:where(.svelte-emm7l8):nth-child(2){--i: 1}.spin-dots.svelte-emm7l8 i:where(.svelte-emm7l8):nth-child(3){--i: 2}@keyframes svelte-emm7l8-burst{to{opacity:0;transform:rotate(var(--angle)) translateY(-12rem) rotate(190deg)}}@keyframes svelte-emm7l8-prize-shine{0%,58%,to{transform:translate(-130%);opacity:0}68%{opacity:.65}82%{transform:translate(130%);opacity:0}}@keyframes svelte-emm7l8-win-pop{0%{opacity:0;transform:translateY(8px) scale(.92)}}@keyframes svelte-emm7l8-dot{to{transform:translateY(-4px);opacity:.35}}@keyframes svelte-emm7l8-host-welcome{0%,to{transform:translate(-50%) translateY(0) rotate(-.5deg)}50%{transform:translate(-50%) translateY(-7px) rotate(.5deg)}}@keyframes svelte-emm7l8-stage-float{0%,to{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-5px) rotate(.35deg)}}@keyframes svelte-emm7l8-chip-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes svelte-emm7l8-pointer-pulse{50%{box-shadow:0 0 0 9px #e7476214;transform:scale(.9)}}@keyframes svelte-emm7l8-bubble-rise{0%{opacity:0;transform:translateY(0) translate(0) scale(.7)}15%,75%{opacity:.62}to{opacity:0;transform:translateY(-32rem) translate(1.5rem) scale(1.08)}}@media(max-width:520px){.withMascot.svelte-emm7l8 .visual-shell:where(.svelte-emm7l8){padding-top:2.7rem}.withMascot.svelte-emm7l8>.mt-6{margin-top:.45rem}.withMascot.svelte-emm7l8 .controls:where(.svelte-emm7l8){position:relative}.withMascot.svelte-emm7l8 .prize-preview:where(.svelte-emm7l8),.withMascot.svelte-emm7l8 .result-line:where(.svelte-emm7l8){position:absolute;bottom:calc(100% + .2rem);left:50%;z-index:20;min-height:2.5rem;translate:-50% 0}.withMascot.svelte-emm7l8 .result-line.win-card:where(.svelte-emm7l8){width:calc(100vw - 2.5rem);max-width:22rem;padding:.3rem .65rem .3rem .4rem}.withMascot.svelte-emm7l8 .result-line:where(.svelte-emm7l8) img:where(.svelte-emm7l8){width:2.25rem;height:2.25rem}.withMascot.svelte-emm7l8 .result-line:where(.svelte-emm7l8) em:where(.svelte-emm7l8){font-size:.58rem;line-height:1.2}.withMascot.svelte-emm7l8 .prize-preview:where(.svelte-emm7l8){display:none}.withMascot.svelte-emm7l8 button:where(.svelte-emm7l8){min-height:2.85rem;margin-top:.35rem;padding-block:.55rem}.wheel-label.svelte-emm7l8{width:2.6rem;height:2.6rem;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-23vw) rotate(calc(var(--angle) * -1))}.motion-chip.svelte-emm7l8{max-width:8.2rem;padding:.45rem .6rem .45rem .45rem;font-size:.64rem}.motion-chip.svelte-emm7l8 svg:where(.svelte-emm7l8){width:1.75rem;height:1.75rem}.scan-chip.svelte-emm7l8{left:.15rem}.gift-chip.svelte-emm7l8{right:.15rem}.prize-preview.svelte-emm7l8 span:where(.svelte-emm7l8){font-size:0;padding-right:.25rem}}@media(max-width:520px)and (max-height:650px){.withMascot.svelte-emm7l8>.mt-6{display:block;margin-top:0}.withMascot.svelte-emm7l8 .visual-shell:where(.svelte-emm7l8){padding-top:1.7rem}.motion-chip.svelte-emm7l8{display:none}.withMascot.svelte-emm7l8 .result-line.win-card:where(.svelte-emm7l8){width:max-content;max-width:calc(100vw - 2rem);min-height:2rem;padding:.25rem .55rem}.withMascot.svelte-emm7l8 .result-line.win-card:where(.svelte-emm7l8) img:where(.svelte-emm7l8),.withMascot.svelte-emm7l8 .result-line.win-card:where(.svelte-emm7l8) small:where(.svelte-emm7l8),.withMascot.svelte-emm7l8 .result-line.win-card:where(.svelte-emm7l8) em:where(.svelte-emm7l8){display:none}.withMascot.svelte-emm7l8 button:where(.svelte-emm7l8){min-width:8.75rem;min-height:2.75rem;margin-top:0;padding:.35rem .65rem;font-size:.72rem}.wheel-label.svelte-emm7l8{width:1.8rem;height:1.8rem;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-15vw) rotate(calc(var(--angle) * -1))}}@media(min-width:521px){.compact.svelte-emm7l8 .wheel-label:where(.svelte-emm7l8){transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-6.1rem) rotate(calc(var(--angle) * -1))}}@media(prefers-reduced-motion:reduce){.confetti.svelte-emm7l8,.bubble-field.svelte-emm7l8{display:none}.wheel-label.svelte-emm7l8:after,.win-card.svelte-emm7l8,.spin-dots.svelte-emm7l8 i:where(.svelte-emm7l8){animation:none}}