.spod-game-root{min-height:100svh;width:100vw;background:var(--spod-normal-bg,#f7f3ff);color:var(--spod-normal-text,#1f1633);font-family:var(--spod-ui-font,system-ui,sans-serif);display:flex;justify-content:center}.spod-game{width:min(var(--spod-screen-max-width,1180px),100%);min-height:100svh;padding:clamp(.75rem,2vw,1.25rem);display:grid;grid-template-rows:auto auto 1fr auto;gap:1rem}.spod-brand-row{text-align:center}.spod-brand-title{font-family:var(--spod-brand-font,system-ui,sans-serif);color:var(--spod-brand-color,#4c1d95);font-size:clamp(2.2rem,13vw,5.5rem);font-weight:900;line-height:.9;letter-spacing:-.055em}.spod-brand-suffix{color:var(--spod-brand-suffix-color,#6b6478);font-size:.4em}.spod-game-hud{display:grid;grid-template-areas:'level timer points';grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:center}.spod-game-level{grid-area:level}.spod-game-timer{grid-area:timer;text-align:center}.spod-game-points{grid-area:points;text-align:right}.spod-game-level,.spod-game-timer,.spod-game-points{background:var(--state-surface,var(--spod-normal-surface,#fff));border:1px solid var(--state-border,var(--spod-normal-border,#e7ddff));border-radius:var(--spod-answer-radius,12px);padding:.55rem .7rem;font-weight:900}.spod-game-timer{font-size:1.2em;transition:color .2s ease,transform .2s ease}.spod-game-timer.spod-timer-urgent{color:var(--spod-incorrect,#dc2626);transform:scale(1.04)}.spod-main-panel{background:var(--state-surface,var(--spod-normal-surface,#fff));border:1px solid var(--state-border,var(--spod-normal-border,#e7ddff));border-radius:var(--spod-radius,18px);padding:clamp(1rem,4vw,2rem);display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 45px rgba(76,29,149,.08)}.spod-question-meta{color:var(--state-accent,var(--spod-normal-accent,#7c3aed));font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:.65rem}.spod-question-prompt{color:var(--state-muted,var(--spod-normal-muted,#6b6478));font-weight:800;margin:0 0 .5rem;white-space:pre-line}.spod-question-stem{margin:0;color:var(--state-text,var(--spod-normal-text,#1f1633));font-family:var(--spod-question-font,system-ui,sans-serif);font-size:clamp(2rem,9vw,5rem);line-height:.98;letter-spacing:-.055em;white-space:pre-line}.spod-answer-list{display:grid;gap:.65rem;margin-top:1.25rem}.spod-answer-row,.spod-start-button,.spod-consent-button{width:100%;border:1px solid var(--state-border,var(--spod-normal-border,#e7ddff));background:var(--state-surface,#fff);color:var(--state-text,#1f1633);border-radius:var(--spod-answer-radius,12px);min-height:3.6rem;padding:.8rem .95rem;text-align:left;font-family:var(--spod-answer-font,system-ui,sans-serif);font-weight:850;cursor:pointer}.spod-answer-row{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}.spod-answer-row small,.spod-consent-button small,.spod-consent-copy small{opacity:.78;font-weight:700}.spod-answer-letter{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--state-accent,var(--spod-normal-accent,#7c3aed));color:#fff;font-weight:950}.spod-start-button,.spod-consent-button{background:var(--state-accent,var(--spod-normal-accent,#7c3aed));color:#fff;text-align:center}.spod-answer-row.correct{border-color:var(--spod-correct,#16a34a);color:var(--spod-correct,#16a34a)}.spod-answer-row.wrong{border-color:var(--spod-incorrect,#dc2626);color:var(--spod-incorrect,#dc2626)}.spod-feedback{min-height:1.8rem;color:var(--state-muted,var(--spod-normal-muted,#6b6478));font-weight:800}.spod-hidden{display:none!important}.spod-leaderboard-toggle{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;border:1px solid var(--spod-normal-border,#e7ddff);border-radius:999px;background:color-mix(in srgb,var(--spod-normal-surface,#fff) 92%,transparent);box-shadow:0 14px 36px rgba(31,22,51,.16);color:var(--spod-normal-accent,#7c3aed);font-family:var(--spod-leaderboard-font,system-ui,sans-serif);font-weight:950;padding:.8rem 1.1rem;backdrop-filter:blur(12px)}.spod-leaderboard-panel{position:fixed;inset:0;z-index:40;background:rgba(31,22,51,.22);padding:1rem;display:grid;align-items:end}.spod-leaderboard-panel[hidden]{display:none}.spod-leaderboard-drawer{background:var(--spod-leaderboard-bg,var(--spod-normal-surface,#fff));border:1px solid var(--spod-leaderboard-border,var(--spod-normal-border,#e7ddff));border-radius:var(--spod-radius,18px);box-shadow:0 24px 70px rgba(31,22,51,.22);padding:1rem;font-family:var(--spod-leaderboard-font,system-ui,sans-serif);max-width:520px;margin:0 auto;width:100%;max-height:70svh;overflow:auto}.spod-leaderboard-close{float:right;border:0;background:transparent;font-size:1.4rem;cursor:pointer}.spod-leaderboard-drawer ol{display:grid;gap:.5rem;list-style:none;padding:0;margin:.8rem 0 0}.spod-leaderboard-drawer li{display:grid;grid-template-columns:auto 1fr auto auto;gap:.6rem;align-items:center;background:var(--spod-leaderboard-row-bg,#f8fafc);border-radius:12px;padding:.7rem}.spod-rank{font-weight:950;color:var(--spod-leaderboard-rank-color,var(--spod-normal-accent,#7c3aed))}.spod-player{font-weight:850}.spod-consent-copy{display:grid;gap:.75rem;color:var(--state-muted,var(--spod-consent-muted,#cbd5e1));font-weight:750}.spod-consent-copy p{margin:0}.spod-consent-copy .spod-policy-link{border:1px solid var(--state-border,var(--spod-consent-border,#374151));background:transparent;color:var(--state-accent,var(--spod-consent-accent,#5eead4));border-radius:var(--spod-answer-radius,12px);padding:.75rem;font-weight:850;cursor:pointer}.spod-state-consent .spod-consent-button{background:var(--spod-consent-primary-bg,#facc15);color:var(--spod-consent-primary-text,#111827);border-color:var(--spod-consent-primary-border,#facc15)}.spod-policy-open{overflow:hidden}.spod-policy-drawer{position:absolute;inset:0;z-index:50;background:var(--spod-policy-bg,#f7f3ff);border-radius:inherit;padding:clamp(1rem,4vw,2rem);overflow:auto}.spod-policy-doc{max-width:760px;margin:0 auto;background:var(--spod-policy-surface,#fff);color:var(--spod-policy-text,#1f1633);border:1px solid var(--spod-policy-border,#e7ddff);border-radius:var(--spod-radius,18px);padding:clamp(1rem,4vw,2rem);box-shadow:0 24px 70px rgba(31,22,51,.16)}.spod-policy-doc h2,.spod-policy-doc h3{color:var(--spod-policy-heading,#4c1d95);line-height:1.1}.spod-policy-close{margin-top:1rem;width:100%;border:1px solid var(--spod-policy-border,#e7ddff);background:var(--spod-policy-link-bg,#f3e8ff);color:var(--spod-policy-link,#7c3aed);border-radius:12px;min-height:48px;font-weight:900;cursor:pointer}.spod-cookie-notice{font-size:.82rem;color:var(--state-muted,var(--spod-normal-muted,#6b6478));text-align:center}.spod-cookie-notice button{border:0;background:transparent;color:var(--state-accent,var(--spod-normal-accent,#7c3aed));font-weight:900;text-decoration:underline;cursor:pointer}.spod-state-normal{--state-surface:var(--spod-normal-surface,#fff);--state-border:var(--spod-normal-border,#e7ddff);--state-text:var(--spod-normal-text,#1f1633);--state-muted:var(--spod-normal-muted,#6b6478);--state-accent:var(--spod-normal-accent,#7c3aed)}.spod-state-survey{background:var(--spod-survey-bg,#fff7ed);--state-surface:var(--spod-survey-surface,#fff);--state-border:var(--spod-survey-border,#fed7aa);--state-text:var(--spod-survey-text,#2f1f0f);--state-muted:var(--spod-survey-muted,#7c5b3b);--state-accent:var(--spod-survey-accent,#f59e0b)}.spod-state-consent{background:var(--spod-consent-bg,#111827);--state-surface:var(--spod-consent-surface,#1f2937);--state-border:var(--spod-consent-border,#374151);--state-text:var(--spod-consent-text,#f9fafb);--state-muted:var(--spod-consent-muted,#cbd5e1);--state-accent:var(--spod-consent-accent,#5eead4)}.spod-state-timeout{background:var(--spod-timeout-bg,#fff1f2);--state-surface:var(--spod-timeout-surface,#fff);--state-border:var(--spod-timeout-border,#fecdd3);--state-text:var(--spod-timeout-text,#4c0519);--state-muted:var(--spod-timeout-muted,#9f1239);--state-accent:var(--spod-timeout-accent,#e11d48)}@media (max-width:640px){.spod-game{gap:.75rem}.spod-brand-title{font-size:clamp(2rem,14vw,4.2rem)}.spod-game-hud{grid-template-columns:1fr auto 1fr;font-size:.88rem}.spod-main-panel{min-height:48svh}.spod-question-stem{font-size:clamp(2rem,12vw,4.5rem)}.spod-leaderboard-panel{padding:.5rem}.spod-cookie-notice{padding-bottom:calc(.35rem + env(safe-area-inset-bottom))}}.spod-question-footer{margin-top:auto;padding-top:1rem;display:flex;justify-content:center;align-items:center;min-height:2.25rem}.spod-report-problem{appearance:none;border:0;background:transparent;color:var(--state-muted,var(--spod-normal-muted,#6b6478));font:inherit;font-size:.82rem;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:.35rem .5rem;border-radius:999px}.spod-report-problem:hover,.spod-report-problem:focus{color:var(--state-accent,var(--spod-normal-accent,#7c3aed));outline:2px solid color-mix(in srgb,var(--state-accent,var(--spod-normal-accent,#7c3aed)) 30%,transparent)}