:root{--wheel-max:520px;--wheel-segment-1:#ff6b6b;--wheel-segment-2:#4ecdc4;--wheel-segment-3:#45b7d1;--wheel-segment-4:#ffa502;--wheel-border:#ffffff8c;--wheel-spin-btn:var(--brand-accent,linear-gradient(to bottom right, #3498dbe6, #2980b9e6));--wheel-result-text:var(--blue-600,#2980b9)}html{scroll-padding-top:calc(var(--header-h,64px) + 12px)}body{font-family:var(--brand-font-family,"Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);color:var(--brand-text,#34495e);background:var(--brand-background,#f4f7f6);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;align-items:center;min-height:100dvh;margin:0;display:flex;overflow-x:hidden}main#main{text-align:center;flex-direction:column;align-items:center;width:min(92vw,940px);padding:24px 16px 40px;display:flex}main#main h1,main#main .settings-hint{text-align:center}#spinBtn{color:#fff;border-radius:var(--radius-md,10px);cursor:pointer;background:var(--wheel-spin-btn);border:1px solid #ffffff40;margin:20px auto;padding:12px 24px;font-size:1.1rem;font-weight:800;transition:transform .2s,box-shadow .2s,background-color .3s;display:block;box-shadow:0 10px 22px #0000001f}#spinBtn:hover,#spinBtn:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 14px 28px #00000029}#wheel-container{width:min(80vw, var(--wheel-max));margin:20px auto 12px;padding:16px;position:relative}canvas{border:5px solid var(--wheel-border);background:#fff;border-radius:50%;width:min(100%,425px);height:auto;margin:0 auto;display:block}#indicator{filter:drop-shadow(0 1px 2px #000000b3);z-index:2;border-bottom:22px solid #e74c3c;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(57deg)}#winner{color:var(--wheel-result-text);text-align:center;min-height:1.6em;margin-top:10px;font-size:1.4rem;font-weight:700}.seo-grid img{border-radius:20px;width:100%;height:auto;display:block;box-shadow:0 18px 30px #00000014}.button-group{text-align:center;justify-content:center;gap:1rem;margin:1rem 0;display:flex}@media (width<=520px){.seo-content-area{padding:18px 16px}#indicator{border-bottom-width:18px;border-left-width:10px;border-right-width:10px;top:-10px}canvas{border-width:4px}}