:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}.result{display:flex;flex-direction:column;align-items:center;justify-content:center}.result.spinning{will-change:transform;transform:translateZ(0);backface-visibility:hidden;perspective:1000;-webkit-perspective:1000;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1);filter:blur(1rem)}.wheel-container{position:relative;width:100%;max-width:500px;margin:0 auto;aspect-ratio:1;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center}.wheel{width:100%;height:100%;transition:transform .1s linear;transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;image-rendering:optimizeSpeed}.spin-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 20px;border-radius:5px;border:none;background-color:#e74c3c;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background-color .3s;z-index:10}.spin-button:hover:not(:disabled){background-color:#f50057}.spin-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.wheel-image{width:40px;height:40px;transform:translateZ(0);will-change:transform;pointer-events:none;object-fit:cover;filter:brightness(.9)}.prize{display:flex;flex-direction:column;align-items:center;margin-top:2rem;padding:1rem;background:#ffffff1a;border-radius:8px}.wheel-marker{position:absolute;top:-10px;width:30px;height:15px;z-index:10}.wheel-fallback-animation{transition:transform 3s cubic-bezier(.33,0,.67,1)}