:root{color-scheme:light;font-family:Inter,Arial,sans-serif;background:#f3f3f5;color:#231722}*{box-sizing:border-box}body{margin:0}.page-shell{max-width:920px;margin:0 auto;padding:48px 20px}.page-shell a{color:#7b2a68}.wheel-modal-overlay{position:fixed;inset:0;background:rgba(34,24,58,.36);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:wheel-overlay-in .32s ease-out}.wheel-modal-card{width:min(620px,100%);border-radius:30px;background:#f8f3f6;border:1px solid rgba(123,77,255,.18);box-shadow:0 10px 26px rgba(48,32,84,.12),inset 0 1px 0 rgba(255,255,255,.75);padding:28px;text-align:center;position:relative;animation:modal-enter .32s cubic-bezier(.2,.82,.22,1)}.wheel-modal-card h2{margin:0;font-size:clamp(30px,3.4vw,38px);letter-spacing:0;line-height:1.18;color:#2f2350;text-shadow:none;font-weight:700}.wheel-eyebrow{margin:4px 0 12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7b4dff;font-weight:700}.wheel-subheadline{margin:12px 0 24px;font-size:16px;line-height:1.5;letter-spacing:.015em;color:#4b4171}.wheel-subheadline--intro{margin-top:8px}.wheel-title{margin:0}.wheel-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.wheel-primary,.wheel-secondary{border:0;border-radius:14px;min-height:50px;padding:0 22px;font-weight:600;font-size:15px;transition:transform .14s ease,box-shadow .18s ease,background-color .18s ease;cursor:pointer}.wheel-primary{background:linear-gradient(102deg,#7b4dff,#9a6cff);color:#fff;box-shadow:0 6px 14px rgba(91,46,143,.2);letter-spacing:.02em}.wheel-primary:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(102deg,#6d3ef2,#8c5ef2);box-shadow:0 8px 16px rgba(91,46,143,.24)}.wheel-close:focus-visible,.wheel-primary:focus-visible,.wheel-return-trigger:focus-visible,.wheel-secondary:focus-visible{outline:3px solid rgba(123,42,104,.36);outline-offset:2px}.wheel-close:disabled,.wheel-primary:disabled{cursor:not-allowed;transform:none;opacity:.64;box-shadow:none}.wheel-secondary{color:#4e3e78;background:#ffffff;border:1px solid rgba(123,77,255,.24);box-shadow:0 4px 10px rgba(91,46,143,.08);letter-spacing:.018em}.wheel-secondary:hover:not(:disabled){transform:translateY(-1px);background:#fff;border-color:rgba(123,77,255,.36)}.wheel-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:999px;background:#f2eefe;border:1px solid rgba(123,77,255,.22);color:#5b2e8f;font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding-bottom:2px}.wheel-modal-card small{display:block;margin-top:14px;color:#b32525}.wheel-note{margin:12px 0 0;font-size:12px;letter-spacing:.04em;color:#5f567f}.wheel-root{width:min(372px,84vw);aspect-ratio:1/1;margin:0 auto 18px;position:relative;filter:drop-shadow(0 10px 20px rgba(66,44,110,.16))}.wheel-stage.is-spinning .wheel-root{animation:wheel-aura-pulse 1.2s ease-in-out infinite}.wheel-pointer-wrap{position:absolute;left:50%;top:-14px;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;pointer-events:none}.wheel-pointer-glow{position:absolute;top:6px;width:30px;height:22px;margin-left:-15px;left:50%;background:radial-gradient(ellipse 80% 90% at 50% 0,rgba(255,212,0,.2) 0,transparent 70%);filter:blur(4px);z-index:0}.wheel-pointer{position:relative;z-index:1;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:22px solid #ffd400;filter:drop-shadow(0 2px 4px rgba(82,66,22,.2))}.wheel-glow{position:absolute;inset:-14px;border-radius:999px;background:radial-gradient(circle,rgba(123,77,255,.1) 0,rgba(123,77,255,0) 62%);z-index:0}.wheel-disc{width:100%;height:100%;border-radius:50%;overflow:hidden;border:10px solid #e8e1ff;background:#2c0e18;position:relative;z-index:1;transition:none;box-shadow:0 10px 20px rgba(66,44,110,.16),inset 0 2px 0 rgba(255,255,255,.5)}.wheel-disc--spinning{transition:transform 2.15s cubic-bezier(.18,.92,.22,1)}.wheel-disc.winner-highlight{animation:winner-wheel-glow 2.2s ease-in-out infinite;box-shadow:0 10px 22px rgba(46,32,84,.2),0 0 0 5px rgba(30,215,96,.22)}.wheel-track{position:absolute;inset:0;border-radius:999px;background:#7b4dff}.wheel-inner-depth{box-shadow:inset 0 1px 3px rgba(255,255,255,.08),inset 0 -3px 8px rgba(35,20,72,.14)}.wheel-inner-depth,.wheel-segment-lines{position:absolute;inset:0;border-radius:999px;pointer-events:none;z-index:1}.wheel-segment-lines{background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0deg 59.35deg,rgba(255,255,255,.62) 59.3deg 59.8deg,transparent 59.85deg 60deg);opacity:1}.wheel-surface-gloss{inset:0;border-radius:999px;background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(255,255,255,0) 42%,rgba(255,255,255,.02))}.wheel-surface-gloss,.wheel-top-sheen{position:absolute;pointer-events:none;z-index:1}.wheel-top-sheen{inset:8% 12% auto 12%;height:28%;border-radius:50%;background:radial-gradient(ellipse 100% 80% at 50% 0,rgba(255,255,255,.1) 0,transparent 72%)}.wheel-label-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;filter:drop-shadow(0 1px 1px rgba(20,6,12,.35))}.wheel-svg-label{font-size:clamp(3.1px,1.18vw,4px);font-weight:700;letter-spacing:.04em;color:#fffdfd;fill:#fffdfd;line-height:1.2;text-align:center;paint-order:stroke;stroke:rgba(42,20,82,.28);stroke-width:.32px;text-shadow:0 1px 1px rgba(24,8,16,.3)}.wheel-prize-value{margin:-6px 0 14px;color:#5b2e8f;font-size:14px;font-weight:700;letter-spacing:.02em}.wheel-center-halo{width:118px;height:118px;z-index:2;pointer-events:none;background:radial-gradient(circle,rgba(30,215,96,.14) 0,transparent 66%);filter:blur(1px);opacity:.75}.wheel-center-cap,.wheel-center-halo{position:absolute;inset:50%;transform:translate(-50%,-50%);border-radius:50%}.wheel-center-cap{width:98px;height:98px;background:#5b2e8f;border:3px solid rgba(30,215,96,.72);box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 8px 14px rgba(46,32,84,.2);z-index:3;display:flex;align-items:center;justify-content:center}.wheel-center-cap--spinning{animation:hub-energy .85s ease-in-out infinite}.wheel-center-logo{width:78px;height:78px;max-width:100%;max-height:100%;object-fit:contain;border-radius:18%;pointer-events:none;filter:none}.wheel-stage{position:relative;margin-bottom:8px;padding:12px 0 8px}.wheel-stage:before{content:"";position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(420px,92vw);aspect-ratio:1;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(123,77,255,.07) 0,transparent 70%);box-shadow:none}.wheel-stage>*{position:relative;z-index:1}.wheel-stage.is-spinning{animation:pulse-stage 1.35s ease-in-out infinite}.wheel-stage.is-success{animation:success-enter .52s ease-out}.wheel-return-trigger{position:fixed;right:16px;bottom:16px;z-index:900;border:0;border-radius:999px;height:44px;padding:0 16px;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(95deg,#6b1f5b,#7f2e6c);box-shadow:0 14px 30px rgba(79,25,67,.36)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-enter{0%{opacity:0;transform:translateY(12px) scale(.96);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes wheel-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes wheel-aura-pulse{0%,to{filter:drop-shadow(0 20px 36px rgba(42,14,34,.24)) drop-shadow(0 8px 16px rgba(90,40,70,.1));transform:translateZ(0) scale(1)}50%{filter:drop-shadow(0 24px 44px rgba(100,48,88,.32)) drop-shadow(0 10px 22px rgba(130,70,110,.18));transform:translateZ(0) scale(1.012)}}@keyframes winner-wheel-glow{0%,to{box-shadow:0 10px 22px rgba(46,32,84,.18),0 0 0 5px rgba(30,215,96,.16)}50%{box-shadow:0 12px 24px rgba(46,32,84,.2),0 0 0 7px rgba(30,215,96,.22)}}@keyframes hub-energy{0%,to{transform:translate(-50%,-50%) rotate(-2.5deg)}50%{transform:translate(-50%,-50%) rotate(2.5deg)}}@keyframes pulse-stage{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes success-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.wheel-modal-card{padding:22px 16px 18px;border-radius:22px}.wheel-modal-card h2{font-size:26px}.wheel-subheadline{font-size:15px}.wheel-root{width:min(320px,84vw)}.wheel-center-halo{width:96px;height:96px}.wheel-center-cap{width:80px;height:80px}.wheel-center-logo{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.wheel-center-cap--spinning,.wheel-disc--spinning,.wheel-disc.winner-highlight,.wheel-modal-card,.wheel-modal-overlay,.wheel-primary,.wheel-root,.wheel-secondary,.wheel-stage.is-spinning,.wheel-stage.is-success,.wheel-stage:before{animation:none!important;transition:none!important}}