.wheel{--spin:0deg;aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;width:min(100%,520px);margin-inline:auto;position:relative}.wheel-rim{background:radial-gradient(circle at 50% 16%,#fff3,#0000 28%),radial-gradient(circle at 50% 100%,#00000047,#0000 36%),radial-gradient(circle at 50% 42%,#3a4458 0%,#222836 46%,#12161e 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 1.5px #ffffff47,inset 0 -12px 18px #00000047,0 18px 36px #1014202e}.wheel-rotor{inset:var(--rotor-inset);transform:rotate(var(--spin));will-change:transform;background:#10141c;border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 0 5px #10141c,inset 0 0 0 1px #ffffff29}.wheel-rotor svg{width:100%;height:100%;display:block}.wheel-label{width:max-content;max-width:46%;font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.03em;text-align:center;text-shadow:0 1px 1px #080a1047;transform:translate(-50%, -50%) rotate(calc(var(--spin) * -1));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.12em;font-weight:700;line-height:1.02;display:flex;position:absolute}.wheel-label span{white-space:nowrap;display:block}.wheel-label svg{width:1.15em;height:1.15em;overflow:visible}.wheel-spotlight{inset:var(--rotor-inset);background:conic-gradient(from calc(-90deg - var(--slice) / 2), #fff3 0deg, #ffffff0d var(--slice), transparent var(--slice));pointer-events:none;border-radius:50%;position:absolute;-webkit-mask:radial-gradient(circle,#0000 0 46%,#000 58% 100%);mask:radial-gradient(circle,#0000 0 46%,#000 58% 100%)}.wheel-pointer{z-index:4;transform-origin:50% 6px;filter:drop-shadow(0 6px 5px #0c0e1647);pointer-events:none;width:48px;position:absolute;top:-1.5%;left:50%;transform:translate(-50%)}.wheel-hub{z-index:3;width:var(--hub-size);height:var(--hub-size);cursor:pointer;background:radial-gradient(circle at 38% 30%,#fff 0%,#f4f6fa 58%,#e6ebf2 100%);border:0;border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 12px 24px #0c101a47,inset 0 1px #fff,inset 0 -10px 16px #1c243414,0 0 0 7px #ffffff14}.wheel-hub-label{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.04em;color:#141820;font-size:clamp(1.7rem,5.2vw,2.55rem);font-weight:560;line-height:1}.wheel-hub:hover:not(:disabled){transform:scale(1.035)}.wheel-hub:active:not(:disabled){transform:scale(.97)}.wheel-hub:disabled{cursor:default;opacity:1;color:#141820}.wheel-hub:focus-visible{outline-offset:4px;outline:3px solid #f7f8fb}.wheel.is-spinning .wheel-hub-label{opacity:.72}.sound-toggle{color:#141820;background:#fff;border:1px solid #1418241f;border-radius:999px;min-height:2.4rem;padding:0 .9rem;font-size:.86rem;font-weight:700}.sound-toggle[aria-pressed=true]{color:#f7f8fb;background:#141820;border-color:#141820}.amount-card,.reveal-card,.wheel-idle{background:#fff;border:1px solid #1418240f;border-radius:1.5rem;box-shadow:0 14px 36px #14182412}.amount-card,.wheel-idle{padding:1rem 1.1rem 1.1rem}.reveal-card{padding:1.2rem 1.3rem 1.15rem}.reveal-kicker,.reveal-restore-label,.amount-kicker{letter-spacing:.14em;text-transform:uppercase;color:#115e59;font-size:.72rem;font-weight:750}.reveal-title{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.035em;margin-top:.2rem;font-size:clamp(2.15rem,5vw,3.2rem);line-height:1.02}.reveal-amount{color:#1e3a8a;letter-spacing:-.03em;margin-top:.15rem;font-size:1.45rem;font-weight:700}.reveal-detail{color:#3d4654;margin-top:.7rem;font-size:.95rem;line-height:1.5}.reveal-restore{background:#f2f7f4;border-radius:.95rem;margin-top:.95rem;padding:.75rem .85rem .85rem}.reveal-restore p+p{color:#2c3542;margin-top:.2rem;font-size:.95rem;line-height:1.45}.reel{grid-template-columns:auto 1fr;align-items:center;gap:.9rem;display:grid}.reel-window{width:7.4rem;height:calc(var(--reel-row) * var(--reel-window,2.12));background:linear-gradient(#12161f 0%,#243044 46%,#12161f 100%);border-radius:1.15rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 22px #10142029}.reel-window:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#12161f 0%,#0000 28% 72%,#12161f 100%);position:absolute;inset:0}.reel-window:after{content:"";z-index:2;pointer-events:none;background:#ffffff0f;border-radius:.7rem;position:absolute;inset:30% .4rem;box-shadow:inset 0 0 0 1px #fff3}.reel-row{height:var(--reel-row);color:#f7f8fb;font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.04em;justify-content:center;align-items:center;font-size:2.35rem;font-weight:720;display:flex}.reel-kicker{letter-spacing:.14em;text-transform:uppercase;color:#115e59;font-size:.72rem;font-weight:750}.reel-unit{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.03em;font-size:2rem;line-height:1.05}.wheel-primary,.wheel-secondary{border-radius:999px;min-height:3rem;padding:0 1.2rem;font-weight:700}.wheel-primary{color:#f7f8fb;background:#141820;border:0}.wheel-primary:hover:not(:disabled){background:#222838}.wheel-primary:disabled{opacity:.55}.wheel-secondary{color:#141820;background:#fff;border:1px solid #14182424}.wheel-secondary:disabled{opacity:.45}.wheel-slot{margin-top:.35rem;padding-top:.35rem}@media (max-width:420px){.wheel-pointer{width:40px}.wheel-pointer svg{width:40px;height:34px}}@media (prefers-reduced-motion:reduce){.wheel-rotor,.wheel-hub,.wheel-label{will-change:auto;transition:none}}