@charset "UTF-8";.wheel-layout{display:flex;justify-content:center;align-items:center;gap:60px;min-height:100vh;padding:20px;box-sizing:border-box}@media (max-width: 900px){.wheel-layout{flex-direction:column;text-align:center;margin-top:50px}}.left-side{display:flex;flex-direction:column;align-items:center}.right-side{width:400px;display:flex;flex-direction:column;gap:16px}.email-input{padding:16px;font-size:20px;border-radius:8px;border:1px solid #bbb}.email-warning{font-size:14px;color:red}.wheel-wrapper{width:540px;height:540px;position:relative;border-radius:50%;padding:10px;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle,#b4182f,#b4182f 40%,#b4182f,#b4182f)}@media (min-width: 1500px){.wheel-wrapper{width:800px;height:800px}.right-side{margin-left:200px;margin-top:200px}}@media (max-width: 600px){.wheel-wrapper{width:90vw;height:90vw}}.wheel-wrapper:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:3px solid #fad76a;z-index:5;pointer-events:none}.wheel-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#0000 50%,#0006,#000000e6);pointer-events:none;z-index:15}@keyframes lightsBlink{0%,to{opacity:1}50%{opacity:.4}}.wheel-svg{width:100%;height:100%;transform:rotate(0);transition:transform 4s cubic-bezier(.33,1,.68,1);border-radius:50%}.wheel-pointer{position:absolute;top:-10%;left:50%;transform:translate(-50%) rotate(10deg);width:10%;max-width:60px;height:auto;z-index:20;pointer-events:none;filter:drop-shadow(0px 4px 6px rgba(0,0,0,.4))}@media (max-width: 900px){.wheel-pointer{top:-12%;width:12%;max-width:50px}}@media (max-width: 600px){.wheel-pointer{top:-14%;width:14%;max-width:42px}}.spin-button-center{position:absolute;width:165px;height:165px;border-radius:50%;border:4px solid white;top:50%;left:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:.2s;cursor:pointer;z-index:20}.spin-button-center.disabled{background:#999;cursor:not-allowed}.spin-button-center.active{background:linear-gradient(45deg,#fc0,#f60);color:#fff}.spin-button-center.active:hover{transform:translate(-50%,-50%) scale(1.1)}.spin-btn-img{position:absolute;width:200px;height:auto;-o-object-fit:contain;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:25;transition:transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto}.spin-btn-img.active:hover{transform:translate(-50%,-50%) scale(1.08)}.spin-btn-img.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.result-box{margin-top:24px;font-size:32px;font-weight:700;text-align:center}.help-button{position:absolute;top:12px;right:12px;z-index:10;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:#f03;color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center;transition:.2s ease}.help-button:hover{transform:scale(1.1);background:#d9002c}.help-button:active{transform:scale(.95)}.help-button{animation:helpPulse 3s infinite ease-in-out}@keyframes helpPulse{0%{box-shadow:0 0 12px #f039}50%{box-shadow:0 0 20px #ff0033e6}to{box-shadow:0 0 12px #f039}}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;display:flex;align-items:center;justify-content:center}.help-modal{position:relative;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;padding:24px 24px 20px;box-shadow:0 10px 30px #00000059}@media (max-width: 480px){.help-modal{padding:20px 18px 16px}}.help-close{position:absolute;top:10px;right:14px;border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#666}.help-close:hover{color:#000}.help-title{margin:0 0 10px;font-size:20px;font-weight:700;text-align:left}.help-intro{margin:0 0 14px;font-size:14px;color:#555}.help-list{margin:0 0 16px 18px;padding:0;font-size:14px;color:#333}.help-list li{margin-bottom:10px}.help-list strong{font-weight:600}.help-footer{margin:0;font-size:13px;color:#777}
