.daily-wheel{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:30px;margin:24px 0}
.wheel-stage{position:relative;width:270px;height:290px;margin:25px auto 0}.wheel-pointer{position:absolute;left:calc(50% - 12px);top:-6px;color:var(--gold);font-size:28px;z-index:2;filter:drop-shadow(0 2px 3px #000000)}
.wheel-disc{position:absolute;top:14px;inset-inline:0;width:270px;height:270px;border-radius:50%;border:8px solid var(--gold);box-shadow:0 0 0 4px var(--ink),0 18px 40px #00000066;background:conic-gradient(#cea374 0 60deg,#e6cfb7 60deg 120deg,#d8b590 120deg 180deg,#e2c9ad 180deg 240deg,#e2c8ac 240deg 300deg,#dcbe9d 300deg 360deg);transition:transform 3s cubic-bezier(.1,.7,.1,1)}
.wheel-disc span{position:absolute;left:calc(50% - 32px);top:calc(50% - 13px);width:64px;text-align:center;color:#1d1813;font-weight:900;font-size:20px;transform:rotate(calc(var(--sector)*60deg + 30deg)) translateY(-85px) rotate(calc(var(--sector)*-60deg - 30deg))}
.daily-wheel ul{list-style:none;padding:0}.daily-wheel li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.daily-wheel [data-wheel-result]{min-height:48px;font-weight:700}
@media(max-width:700px){.daily-wheel{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.wheel-disc{transition:none}}