.wheel-page{min-height:100svh;background:var(--paper)}.wheel-header{min-height:88px;padding-block:18px}.wheel-header>a:last-child{font-size:14px;font-weight:700}.wheel-main{text-align:center;padding:10px 20px 30px;max-width:900px;margin:auto}.wheel-main h1{font-size:clamp(2.6rem,6vw,4.7rem);line-height:1.05;margin-bottom:12px;letter-spacing:-.025em}.wheel-intro{font-size:16px;margin-bottom:20px}.wheel-stage{position:relative;width:min(100%,490px);margin:0 auto 20px;aspect-ratio:1;filter:drop-shadow(0 9px 0 #14222215)}#wheel{display:block;width:100%;height:100%;will-change:transform}#wheel text{fill:white;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:33px;font-weight:800;letter-spacing:.5px}.wheel-pointer{position:absolute;z-index:2;top:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:36px solid var(--ink);filter:drop-shadow(0 2px 0 white)}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:5px solid var(--paper);border-radius:50%;background:var(--ink);color:var(--lime);width:78px;height:78px;display:grid;place-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:800}.spin-button{border:2px solid var(--ink);background:var(--lime);color:var(--ink);border-radius:6px;min-height:58px;padding:14px 36px;font:700 18px 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 4px 0 var(--ink)}.spin-button:hover:not(:disabled){background:#c7f42a}.spin-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.spin-button:disabled{cursor:wait;background:#e2e7df;box-shadow:none}.spin-button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.spin-status{font-size:14px;margin:18px 0 0;min-height:24px;color:#43504b}dialog{padding:0;border:0;border-top:10px solid var(--result-color,var(--blue));border-radius:12px;width:min(600px,calc(100% - 32px));max-height:calc(100svh - 36px);background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #0005}dialog::backdrop{background:#081a24b8;backdrop-filter:blur(5px)}.result-content{padding:28px 32px 32px}.result-eyebrow{font-size:14px;font-weight:700;letter-spacing:2px;margin:0 0 8px}dialog h2{font-size:clamp(3.2rem,10vw,5rem);color:var(--result-color);margin:0 0 20px;line-height:1}#result-instructions{font-size:17px;line-height:1.6}#result-instructions ul{padding-left:24px;margin:0 0 22px}#result-instructions li{margin:10px 0;padding-left:4px}#result-instructions p{margin-bottom:18px}.reward{padding:16px;border:1px solid var(--line);border-radius:6px}dialog .spin-button{width:100%;margin-top:8px}@media(max-width:480px){.wheel-header{padding-inline:20px;gap:16px}.wheel-main{padding-inline:16px}.wheel-intro{max-width:29ch;margin-inline:auto}.result-content{padding:24px 22px}.wheel-stage{margin-bottom:20px}.spin-button{font-size:16px}.wheel-main>.spin-button{width:min(100%,340px)}}@media(min-width:641px) and (max-height:850px){.wheel-stage{width:min(100%,390px)}.wheel-main h1{font-size:3.5rem}}

.connect-form{text-align:center;margin:22px 0 24px}.connect-qr-link{display:block;width:240px;max-width:100%;margin:0 auto 16px;border-radius:8px;overflow:hidden;background:#fff}.connect-qr{display:block;width:100%;height:auto;aspect-ratio:1}.connect-form-button{display:inline-block;padding:12px 24px;border:2px solid var(--blue);border-radius:6px;background:var(--blue);color:#fff;font-weight:700;text-decoration:none;min-height:48px}.connect-form-button:hover{background:#1038ca;border-color:#1038ca}.connect-form-button:focus-visible,.connect-qr-link:focus-visible{outline:3px solid var(--blue);outline-offset:5px}#result-instructions .connect-form-note{font-size:14px;margin:10px 0 0;color:#43504b}