*{box-sizing:border-box}body{margin:0;padding:24px;background:#f5f7f5;font-family:Arial,sans-serif;color:#e2ffbd}.reward-panel{max-width:1120px;margin:0 auto;background:#181e24;border-radius:24px;padding:28px 32px}.brand{font-size:11px;letter-spacing:3px;color:#a1b6aa}h1{font-size:clamp(28px,4.1vw,48px);line-height:1.17;margin:16px 0 12px}.subtitle{color:#bdccbf;font-size:14px;margin-bottom:22px}#spin>input:not([type=hidden]){display:block;width:100%;height:49px;border:1px solid #cdd3d6;border-radius:8px;background:#fff;margin:9px 0;padding:12px 16px;font-size:16px;color:#243340}input:focus{outline:3px solid #a9d888;outline-offset:2px}.wheel-wrap{position:relative;width:min(100%,290px);margin:24px auto 12px}canvas{display:block;width:100%;height:auto}.wheel-pointer{position:absolute;top:-5px;left:calc(50% - 14px);font-size:28px;color:#f0cc7e;z-index:1}.consent{display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;color:#c3d0c4;margin:14px 0 20px}.consent input{width:17px;height:17px}a{color:#ddffb9}button{display:block;max-width:480px;width:100%;padding:17px 22px;margin:0 auto;background:#dfffad;border:0;border-radius:12px;font-size:18px;color:#234c3b;cursor:pointer}button:hover{background:#d2f89c}button:disabled{opacity:.6;cursor:wait}.footnote{font-size:11px;color:#8fa395;text-align:center;margin:20px 0 0}#result{max-width:700px;margin:20px auto 0;text-align:center;font-size:20px;line-height:1.8;overflow-wrap:anywhere}#result p{margin:10px 0}#result a{display:inline-block;border:1px solid #8dba75;border-radius:8px;padding:8px 18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:600px){body{padding:12px}.reward-panel{padding:20px 16px;border-radius:18px}h1{font-size:29px}h1 br{display:none}.wheel-wrap{width:240px}.consent{flex-wrap:wrap;line-height:1.7}button{font-size:16px}}

.wheel-pointer{top:calc(50% - 20px);left:auto;right:4px;color:white;font-size:37px;line-height:40px}

.wheel-pointer{right:-8px;font-size:28px}