.wheel-content{background:radial-gradient(circle at 88% 8%,#ffe5cf 0 8%,transparent 8.2%),#f8f5ff;min-height:100vh}.wheel-hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.wheel-hero h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;max-width:760px;margin:12px 0;color:#28136f}.wheel-hero p:not(.eyebrow){max-width:680px;color:#75669c}.wheel-balance{background:#fff;border:1px solid #ded4fb;border-radius:24px;padding:20px 28px;min-width:230px;box-shadow:0 15px 35px #5530a514}.wheel-balance>*{display:block}.wheel-balance strong{font-size:2rem;color:#6a3df0}.wheel-balance small,.wheel-balance span{color:#7d6da3}.wheel-stage{position:relative;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);align-items:center;overflow:hidden;min-height:610px;padding:50px;border-radius:38px;background:linear-gradient(135deg,#2e167a,#6d3fe7 58%,#8a54ee);color:#fff;box-shadow:0 30px 60px #4f2da42b}.wheel-stage:after{content:"";position:absolute;width:420px;height:420px;border:80px solid #ffffff12;border-radius:50%;right:-140px;top:-180px}.wheel-copy{position:relative;z-index:3}.wheel-copy .eyebrow{color:#ffd65c}.wheel-copy h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:14px 0}.wheel-copy>p:not(.eyebrow){max-width:500px;color:#e3dafb;font-size:1.08rem}.wheel-prize-key{display:flex;gap:18px;flex-wrap:wrap;margin:26px 0}.wheel-prize-key span{display:flex;align-items:center;gap:7px;font-size:.86rem}.wheel-prize-key i{width:10px;height:10px;border-radius:50%;background:#ffb34e}.wheel-prize-key span:nth-child(2) i{background:#5be0cc}.wheel-prize-key span:nth-child(3) i{background:#fff}.wheel-copy button{border:0;border-radius:15px;background:#fff;color:#4f27bd;padding:17px 32px;font-weight:900;font-size:1.05rem;box-shadow:0 14px 28px #17094b55;cursor:pointer}.wheel-copy button:disabled{opacity:.55;cursor:default}.wheel-copy>small{display:block;margin-top:12px;color:#cbbdf7}.wheel-wrap{position:relative;z-index:2;width:min(520px,42vw);aspect-ratio:1;margin:auto;filter:drop-shadow(0 30px 35px #18084a66)}.next-wheel{position:absolute;inset:0;border:14px solid #fff;border-radius:50%;background:conic-gradient(var(--wheel-colours));transition:transform 7s cubic-bezier(.12,.72,.08,1);box-shadow:inset 0 0 0 10px #28127155}.next-wheel>span{position:absolute;left:50%;top:50%;height:47%;transform-origin:50% 0;transform:rotate(calc(var(--i)*22.5deg + 11.25deg)) translate(-50%,-100%);padding-top:22px;font-weight:900;font-size:clamp(.7rem,1.2vw,1rem);color:#fff;text-shadow:0 1px 3px #281271}.wheel-centre{position:absolute;inset:35%;border:9px solid #fff;border-radius:50%;background:#35c6b7;display:grid;place-content:center;text-align:center;box-shadow:0 8px 20px #2b147f66}.wheel-centre b{font-size:2rem}.wheel-centre small{font-weight:900;color:#fff2a3}.wheel-pointer{position:absolute;z-index:4;top:-12px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:48px solid #ffd15b;filter:drop-shadow(0 5px 3px #27116c66)}.wheel-history{background:#fff;border:1px solid #ddd3f8;border-radius:28px;margin-top:24px;padding:28px}.wheel-history header{display:flex;justify-content:space-between;align-items:center}.wheel-history h2{margin:4px 0;color:#28136f}.wheel-history header>span{background:#eee8ff;color:#6940df;border-radius:99px;padding:8px 14px;font-weight:800}.wheel-history article{display:inline-flex;align-items:center;gap:12px;background:#f8f5ff;border-radius:16px;padding:14px 18px;margin:10px 8px 0 0}.wheel-history article i{width:12px;height:12px;border-radius:50%;background:#39c6b9}.wheel-history article small,.wheel-history article strong{display:block}.wheel-history article small{color:#8879ad}.wheel-empty{color:#8879ad;padding:15px 0}@media(max-width:900px){.wheel-hero{display:block}.wheel-balance{margin-top:18px}.wheel-stage{grid-template-columns:1fr;padding:32px 22px}.wheel-wrap{width:min(82vw,480px);margin-top:35px}.next-wheel>span{font-size:.7rem}.wheel-history{padding:20px}}