.wheel-section{max-width:1192px;margin:34px auto;padding:34px 40px;background:#fff;border:1px solid #e5ebe6;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.wheel-kicker{display:block;margin-top:14px;color:#398b2a;letter-spacing:.08em;font-size:12px;font-weight:bold}.wheel-copy h2{font-size:34px;line-height:1.1;margin:12px 0}.wheel-copy p{color:#68736c}.wheel-note{font-size:13px}.wheel-area{display:flex;align-items:center;flex-direction:column;gap:16px}.wheel-shell{width:260px;height:260px;position:relative;border:9px solid #fff;border-radius:50%;box-shadow:0 5px 22px #1a2d1a25}.wheel-disk{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -22.5deg,#359c25 0 45deg,#8ac84a 45deg 90deg,#e4f2d8 90deg 135deg,#abd78a 135deg 180deg,#359c25 180deg 225deg,#8ac84a 225deg 270deg,#e4f2d8 270deg 315deg,#abd78a 315deg 360deg);border:3px solid white;transition:transform 4.5s cubic-bezier(.12,.72,.14,1)}.wheel-label{position:absolute;left:50%;top:50%;width:45px;margin:-12px 0 0 -22px;text-align:center;font-weight:bold;font-size:14px;color:#fff;text-shadow:0 1px 2px #234}.l0{transform:translateY(-94px)}.l1{transform:translate(66px,-66px)}.l2{transform:translateX(93px)}.l3{transform:translate(66px,66px)}.l4{transform:translateY(94px)}.l5{transform:translate(-66px,66px)}.l6{transform:translateX(-93px)}.l7{transform:translate(-66px,-66px)}.wheel-pointer{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:27px solid #292d2f;margin-bottom:-29px;z-index:2}.spin-button{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:5px solid white;background:#292d2f;color:#fff;font-weight:bold;box-shadow:0 2px 8px #0003;cursor:pointer}.spin-button:disabled{opacity:.75}.wheel-result{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.wheel-result[hidden]{display:none}.wheel-result>strong{font-size:24px;color:#307b25}@media(max-width:760px){.wheel-section{margin:22px 14px;padding:26px 20px;grid-template-columns:1fr;gap:18px}.wheel-copy h2{font-size:28px}.wheel-shell{width:240px;height:240px}.l0{transform:translateY(-84px)}.l1{transform:translate(59px,-59px)}.l2{transform:translateX(83px)}.l3{transform:translate(59px,59px)}.l4{transform:translateY(84px)}.l5{transform:translate(-59px,59px)}.l6{transform:translateX(-83px)}.l7{transform:translate(-59px,-59px)}}