.wheel-hero{background:radial-gradient(circle at 78% 18%,#ffd85c 0 4%,#ffd85c99 10%,transparent 27%),linear-gradient(145deg,#34109c,#8239e5 54%,#ec64b7);min-height:190px}.wheel-hero p{max-width:68%}.wheel-orbit{opacity:.8}
.main-wheel-card{position:relative;overflow:hidden;border-radius:30px;padding:18px 14px 14px;background:radial-gradient(circle at 50% 26%,#502a91,#18152c 66%);box-shadow:0 22px 45px #26124944}.main-wheel-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff12,transparent 42%);pointer-events:none}.wheel-machine{position:relative;width:min(82vw,330px);height:min(82vw,330px);margin:auto;filter:drop-shadow(0 18px 24px #0008)}.wheel-disc{position:absolute;inset:16px;border-radius:50%;border:8px solid #f8e8ff;background:conic-gradient(from -22.5deg,#6f37dc 0 12.5%,#ffad4d 12.5% 25%,#3c259d 25% 37.5%,#f05ba5 37.5% 50%,#1b8f9d 50% 62.5%,#7544e8 62.5% 75%,#ef9a32 75% 87.5%,#24306f 87.5% 100%);box-shadow:inset 0 0 0 5px #ffffff38,0 0 0 7px #4c2b80;transition:transform 5.2s cubic-bezier(.12,.68,.08,1)}.wheel-disc.spinning{filter:saturate(1.18)}.wheel-disc:after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid #ffffff26}.wheel-pointer{position:absolute;z-index:5;left:50%;top:-1px;transform:translateX(-50%);color:#ffe681;font-size:34px;text-shadow:0 4px 12px #000;filter:drop-shadow(0 2px 0 #6d3c00)}.wheel-slot{position:absolute;z-index:2;left:50%;top:50%;width:58px;text-align:center;color:#fff;font-weight:950;font-size:14px;text-shadow:0 2px 4px #0009;transform-origin:0 0}.wheel-slot img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 6px #0007)}.wheel-slot.s1{transform:rotate(0deg) translateY(-118px) rotate(0deg) translateX(-29px)}.wheel-slot.s2{transform:rotate(45deg) translateY(-118px) rotate(-45deg) translateX(-29px)}.wheel-slot.s3{transform:rotate(90deg) translateY(-118px) rotate(-90deg) translateX(-29px)}.wheel-slot.s4{transform:rotate(135deg) translateY(-118px) rotate(-135deg) translateX(-29px)}.wheel-slot.s5{transform:rotate(180deg) translateY(-118px) rotate(-180deg) translateX(-29px)}.wheel-slot.s6{transform:rotate(225deg) translateY(-118px) rotate(-225deg) translateX(-29px)}.wheel-slot.s7{transform:rotate(270deg) translateY(-118px) rotate(-270deg) translateX(-29px)}.wheel-slot.s8{transform:rotate(315deg) translateY(-118px) rotate(-315deg) translateX(-29px)}.wheel-hub{position:absolute;z-index:3;left:50%;top:50%;width:64px;height:64px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;font-style:normal;font-size:28px;color:#6135cb;background:radial-gradient(circle at 35% 30%,#fff,#ffe877);box-shadow:0 8px 20px #0007,0 0 0 5px #ffffff66}.wheel-control{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 10px 4px;color:#fff}.wheel-control div{display:grid;gap:3px}.wheel-control small{color:#b9b2cc}.wheel-control button{border:0;border-radius:17px;padding:13px 22px;background:linear-gradient(135deg,#ffe37d,#ffb73f);color:#2a193d;font-weight:950;box-shadow:0 9px 20px #ffad4b33}.wheel-control button:disabled{opacity:.48}.wheel-section-title{margin-top:24px}.wheel-section-title small{color:#8d879f}.roulette-card{min-height:180px;color:#fff;background:linear-gradient(145deg,#312061,#171527);border-color:#ffffff18}.roulette-card:nth-child(2){background:linear-gradient(145deg,#165a65,#12232d)}.roulette-card>h3,.roulette-card>p,.roulette-card>footer{position:relative;z-index:2}.roulette-card h3,.roulette-card p{padding-right:104px}.roulette-card p{color:#cdc7df}.roulette-card footer b{color:#fff}.roulette-card button{background:linear-gradient(135deg,#a96cff,#6a35dc)}.roulette-card img.roulette-icon{position:absolute;z-index:3;right:14px;top:18px;width:88px;height:88px;object-fit:cover;border-radius:22px;background:#ffffff18;box-shadow:0 10px 24px #0005}.gift-card small{display:block;min-height:30px}.gift-actions{grid-template-columns:1fr}.gift-actions button.secondary{background:linear-gradient(135deg,#5c36df,#8c4ff2);color:#fff}.gift-actions button.secondary:before{content:"↗ ";}.reward-dialog.gift-case .reel-reward{padding:5px}.reel-gift{width:82px;height:82px;object-fit:contain;border-radius:14px;background:linear-gradient(145deg,#d7c6ff,#fff)}
.reward-dialog.wheel-result .reel-window{display:none}.reward-dialog.wheel-result .reward-visual{margin-top:12px}
@media(max-width:370px){.wheel-machine{width:292px;height:292px}.wheel-disc{inset:14px}.wheel-slot.s1{transform:rotate(0deg) translateY(-105px) rotate(0deg) translateX(-29px)}.wheel-slot.s2{transform:rotate(45deg) translateY(-105px) rotate(-45deg) translateX(-29px)}.wheel-slot.s3{transform:rotate(90deg) translateY(-105px) rotate(-90deg) translateX(-29px)}.wheel-slot.s4{transform:rotate(135deg) translateY(-105px) rotate(-135deg) translateX(-29px)}.wheel-slot.s5{transform:rotate(180deg) translateY(-105px) rotate(-180deg) translateX(-29px)}.wheel-slot.s6{transform:rotate(225deg) translateY(-105px) rotate(-225deg) translateX(-29px)}.wheel-slot.s7{transform:rotate(270deg) translateY(-105px) rotate(-270deg) translateX(-29px)}.wheel-slot.s8{transform:rotate(315deg) translateY(-105px) rotate(-315deg) translateX(-29px)}}