.wheel{width:min(100%,280px);margin:6px auto 16px;position:relative}.wheel-turn{aspect-ratio:1;will-change:transform;transition-property:transform;transition-timing-function:cubic-bezier(.12,.7,.1,1)}.wheel-turn svg{filter:drop-shadow(0 6px 10px #28251f33);width:100%;height:100%;display:block}.wheel-pointer{z-index:2;filter:drop-shadow(0 2px 2px #0003);border-top:22px solid #44241c;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;translate:-50%}.wheel-grab{touch-action:none;-webkit-user-select:none;user-select:none}.wheel-grab.is-live{cursor:grab}.wheel-grab.is-live:active{cursor:grabbing}.wh-sheet .wh-flick{margin:0 0 8px;font-size:14px}.wh-sheet .wh-spin{margin-top:4px}.wh-sheet .wh-note{margin:10px 0 0;font-size:14px}.wh-result{gap:4px;margin:4px 0 8px;display:grid}.wh-result strong{font-size:24px;line-height:1.15}.wh-result .muted{margin:0}.wh-list{text-align:left;color:var(--muted);margin-top:8px;font-size:14px}.wh-list summary{cursor:pointer;text-align:center}.wh-list ul{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.wh-list li{background:#0000000d;border-radius:999px;padding:4px 10px}.wh-sheet.is-won .wh-result strong{animation:.7s cubic-bezier(.2,1.4,.4,1) both wh-pop;display:inline-block}.wh-sheet.is-won .wheel-turn svg{animation:1.1s ease-out 2 both wh-glow}.wh-sheet.is-won.is-bonus .wh-result strong{color:#9a6a00}@keyframes wh-pop{0%{opacity:0;scale:.4}60%{opacity:1;scale:1.25}to{scale:1}}@keyframes wh-glow{0%{filter:drop-shadow(0 0 #f5c54200)drop-shadow(0 6px 10px #28251f33)}45%{filter:drop-shadow(0 0 26px #f5c542)drop-shadow(0 6px 10px #28251f33)}to{filter:drop-shadow(0 0 #f5c54200)drop-shadow(0 6px 10px #28251f33)}}.add-rewards{flex-wrap:wrap;gap:8px;display:flex}.flip{perspective:800px;cursor:pointer;background:0 0;border:0;width:200px;height:200px;margin:8px auto 16px;padding:0;display:block}.flip:disabled{cursor:default}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.9,.3,1.1);display:block;position:relative}.flip.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:0 8px 16px #28251f33}.flip-front{box-shadow:none}.flip-art{filter:drop-shadow(0 8px 10px #28251f33);width:100%;height:100%;display:block}.flip:not(:disabled) .flip-front{animation:1.8s ease-in-out infinite flip-wobble}.flip-back{text-align:center;background:#fcf2e6;border:4px solid #e0a526;padding:22px;transform:rotateY(180deg)}.flip-back strong{color:#44241c;font-size:22px;line-height:1.15}@keyframes flip-wobble{0%,to{rotate:-3deg}50%{rotate:3deg}}.wh-panel{gap:10px;display:grid}.wh-panel h2,.wh-panel p{margin:0}.wh-tickets{gap:8px;margin:0;padding:0;list-style:none;display:grid}.wh-tickets li{border:2px dashed var(--line);background:#fff8;border-radius:12px;gap:2px;padding:12px 14px;display:grid}.wh-tickets li.is-bonus{background:#fff6dc;border-color:#e0a526}.wh-tickets small{color:var(--muted)}.we-rules{color:var(--muted);gap:4px;margin:4px 0 8px;padding-left:20px;font-size:13px;line-height:1.6;display:grid}.we-treat{align-items:end;gap:8px;display:flex}.we-treat label{flex:1}.we-problem{color:#8a2a12;font-size:14px}.we-preview{justify-items:center;display:grid}@media (prefers-reduced-motion:reduce){.wheel-turn{transition-duration:0s!important}.wh-sheet.is-won .wh-result strong,.wh-sheet.is-won .wheel-turn svg,.flip:not(:disabled) .flip-front{animation:none}.flip-inner{transition-duration:0s}}