.bonus-wheel{--bw-size: min(620px, calc(100vw - 64px) );position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:26px;background:var(--card, #0F1F35);border:1px solid var(--border, rgba(0,200,232,.15));border-radius:4px;padding:56px 40px 44px;overflow:hidden}.bonus-wheel>*:not(.tool-symbols){position:relative;z-index:1}.bonus-wheel .bw-layout{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;width:100%}.bonus-wheel .bw-side{display:flex;align-items:center}.bonus-wheel .bw-side-left{justify-content:flex-end}.bonus-wheel .bw-side-right{justify-content:flex-start}@media(max-width:1100px){.bonus-wheel .bw-layout{display:flex;flex-direction:column;gap:24px}.bonus-wheel .bw-stage{order:1}.bonus-wheel .bw-side-left{order:2}.bonus-wheel .bw-side-right{order:3}}.bonus-wheel .bw-stage{position:relative;width:var(--bw-size);height:var(--bw-size)}.bonus-wheel .bw-stage:after{content:"";position:absolute;left:50%;bottom:calc(var(--bw-size) * -.05);width:78%;height:calc(var(--bw-size) * .07);transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 68%);filter:blur(4px);z-index:0;pointer-events:none}.bonus-wheel .bw-stage:before{content:"";position:absolute;top:calc(var(--bw-size) * .055);left:50%;transform:translate(-50%);width:calc(var(--bw-size) * .13);height:calc(var(--bw-size) * .07);background:radial-gradient(ellipse,rgba(0,0,0,.32),transparent 65%);filter:blur(3px);z-index:2;pointer-events:none}.bonus-wheel .bw-pointer{position:absolute;top:calc(var(--bw-size) * -.035);left:50%;transform:translate(-50%);width:calc(var(--bw-size) * .115);height:calc(var(--bw-size) * .155);z-index:3;filter:drop-shadow(0 0 2px rgba(255,255,255,.75)) drop-shadow(0 5px 9px rgba(0,0,0,.6))}.bonus-wheel .bw-pointer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3c4,#f6d878 45%,#b8860b);clip-path:polygon(50% 100%,4% 12%,96% 12%)}.bonus-wheel .bw-pointer:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#f6d878 45%,#9a7722);box-shadow:0 1px 3px #00000073,inset 0 -1px 2px #0000004d}.bonus-wheel .bw-rim{width:100%;height:100%;border-radius:50%;padding:calc(var(--bw-size) * .034);box-sizing:border-box;background:conic-gradient(#8a6d1f,#f6d878 10%,#a9832a 22%,#fff3c4 33%,#8a6d1f 48%,#f6d878 60%,#a9832a,#fff3c4 86%,#8a6d1f);box-shadow:0 0 56px #00c8e829,0 18px 44px #0000008c,inset 0 0 12px #0009}.bonus-wheel .bw-wheel{position:relative;width:100%;height:100%;border-radius:50%;box-sizing:border-box;border:calc(var(--bw-size) * .008) solid #241c06;transition:transform 4.5s cubic-bezier(.17,.67,.12,.99);will-change:transform}.bonus-wheel .bw-inner-ring{position:absolute;inset:24%;border-radius:50%;border:calc(var(--bw-size) * .004) solid rgba(246,216,120,.28);pointer-events:none;z-index:0}.bonus-wheel .bw-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;border:calc(var(--bw-size) * .006) solid rgba(246,216,120,.55);pointer-events:none;z-index:1}.bonus-wheel .bw-wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 32%),radial-gradient(circle at 32% 26%,rgba(255,255,255,.15),transparent 52%),radial-gradient(circle at 50% 50%,transparent 56%,rgba(0,0,0,.34) 100%);pointer-events:none;z-index:1}.bonus-wheel .bw-sep{position:absolute;top:0;left:calc(50% - 1px);width:2px;height:50%;transform-origin:50% 100%;background:linear-gradient(to top,#fff0 4%,#ffffff4d 40%,#ffffff8c);pointer-events:none}.bonus-wheel .bw-label{position:absolute;top:50%;left:50%;width:calc(var(--bw-size) * .44);height:calc(var(--bw-size) * .09);margin-top:calc(var(--bw-size) * -.045);transform-origin:0 50%;display:flex;align-items:center;justify-content:flex-end;padding-left:calc(var(--bw-size) * .115);padding-right:calc(var(--bw-size) * .022);box-sizing:border-box;font-family:var(--font-display, sans-serif);font-weight:800;font-size:calc(var(--bw-size) * .031);letter-spacing:.01em;white-space:nowrap;overflow:hidden;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1}.bonus-wheel .bw-stud{position:absolute;top:50%;left:50%;width:calc(var(--bw-size) * .033);height:calc(var(--bw-size) * .033);border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff3c4,#f6d878 45%,#9a7722);box-shadow:0 2px 4px #0009,inset 0 -1px 2px #00000059;z-index:2;pointer-events:none}.bonus-wheel .bw-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--bw-size) * .2);height:calc(var(--bw-size) * .2);border-radius:50%;background:radial-gradient(circle at 36% 30%,#22375c,var(--navy, #080F1E) 72%);border:calc(var(--bw-size) * .014) solid transparent;background-clip:padding-box;box-shadow:0 0 0 calc(var(--bw-size) * .014) #f6d878,0 0 0 calc(var(--bw-size) * .018) #8a6d1f,0 6px 18px #000000a6,inset 0 2px 6px #ffffff24;z-index:2;display:flex;align-items:center;justify-content:center}.bonus-wheel .bw-hub span{font-family:var(--font-display, sans-serif);font-weight:800;font-size:calc(var(--bw-size) * .052);color:#f6d878;text-shadow:0 2px 4px rgba(0,0,0,.5)}.bonus-wheel .bw-spin{font-family:var(--font-body, sans-serif);font-size:15px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy, #080F1E);background:linear-gradient(135deg,var(--gold, #FFB800),#FF8C00);border:none;border-radius:2px;padding:18px 52px;cursor:pointer;box-shadow:0 0 22px #ffb80047;transition:filter .2s,box-shadow .2s}.bonus-wheel .bw-spin:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 36px #ffb80080}.bonus-wheel .bw-spin:disabled{opacity:.55;cursor:default}.bonus-wheel .bw-result{min-height:28px;max-width:300px;font-family:var(--font-body, sans-serif);font-size:19px;color:var(--white, #F0F6FF);text-align:left;line-height:1.55}.bonus-wheel .bw-result strong{font-size:24px}@media(max-width:1100px){.bonus-wheel .bw-result{text-align:center;max-width:420px}}.bonus-wheel .bw-result strong{font-family:var(--font-display, sans-serif);color:var(--gold, #FFB800)}.bonus-wheel .bw-result .bw-detail{color:var(--muted, #5A7A9A)}.bonus-wheel .bw-result .bw-cta{display:inline-block;margin:12px 6px 0 0;font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--teal, #00C8E8);text-decoration:none;border:1px solid var(--border, rgba(0,200,232,.15));border-radius:2px;padding:7px 12px;transition:border-color .2s,background .2s}.bonus-wheel .bw-result .bw-cta:hover{border-color:var(--teal, #00C8E8);background:#00c8e814}.bonus-wheel .bw-disclaimer{font-family:var(--font-body, sans-serif);font-size:11px;color:var(--muted, #5A7A9A);text-align:center;max-width:420px;line-height:1.5}.bonus-wheel .bw-bulb{position:absolute;top:50%;left:50%;width:calc(var(--bw-size) * .022);height:calc(var(--bw-size) * .022);border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffffff,var(--bulb, #fff3c4) 60%);box-shadow:0 0 calc(var(--bw-size) * .012) var(--bulb-glow, rgba(255,243,196,.75)),0 0 calc(var(--bw-size) * .03) var(--bulb-glow, rgba(255,184,0,.65)),inset 0 -1px 2px #0000004d;z-index:2;pointer-events:none;animation:bw-blink 1.1s ease-in-out infinite}.bonus-wheel .bw-bulb-alt{animation-delay:.55s}@keyframes bw-blink{0%,to{opacity:1}50%{opacity:.3}}.bonus-wheel .bw-pointer{transform-origin:50% 12%}.bonus-wheel.is-spinning .bw-pointer{animation:bw-flap .14s ease-in-out infinite alternate}@keyframes bw-flap{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(-9deg)}}@media(prefers-reduced-motion:reduce){.bonus-wheel .bw-wheel{transition-duration:.4s!important}.bonus-wheel .bw-bulb,.bonus-wheel.is-spinning .bw-pointer{animation:none}}.ranking-filters[data-astro-cid-j7pv25f6]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-chip[data-astro-cid-j7pv25f6]{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.03em;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:999px;padding:8px 16px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.filter-chip[data-astro-cid-j7pv25f6]:hover{color:var(--white);border-color:var(--teal)}.filter-chip[data-astro-cid-j7pv25f6].is-active{color:var(--navy);background:var(--teal);border-color:var(--teal)}@media(max-width:900px){section[data-astro-cid-j7pv25f6][style*="padding:80px 48px"]{padding:60px 20px!important}section[data-astro-cid-j7pv25f6][style*="padding:0 48px"]{padding:0 20px 80px!important}section[data-astro-cid-j7pv25f6][style*="grid-template-columns:1fr 1fr"]>div[data-astro-cid-j7pv25f6]{grid-template-columns:1fr!important;gap:48px!important}.hero-section[data-astro-cid-j7pv25f6]{padding:100px 20px 60px!important}}