.rr-hero.page-hero{min-height:210px;height:auto;padding:44px 0}
.rr-hero h1{font-size:clamp(36px,4.5vw,58px)}
.rr-section{padding-top:32px!important}
.rr-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px;align-items:start}
.rr-wheel-stage{padding:28px 26px;background:radial-gradient(ellipse at 50% 40%,#31302755,transparent 65%),linear-gradient(140deg,#151c28,#0b1018)}
.rr-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.rr-heading h2{font-size:clamp(25px,3vw,35px)}
.rr-heading .eyebrow{margin-bottom:7px}
.rr-state{font-size:9px;letter-spacing:1px;padding:7px 10px;border:1px solid #829b7270;color:#bdd1af;white-space:nowrap;background:#8dba7910}
.rr-state.paused{color:#e0bc85;border-color:#a37c4870;background:#e0bc8510}
.rr-wheel-stage .wheel-scene{display:flex;align-items:center;justify-content:center;margin:8px 0 0;min-height:0;overflow:visible}
.rr-wheel-stage .wheel-mount{width:min(100%,510px);max-width:100%;flex:none;aspect-ratio:1;height:auto}
.rr-wheel-stage .wheel-mount svg{display:block;width:100%;height:100%;filter:drop-shadow(0 16px 24px #0008)}
.rr-wheel-interaction{position:relative;width:min(100%,510px);aspect-ratio:1}
.rr-wheel-interaction .wheel-mount{width:100%}
.rr-hub-action{position:absolute;left:36%;top:36%;width:28%;height:28%;border:0;border-radius:50%;background:transparent;color:var(--gold-light);cursor:pointer;transition:box-shadow .2s,background .2s}
.rr-hub-action span{position:absolute;left:0;right:0;bottom:22%;font:600 clamp(7px,.8vw,10px) var(--sans, sans-serif);letter-spacing:1px;background:#121720;padding:3px 0}
.rr-hub-action:not(:disabled):hover{background:#d4b27512;box-shadow:0 0 25px #d4b2752b,inset 0 0 18px #d4b27515}
.rr-hub-action:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
.rr-hub-action:disabled{cursor:default}
.rr-hub-action:disabled span{color:var(--muted)}
.rr-reveal-wait{padding:25px;color:var(--muted);font-size:13px}
.rr-wheel-caption{text-align:center;font-size:11px;margin:0 0 16px;color:#a4aaaf}
.rr-wheel-stage.is-confirming .wheel-hub{animation:rr-confirming 1s ease-in-out infinite alternate}
@keyframes rr-confirming{to{filter:brightness(1.5)}}
.rr-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}
.rr-controls .btn.gold{flex:1;min-height:54px;font-size:11px}
.rr-controls .btn.outline{min-height:54px}
.rr-status{min-height:24px;margin-top:16px;font-size:12px;overflow-wrap:anywhere}
.rr-status:empty{display:none}
.rr-sidebar{display:grid;gap:20px}
.rr-wallet,.rr-help,.rr-receipt{padding:25px}
.rr-wallet h2{font-size:28px;margin-bottom:18px;overflow-wrap:anywhere}
.rr-wallet-balance{display:flex;gap:10px;align-items:baseline;border-top:1px solid var(--line);padding-top:18px;margin-bottom:22px}
.rr-wallet-balance strong{font-family:var(--serif);font-size:clamp(28px,3vw,40px);line-height:1;color:var(--gold-light);font-weight:400;font-variant-numeric:tabular-nums}
.rr-wallet-balance span{font-size:9px;letter-spacing:1px;color:var(--muted)}
.rr-cost{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;font-size:12px}
.rr-cost strong{color:var(--gold-light)}
.rr-wallet .form-field{margin:0}
.rr-help .eyebrow{margin-bottom:12px}
.rr-help ol{padding-left:19px;color:var(--muted);font-size:12px;margin:0}
.rr-help li+li{margin-top:9px}
.rr-help strong{color:var(--ink)}
.rr-result:empty{display:none}
.rr-receipt{border-color:#a28a5555}
.rr-receipt h3{font-size:27px;color:var(--gold-light);margin-bottom:15px}
.rr-receipt p{font-size:12px;margin:7px 0;overflow-wrap:anywhere}
.rr-receipt small{display:block;font-size:10px;color:#8f98a8;overflow-wrap:anywhere;margin:13px 0}
.rr-receipt-image{width:90px;height:90px;object-fit:contain;float:right;margin:0 0 10px 8px}
.rr-catalog{margin-top:32px}
.rr-section-title{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.rr-section-title h2{font-size:29px}
.rr-section-title:after{content:'';flex:1;height:1px;background:var(--line)}
.rr-prizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rr-prize{padding:22px;text-align:center;transition:border-color .2s,box-shadow .2s}
.rr-prize img{width:120px;height:120px;object-fit:contain;margin:0 auto 15px}
.rr-prize h3{font-size:22px}
.rr-prize p{font-size:12px;margin:10px 0 0}
.rr-prize.is-winner{border-color:var(--gold);box-shadow:inset 0 0 36px #d4b27514}
.rr-history{margin-top:32px}
.rr-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rr-history-list .rr-receipt h3{font-size:23px}
.rr-empty,.rr-error,.rr-login{padding:30px}
.rr-error h2,.rr-login h2{margin-bottom:15px}
.rr-error p,.rr-login p{margin-bottom:22px}
@media(max-width:900px){.rr-layout{grid-template-columns:1fr}.rr-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.rr-result{grid-column:1/-1}.rr-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rr-hero.page-hero{min-height:160px;padding:30px 0}.rr-wheel-stage{padding:22px 14px}.rr-heading{align-items:flex-start}.rr-heading h2{font-size:25px}.rr-state{font-size:8px;padding:6px}.rr-sidebar{grid-template-columns:1fr}.rr-wallet,.rr-help,.rr-receipt{padding:22px}.rr-prize{padding:17px 10px}.rr-prize img{width:95px;height:95px}.rr-prize h3{font-size:18px}.rr-history-list{grid-template-columns:1fr}.rr-controls .btn.gold{width:100%;flex:auto}.rr-controls .btn.outline{width:100%}.rr-section-title h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.rr-wheel-stage.is-confirming .wheel-hub{animation:none}}