.wheel233-page{padding-top:36px;padding-bottom:48px}.wheel233-intro{text-align:center;margin-bottom:42px}.wheel233-eyebrow{color:var(--brand-primary,#ffca4f);font-size:11px;font-weight:800;letter-spacing:2px}.wheel233-intro h1{font-size:clamp(28px,4vw,46px);font-weight:850;line-height:1.2;margin:12px 0}.wheel233-intro>p{color:#a9b9d3}.wheel233-chip{display:inline-block;border:1px solid #38465e;border-radius:30px;padding:8px 14px;margin-top:14px;color:#d4ddec;font-size:12px}.wheel233-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;max-width:1050px;margin:auto}.wheel233-stage{position:relative;max-width:430px;width:100%;aspect-ratio:1;margin:auto;filter:drop-shadow(0 12px 45px #0008)}.wheel233-disc{position:absolute;inset:0;border:12px solid var(--brand-primary,#ffca4f);border-radius:50%;background:conic-gradient(#243551 0deg 45deg,#775d26 45deg 90deg,#243551 90deg 135deg,#775d26 135deg 180deg,#243551 180deg 225deg,#775d26 225deg 270deg,#243551 270deg 315deg,#775d26 315deg);box-shadow:inset 0 0 0 3px #ffffff60,0 0 0 6px #2a3146;transition:transform 5s cubic-bezier(.12,.7,.15,1);overflow:hidden}.wheel233-pointer{position:absolute;z-index:4;top:-20px;left:50%;transform:translateX(-50%);font-size:44px;line-height:1;color:#fff5c2;text-shadow:0 3px 10px #000}.wheel233-hub{position:absolute;inset:40%;border-radius:50%;background:linear-gradient(135deg,#fff0b0,var(--brand-primary,#ffca4f));display:grid;place-items:center;color:#192236;font-size:30px;box-shadow:0 3px 15px #0007;border:4px solid #fff4b4}.wheel233-label{position:absolute;inset:0;transform:rotate(var(--angle));text-align:center}.wheel233-label span{display:block;position:absolute;left:50%;top:12%;transform:translateX(-50%) rotate(90deg);font-size:14px;font-weight:850;color:white;white-space:nowrap;text-shadow:0 1px 3px #000}.wheel233-empty{position:absolute;inset:24%;display:grid;place-content:center;text-align:center;font-size:34px;font-weight:900;line-height:1.1;color:#fff0bb}.wheel233-panel{padding:28px;background:#141f32;border:1px solid #34405a;border-radius:20px}.wheel233-panel h2{font-size:22px;font-weight:800;margin-bottom:18px}.wheel233-panel>p{line-height:1.8;color:#bdcbe1}.wheel233-panel .sp-btn{margin-top:20px;width:100%}.wheel233-panel button:disabled{opacity:.55;cursor:wait}.wheel233-terms{margin-top:24px;font-size:12px;color:#9dadc5;border-top:1px solid #354158;padding-top:18px}.wheel233-terms summary{color:#dfebff;cursor:pointer}.wheel233-terms p{margin:14px 0}.wheel233-terms li{margin:6px 0}.wheel233-history{margin:50px auto 0;max-width:1050px;border-top:1px solid #303b52;padding-top:28px}.wheel233-history h2{font-size:20px;font-weight:750;margin-bottom:20px}.wheel233-history>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:15px;border-bottom:1px solid #26324a;font-size:12px}.wheel233-popup{max-width:440px;width:calc(100% - 30px);padding:26px;background:#121c30;color:#fff;border:1px solid #a68a44;border-radius:24px;text-align:center;box-shadow:0 20px 100px #000b;max-height:90dvh;overflow:auto}.wheel233-popup::backdrop{background:#030711bc;backdrop-filter:blur(6px)}.wheel233-popup h2{font-size:27px;font-weight:850;margin:12px 0}.wheel233-popup>p{margin:12px 0;line-height:1.6}.wheel233-popup .sp-btn{width:100%;margin-top:16px}.wheel233-popup>img{width:100%;max-height:200px;object-fit:contain;border-radius:12px}.wheel233-close{position:absolute;top:8px;right:12px;background:#111a2b;color:white;border:0;border-radius:50%;width:32px;height:32px;font-size:25px;z-index:2}.wheel233-popup-art{height:150px;position:relative;display:grid;place-items:center;color:var(--brand-primary,#ffca4f);background:radial-gradient(ellipse,#ffca4f20,transparent 70%)}.wheel233-popup-art>.fa-dharmachakra{font-size:140px;filter:drop-shadow(0 0 15px #ffca4f35)}.wheel233-popup-art>.fa-gift{position:absolute;font-size:30px;color:#fff0af}.wheel233-login,.wheel233-rules{display:block;margin:14px auto 0;font-size:12px;color:#becce2;background:none;border:0}.wheel233-rules{text-decoration:underline}
@media(max-width:700px){.wheel233-layout{grid-template-columns:1fr;gap:34px}.wheel233-stage{max-width:310px;width:calc(100% - 20px)}.wheel233-label span{font-size:11px}.wheel233-panel{padding:22px}.wheel233-hub{font-size:22px}.wheel233-intro{margin-bottom:34px}.wheel233-page{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.wheel233-disc{transition-duration:.1s}}

.wheel233-empty{display:none}
