.loyalty-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 0 24px;padding:22px;border:1px solid #dfe7f2;border-radius:22px;background:linear-gradient(135deg,#fff,#f6f9ff);box-shadow:0 14px 34px rgba(15,42,78,.08)}
.loyalty-empty-state[hidden]{display:none!important}.loyalty-empty-state>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#7d5900;background:#ffe9a1;font-size:1.35rem}.loyalty-empty-state h2{margin:0 0 5px;color:#17233a;font-size:1.05rem}.loyalty-empty-state p{max-width:650px;margin:0;color:#69778e;font-size:.79rem;line-height:1.5}.loyalty-empty-state a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:12px;color:#fff;background:#172d52;font-size:.74rem;font-weight:900;text-decoration:none}
.portal-roulette{grid-column:1/-1;position:relative;z-index:3;padding:20px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:radial-gradient(circle at 17% 50%,rgba(255,209,63,.13),transparent 30%),rgba(4,14,34,.38)}.portal-roulette[hidden]{display:none!important}.portal-roulette-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(280px,1.15fr);align-items:center;gap:30px}.portal-wheel-stage{position:relative;display:grid;place-items:center;min-height:330px}.portal-wheel-stage::before{content:'';position:absolute;width:285px;height:285px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,88,.2),rgba(255,220,88,0) 68%);filter:blur(5px)}.portal-wheel{position:relative;display:grid;place-items:center;width:270px;height:270px;border:10px solid #f8fafc;border-radius:50%;box-shadow:0 20px 45px rgba(0,0,0,.36),inset 0 0 0 6px rgba(12,27,54,.27);transition:transform 4.2s cubic-bezier(.12,.62,.12,1);will-change:transform}.portal-wheel::after{content:'';position:absolute;inset:10px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.portal-wheel-center{position:relative;z-index:2;display:grid;place-items:center;width:74px;height:74px;border:6px solid #fff;border-radius:50%;color:#6a4700;background:linear-gradient(145deg,#ffe887,#ffc928);box-shadow:0 7px 20px rgba(0,0,0,.3);font-size:1.25rem}.portal-wheel-pointer{position:absolute;z-index:4;top:19px;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:34px solid #fff;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35))}.portal-roulette-panel{display:grid;align-content:center;gap:10px}.portal-roulette-kicker{color:#ffd65a;font-size:.64rem;font-weight:950;letter-spacing:.11em}.portal-roulette-panel h4{margin:0;color:#fff;font-size:clamp(1.35rem,3vw,2rem)}.portal-roulette-panel>p{max-width:520px;margin:0;color:#c7d8ed;font-size:.78rem;line-height:1.55}.portal-roulette-prizes{display:flex;flex-wrap:wrap;gap:7px;margin:5px 0}.portal-roulette-prizes span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#edf5ff;background:rgba(255,255,255,.08);font-size:.64rem;font-weight:800}.portal-roulette-prizes span::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--prize-color)}#portal-roulette-play{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:min(100%,350px);min-height:48px;margin-top:4px;padding:0 18px;border:0;border-radius:14px;color:#362600;background:linear-gradient(135deg,#ffe783,#ffc928);box-shadow:0 12px 26px rgba(255,199,41,.2);font-size:.78rem;font-weight:950;cursor:pointer}#portal-roulette-play:disabled{color:#6d7786;background:#d9e0e9;box-shadow:none;cursor:not-allowed}.portal-roulette-panel>small{color:#9fb4cf;font-size:.63rem}.portal-rewards__heading #portal-roulette-status.is-error{color:#ffb8b8}.portal-roulette-result{display:grid;gap:3px;width:min(100%,350px);margin-top:5px;padding:13px 15px;border:1px solid rgba(255,223,105,.45);border-radius:14px;background:rgba(255,211,72,.12)}.portal-roulette-result[hidden]{display:none!important}.portal-roulette-result span{color:#ffd65a;font-size:.6rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.portal-roulette-result strong{color:#fff;font-size:1rem}.portal-roulette-result small{color:#cbdcf0;font-size:.65rem;line-height:1.4}
@media(max-width:760px){.loyalty-empty-state{grid-template-columns:auto 1fr}.loyalty-empty-state a{grid-column:1/-1}.portal-roulette-layout{grid-template-columns:1fr;gap:8px}.portal-wheel-stage{min-height:285px}.portal-wheel{width:235px;height:235px}.portal-wheel-stage::before{width:250px;height:250px}.portal-wheel-pointer{top:14px}.portal-roulette-panel{text-align:center}.portal-roulette-panel>p{margin-inline:auto}.portal-roulette-prizes{justify-content:center}#portal-roulette-play,.portal-roulette-result{margin-inline:auto}.portal-roulette-panel>small{text-align:center}}
@media(max-width:430px){.loyalty-empty-state{grid-template-columns:1fr;text-align:center}.loyalty-empty-state>span{margin:auto}.portal-roulette{padding:16px 12px}.portal-wheel{width:210px;height:210px;border-width:8px}.portal-wheel-center{width:62px;height:62px}.portal-wheel-stage{min-height:250px}.portal-wheel-pointer{top:9px}.portal-roulette-prizes span{font-size:.59rem}}