.wheel-layout{grid-template-columns:1fr;gap:20px;display:grid}.wheel-panel{background:radial-gradient(circle at 50% 44%,#5078dc29,#0000 46%),radial-gradient(circle at 50% 44%,#d4af3729,#0000 62%),linear-gradient(160deg,#0a142cf7,#040a18f7);border:2px solid #c9a24a;border-radius:18px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #060c1ae6,inset 0 0 0 7px #c9a24a8c,0 30px 60px #0000008c,0 0 40px #d4af371f}.wheel-stage{justify-items:center;gap:18px;width:100%;padding:34px 20px 30px;display:grid;position:relative}.wheel-corner{z-index:1;background:radial-gradient(circle at 38% 32%,#eef9ff,#58b4ff 30%,#1447b0 75%,#081f5c);border:2px solid #f3cf6d;width:22px;height:22px;position:absolute;transform:rotate(45deg);box-shadow:0 0 12px #58b4ff99}.wheel-corner.is-tl{top:12px;left:12px}.wheel-corner.is-tr{top:12px;right:12px}.wheel-corner.is-bl{bottom:12px;left:12px}.wheel-corner.is-br{bottom:12px;right:12px}.wheel-banner{clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);opacity:.9;background:linear-gradient(#13306e,#0a1a44);border:1px solid #c9a24ab3;border-bottom:0;width:58px;height:190px;position:absolute;top:90px;box-shadow:inset 0 0 0 3px #c9a24a59}.wheel-banner.is-left{left:26px}.wheel-banner.is-right{right:26px}.wheel-banner i{border:2px solid #e2b34a;width:26px;height:26px;position:absolute;top:70px;left:50%;translate:-50%;rotate:45deg;box-shadow:inset 0 0 0 4px #0a1a44e6,inset 0 0 0 6px #e2b34a99}.wheel-sparks{pointer-events:none;position:absolute;inset:0}.wheel-sparks i{opacity:.2;background:#ffe7a0;border-radius:50%;animation:3.2s ease-in-out infinite wheel-twinkle;position:absolute;box-shadow:0 0 8px 2px #ffd264b3}@keyframes wheel-twinkle{0%,to{opacity:.15;transform:scale(.7)}50%{opacity:.95;transform:scale(1.25)}}.wheel-frame{z-index:1;aspect-ratio:1;filter:drop-shadow(0 26px 40px #000000b3)drop-shadow(0 0 34px #d4af3738);width:min(560px,88vw);position:relative}.wheel-svg{width:100%;height:100%;display:block;overflow:visible}.wheel-rotor{transform-origin:50%;will-change:transform;backface-visibility:hidden;transition:transform 5.6s cubic-bezier(.1,.7,.06,1);position:absolute;inset:0}.wheel-rotor .wheel-svg{width:100%;height:100%}.wheel-hub-layer{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wheel-hub-layer .wheel-hub{pointer-events:auto}.wheel-label{letter-spacing:.01em;paint-order:stroke;stroke:#0408148c;stroke-width:3px;font:700 16px Georgia,Times New Roman,serif}.wheel-label.is-muted{font-size:15px;font-weight:600}.wheel-pointer{z-index:3;filter:drop-shadow(0 6px 8px #000000a6)drop-shadow(0 0 10px #58b4ff59);width:11%;position:absolute;top:-3.5%;left:50%;translate:-50%}.wheel-hub{transform-origin:50%;transform-box:view-box}.wheel-hub.is-ready{cursor:pointer}.wheel-hub.is-ready:hover{filter:brightness(1.15)}.wheel-gem{animation:none}.wheel-seg{transition:opacity .4s,filter .4s}.wheel-seg.is-dimmed{opacity:.5}.wheel-seg.is-winner{animation:.9s ease-in-out infinite wheel-winner}@keyframes wheel-winner{0%,to{filter:brightness(1.15) drop-shadow(0 0 6px var(--seg-glow))}50%{filter:brightness(1.65) drop-shadow(0 0 22px var(--seg-glow))}}.wheel-stage.is-celebrating .wheel-gem{animation:.5s ease-in-out infinite alternate wheel-gem-flash}@keyframes wheel-gem-flash{0%{filter:brightness()}to{filter:brightness(2.2)drop-shadow(0 0 6px #7cc4ff)}}.wheel-stage.is-celebrating .wheel-frame{animation:.6s cubic-bezier(.3,1.6,.5,1) wheel-bump}@keyframes wheel-bump{0%{scale:1}40%{scale:1.035}to{scale:1}}.wheel-controls{z-index:1;text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.wheel-spin-button{min-height:52px;padding:12px 30px;font-size:1.05rem}.wheel-spin-button:not(:disabled){animation:2s ease-in-out infinite wheel-call}@keyframes wheel-call{0%,to{box-shadow:0 8px 24px #b37c1933}50%{box-shadow:0 8px 34px #ffd25a8c}}.wheel-tickets{color:#fff2cf;background:linear-gradient(#0e1a36f5,#050b1af5);border:2px solid #c9a24a;border-radius:999px;align-items:center;gap:12px;margin:0;padding:10px 34px;font:600 1.05rem Georgia,serif;display:inline-flex;position:relative;box-shadow:inset 0 0 0 3px #050b1ae6,inset 0 0 0 4px #c9a24a66,0 0 18px #d4af372e}.wheel-tickets:before,.wheel-tickets:after{content:"";background:#e2b34a;width:12px;height:12px;position:absolute;top:50%;translate:0 -50%;rotate:45deg;box-shadow:0 0 8px #ffd264b3}.wheel-tickets:before{left:-7px}.wheel-tickets:after{right:-7px}.wheel-tickets svg{color:#f3cf6d;width:24px;height:24px}.wheel-tickets strong{color:#ffd766;font-size:1.35rem}.wheel-tickets small{color:#93a4bd;font-size:.8rem;font-family:var(--font-body), sans-serif;margin-left:2px}.wheel-tickets.is-empty strong{color:#ffd766}.wheel-locked{color:#c9d3e2;margin:0;font-family:Georgia,serif}.wheel-locked strong{color:#ffd766}.wheel-error{color:var(--danger);margin:0}.wheel-side{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:16px;display:grid}.wheel-odds,.wheel-history{padding:20px 22px}.wheel-odds h2,.wheel-history h2{color:#fff2cf;font:700 1.05rem var(--font-display), Georgia, serif;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px}.wheel-odds ul,.wheel-history ul{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.wheel-odds li,.wheel-history li{background:#03091299;border:1px solid #d4af3738;border-radius:6px;justify-content:space-between;gap:10px;padding:7px 10px;display:flex}.wheel-odds li strong,.wheel-history li.is-won strong{color:var(--gold-bright)}.wheel-odds li.is-muted,.wheel-history li.is-muted{color:var(--muted)}.wheel-odds small{color:var(--muted);font-size:.78rem}.wheel-history li span{color:var(--muted);font-size:.85rem}.wheel-vouchers{border-color:#ffe282b3;align-items:center;gap:12px;padding:16px 18px;display:flex}.wheel-vouchers>svg{width:30px;height:30px;color:var(--gold-bright);flex:none}.wheel-vouchers div{flex:1;display:grid}.wheel-vouchers strong{color:#fff2cf}.wheel-vouchers small{color:var(--muted)}.wheel-result-overlay{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#01050cd1;place-items:center;padding:20px;animation:.3s both wheel-fade;display:grid;position:fixed;inset:0;overflow:hidden}@keyframes wheel-fade{0%{opacity:0}to{opacity:1}}.wheel-celebration{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.wheel-rays{background:repeating-conic-gradient(#ffd66638 0deg 7deg,#0000 7deg 18deg);width:1400px;height:1400px;animation:14s linear infinite wheel-rays-spin,.8s both wheel-fade;position:absolute;-webkit-mask:radial-gradient(circle,#000 0,#0009 28%,#0000 62%);mask:radial-gradient(circle,#000 0,#0009 28%,#0000 62%)}@keyframes wheel-rays-spin{to{rotate:360deg}}.wheel-flash{background:radial-gradient(circle,#ffecaad9,#ffc85059 35%,#0000 70%);border-radius:50%;width:520px;height:520px;animation:1.2s ease-out both wheel-flash;position:absolute}@keyframes wheel-flash{0%{opacity:0;scale:.2}20%{opacity:1}to{opacity:.35;scale:1.25}}.wheel-particle{width:calc(34px * var(--s));height:calc(34px * var(--s));opacity:0;animation:wheel-particle 1.8s cubic-bezier(.15,.75,.3,1) var(--d) forwards;position:absolute;top:50%;left:50%}.wheel-particle.is-spark{width:calc(9px * var(--s));height:calc(9px * var(--s));background:#fff3b8;border-radius:50%;box-shadow:0 0 10px 3px #ffc850e6}.wheel-particle.is-shard{filter:drop-shadow(0 0 8px #ffcd5ae6)}.wheel-particle.is-card{width:calc(30px * var(--s));height:calc(42px * var(--s));border-radius:3px;overflow:hidden;box-shadow:0 0 12px #78b4ffb3}.wheel-particle img{object-fit:contain}@keyframes wheel-particle{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(0)}12%{opacity:1}70%{opacity:1;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1) rotate(var(--r))}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y) + 90px)) scale(.8) rotate(var(--r))}}.wheel-result{z-index:1;text-align:center;justify-items:center;gap:6px;width:min(460px,100%);padding:34px 26px 26px;animation:.55s cubic-bezier(.3,1.5,.5,1) both wheel-pop;display:grid;position:relative}@keyframes wheel-pop{0%{opacity:0;transform:scale(.6)translateY(20px)}to{opacity:1;transform:none}}.wheel-result h2{color:#fff2cf;font:800 1.5rem var(--font-display), Georgia, serif;letter-spacing:.04em;text-transform:uppercase;margin:0}.wheel-result h2.wheel-result-title-won{background:linear-gradient(100deg,#b77c1f 0%,#ffe9a8 25%,#f6dc86 40%,#fff9e2 50%,#e2b447 62%,#b77c1f 100%) 0 0/220% 100%;color:#0000;filter:drop-shadow(0 2px #301a02f2)drop-shadow(0 0 14px #ffc85073);-webkit-background-clip:text;background-clip:text;font-size:1.9rem;animation:2.4s linear infinite wheel-shimmer}@keyframes wheel-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.wheel-result p{color:var(--muted);margin:0 0 10px}.wheel-result.is-won{border-color:#ffe282e6;box-shadow:0 0 0 1px #ffe28266,0 0 70px #ffc85066}.wheel-result-icon{width:78px;height:78px;color:var(--gold-bright);background:radial-gradient(circle,#d4af3733,#040a14e6 70%);border:1px solid #d4af378c;border-radius:50%;place-items:center;display:grid;position:relative}.wheel-result.is-won .wheel-result-icon{animation:1.6s ease-in-out infinite quest-glow}.wheel-result-icon svg{width:34px;height:34px}.wheel-result-close{color:#fff2cf;cursor:pointer;background:0 0;border:1px solid #d4af3766;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:10px;right:10px}@keyframes quest-glow{0%,to{box-shadow:0 0 14px #d4af3740}50%{box-shadow:0 0 34px #ffdc6eb3}}@media (max-width:1000px){.wheel-banner{display:none}}@media (max-width:520px){.wheel-stage{padding:26px 8px 22px}.wheel-tickets{padding:8px 22px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.wheel-spin-button:not(:disabled),.wheel-result.is-won .wheel-result-icon,.wheel-sparks i,.wheel-seg.is-winner,.wheel-stage.is-celebrating .wheel-gem,.wheel-stage.is-celebrating .wheel-frame,.wheel-rays,.wheel-result h2.wheel-result-title-won{animation:none}.wheel-seg.is-winner{filter:brightness(1.4)}}.booster-voucher-button{border-color:#6fd5a8b3!important}.booster-voucher-button small{color:var(--success)!important}.wheel-result:has(.wheel-won-cards){width:min(640px,100%)}.wheel-won-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;margin:4px 0 14px;padding:0;list-style:none;display:grid}.wheel-won-cards li{opacity:0;justify-items:center;gap:3px;animation:.4s both tear-fade-in;display:grid}.wheel-won-cards li:nth-child(n){animation-delay:calc(var(--i,0) * 60ms)}.wheel-won-cards span{aspect-ratio:.715;border:1px solid #b7973d;border-radius:5px;width:100%;display:block;position:relative;overflow:hidden}.wheel-won-cards span img{object-fit:cover}.wheel-won-cards small{color:#cfd8e4;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.62rem;overflow:hidden}.wheel-won-cards li[data-rarity=L] span{box-shadow:0 0 12px #ffd75b}.wheel-won-cards li[data-rarity=H] span{box-shadow:0 0 12px #7cecff,0 0 20px #cf59ff80}@media (max-width:520px){.wheel-won-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.wheel-quest-rewards{gap:6px;margin:4px 0 14px;padding:0;list-style:none;display:grid}.wheel-quest-rewards li{color:#fff2cf;background:#d4af3714;border:1px solid #d4af3766;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.wheel-quest-rewards svg{width:16px;height:16px;color:var(--gold-bright);flex:none}.wheel-quest-rewards strong{color:var(--gold-bright)}.wheel-quest-rewards a{color:var(--gold-bright);font-weight:800}.wheel-result-booster{aspect-ratio:.715;width:118px;box-shadow:0 0 26px var(--pack-glow,#5fb4ffb3), 0 14px 26px #0009;border:2px solid #f3cf6d;border-radius:8px;margin:6px 0 10px;animation:2.6s ease-in-out infinite wheel-pack-float;display:block;position:relative;overflow:hidden}.wheel-result-booster img{object-fit:cover}.wheel-result-booster:after{content:"";background:linear-gradient(115deg, transparent 30%, #ffffff73 45%, transparent 60%), var(--pack-tint,#3c8cff2e);mix-blend-mode:screen;background-size:250% 100%,auto;animation:2.4s linear infinite wheel-pack-shine;position:absolute;inset:0}.wheel-result-booster.is-classic{--pack-glow:#5fb4ffbf;--pack-tint:#3c8cff33}.wheel-result-booster.is-premium{--pack-glow:#c783ffcc;--pack-tint:#9646ff40}.wheel-result-booster.is-special{--pack-glow:#ffcf5ad9;--pack-tint:#ffbe3c38}@keyframes wheel-pack-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}@keyframes wheel-pack-shine{0%{background-position:150% 0,0 0}to{background-position:-150% 0,0 0}}.wheel-claim-booster{min-height:50px;padding:12px 26px;font-size:1.02rem;animation:1.6s ease-in-out infinite wheel-call}@media (prefers-reduced-motion:reduce){.wheel-result-booster,.wheel-result-booster:after,.wheel-claim-booster{animation:none}}@media (max-width:820px){.wheel-frame{filter:none}.wheel-frame:before{content:"";z-index:0;pointer-events:none;border-radius:50%;position:absolute;inset:3%;box-shadow:0 22px 38px #000000a6,0 0 30px #d4af3738}.wheel-rotor{z-index:1}}