:root{--navy:#07334c;--orange:#ffa64b;--muted:#58707e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 24%,#fff0dd,transparent 46%),#f3f7f9;color:var(--navy);font-family:Arial,Helvetica,sans-serif;line-height:1.5}main{max-width:900px;margin:auto;padding:20px 20px 30px}header{display:flex;align-items:center;gap:16px}.brand img{display:block;object-fit:contain}.demo{font-size:10px;font-weight:800;letter-spacing:.1em;border:1px solid #cbd9e0;border-radius:30px;padding:6px 10px}.back{margin-left:auto;font-size:13px;color:var(--navy);text-underline-offset:4px}.intro{text-align:center;margin:38px auto 22px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em}h1{font-size:clamp(38px,7vw,62px);letter-spacing:-.05em;line-height:1.05;margin:14px 0 20px}h1 em{font-family:Georgia,serif;font-weight:400;color:#a55712}.intro>p:not(.eyebrow){color:var(--muted);font-size:17px}.free{display:inline-block;font-size:12px;color:var(--muted)}.game{max-width:430px;margin:auto;text-align:center}.wheel-wrap{width:min(100%,380px);aspect-ratio:1;position:relative;margin:26px auto 28px;padding:10px;border-radius:50%;background:var(--navy);box-shadow:0 18px 40px #07334c22,0 0 0 6px white}.wheel{width:100%;height:100%;transition:transform 4.2s cubic-bezier(.12,.75,.1,1)}.wheel svg{width:100%;height:100%;display:block}.pointer{position:absolute;top:-8px;left:calc(50% - 14px);border-left:14px solid transparent;border-right:14px solid transparent;border-top:31px solid var(--navy);z-index:3;filter:drop-shadow(0 2px 1px #fff)}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:white;box-shadow:0 2px 12px #07334c25;display:flex;flex-direction:column;justify-content:center;font-size:27px;font-weight:900;line-height:1}.hub span{font-size:9px;letter-spacing:.15em;margin-top:6px}.primary,.secondary{font:700 16px/1.5 Arial,sans-serif;cursor:pointer;border:0;border-radius:12px;padding:15px 20px}.primary{background:var(--orange);color:var(--navy)}#spin{width:100%;box-shadow:0 6px 0 #e68e32}#spin span{margin-left:12px;font-size:23px;line-height:1}button:disabled{cursor:wait;opacity:.7}.secondary{background:#e9f0f4;color:var(--navy)}.hint{font-size:12px;color:var(--muted);margin:18px 0}.result{max-width:530px;margin:30px auto;background:white;border:2px solid var(--orange);border-radius:20px;padding:26px;text-align:center}.result h2{font-size:27px;line-height:1.2;margin:12px 0}.result>p:not(.eyebrow){color:var(--muted)}.result-actions{display:grid;gap:10px;margin-top:22px}.result #accepted{margin:12px 0 0;font-size:14px}.donation{display:flex;gap:18px;max-width:600px;margin:38px auto 0;padding:24px;border:1px solid #d8e3e9;border-radius:18px;background:#fff}.donation-heart{font-size:36px;color:#b86717}.donation h2{font-size:18px;line-height:1.3;margin:0 0 8px}.donation p{font-size:14px;color:var(--muted);margin:0 0 12px}.donation a{color:var(--navy);font-weight:700;font-size:14px;text-underline-offset:4px}footer{text-align:center;margin-top:32px;font-size:14px;font-weight:700}footer span{font-size:12px;color:var(--muted);font-weight:400}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a:focus-visible,button:focus-visible{outline:3px solid #176b97;outline-offset:5px}@media(max-width:420px){main{padding-inline:18px}header{gap:8px}.brand img{width:56px;height:56px}.demo{font-size:9px;padding:5px 7px}.back{font-size:11px}.intro{margin-top:28px}.intro>p:not(.eyebrow){font-size:15px}.donation{padding:18px;gap:10px}}@media(prefers-reduced-motion:reduce){.wheel{transition:none}}