*{box-sizing:border-box}html{min-height:100%;background:var(--spod-normal-bg)}body{margin:0;min-height:100%;color:var(--spod-normal-text);background:radial-gradient(circle at top left,color-mix(in srgb,var(--spod-normal-accent) 12%,transparent),transparent 28rem),radial-gradient(circle at bottom right,color-mix(in srgb,var(--spod-normal-accent-2) 14%,transparent),transparent 28rem),var(--spod-normal-bg);font-family:var(--spod-ui-font);line-height:1.5}a{color:var(--spod-normal-accent);text-decoration-thickness:.08em;text-underline-offset:.18em}.spod-site-header{width:min(var(--spod-screen-max-width),calc(100% - 2rem));margin:0 auto;padding:1rem 0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.spod-brand{display:inline-flex;align-items:baseline;gap:.04em;text-decoration:none;color:var(--spod-brand-color);max-width:100%;white-space:nowrap;overflow:hidden;font-family:var(--spod-brand-font);font-weight:900;letter-spacing:-.04em;text-shadow:var(--spod-brand-shadow)}.spod-brand-main{font-size:min(var(--spod-brand-font-size,clamp(1.8rem,7vw,3rem)),4.5rem)}.spod-brand-dot{font-size:.95rem;color:var(--spod-brand-suffix-color);letter-spacing:0}.spod-nav{display:flex;align-items:center;gap:.75rem}.spod-nav ul{list-style:none;display:flex;gap:.75rem;margin:0;padding:0}.spod-nav a{text-decoration:none;font-weight:800;color:var(--spod-normal-text)}.spod-primary-button,.spod-secondary-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.72rem 1rem;border-radius:calc(var(--spod-radius) * .7);font-weight:900;text-decoration:none}.spod-nav-play,.spod-primary-button{background:var(--spod-normal-accent);color:#fff !important;box-shadow:0 10px 24px color-mix(in srgb,var(--spod-normal-accent) 24%,transparent)}.spod-secondary-button{color:var(--spod-normal-accent);background:var(--spod-normal-surface);border:1px solid var(--spod-normal-border)}.spod-landing,.spod-content{width:min(var(--spod-screen-max-width),calc(100% - 2rem));margin:0 auto}.spod-hero{min-height:calc(100svh - 9rem);display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.spod-eyebrow{color:var(--spod-normal-accent-2);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;margin:0 0 .75rem}.spod-hero h1{max-width:850px;margin:0;font-size:clamp(2.5rem,11vw,6.25rem);line-height:.92;letter-spacing:-.075em;color:var(--spod-normal-accent)}.spod-hero-copy{max-width:680px;margin:1.15rem 0 0;font-size:clamp(1.06rem,3.5vw,1.35rem);color:var(--spod-normal-muted)}.spod-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.spod-landing-custom-html{margin:0 0 3rem;color:var(--spod-landing-panel-text,var(--spod-normal-text));font-family:var(--spod-landing-copy-font,var(--spod-ui-font));font-size:var(--spod-landing-copy-font-size,1rem);font-weight:var(--spod-landing-copy-font-weight,400)}.spod-landing-custom-html>*:first-child{margin-top:0}.spod-landing-custom-html>*:last-child{margin-bottom:0}.spod-info-grid{display:grid;gap:1rem;grid-template-columns:1fr;padding:0 0 3rem}.spod-info-grid article,.spod-article{background:var(--spod-normal-surface);border:1px solid var(--spod-normal-border);box-shadow:0 18px 45px color-mix(in srgb,var(--spod-normal-accent) 10%,transparent);border-radius:var(--spod-radius);padding:1.25rem}.spod-info-grid h2,.spod-article h1{margin-top:0;color:var(--spod-normal-accent);letter-spacing:-.04em}.spod-site-footer{width:min(var(--spod-screen-max-width),calc(100% - 2rem));margin:0 auto;padding:2rem 0;color:var(--spod-normal-muted);font-size:.95rem}body.spod-play-body,body.spod-fullscreen{margin:0 !important;padding:0 !important;min-height:100svh;overflow-x:hidden;background:var(--spod-normal-bg)}.spod-play-shell{min-height:100svh;width:100vw;margin:0;padding:0}body.spod-play-body .wp-site-blocks,body.spod-fullscreen .wp-site-blocks,body.spod-play-body main,body.spod-fullscreen main,body.spod-play-body .entry-content,body.spod-fullscreen .entry-content,body.spod-play-body .wp-block-post-content,body.spod-fullscreen .wp-block-post-content{margin:0 !important;padding:0 !important;max-width:none !important;width:100% !important}body.spod-play-body h1.wp-block-post-title,body.spod-play-body .wp-block-post-title,body.spod-play-body .entry-title,body.spod-play-body .page-title{display:none !important}.spod-game,#spodenglish-play-root{min-height:100svh;width:100vw;color:var(--spod-normal-text);background:var(--state-bg,var(--spod-normal-bg));font-family:var(--spod-ui-font)}.spod-game[data-state="normal"],.spod-state-normal{--state-bg:var(--spod-normal-bg);--state-surface:var(--spod-normal-surface);--state-panel:var(--spod-normal-panel);--state-text:var(--spod-normal-text);--state-muted:var(--spod-normal-muted);--state-accent:var(--spod-normal-accent);--state-border:var(--spod-normal-border)}.spod-game[data-state="survey"],.spod-state-survey,.spod-survey{--state-bg:var(--spod-survey-bg);--state-surface:var(--spod-survey-surface);--state-panel:var(--spod-survey-surface);--state-text:var(--spod-survey-text);--state-muted:var(--spod-survey-muted);--state-accent:var(--spod-survey-accent);--state-border:var(--spod-survey-border)}.spod-game[data-state="consent"],.spod-state-consent,.spod-consent{--state-bg:var(--spod-consent-bg);--state-surface:var(--spod-consent-surface);--state-panel:var(--spod-consent-surface);--state-text:var(--spod-consent-text);--state-muted:var(--spod-consent-muted);--state-accent:var(--spod-consent-accent);--state-border:var(--spod-consent-border)}.spod-game[data-state="timeout"],.spod-state-timeout{--state-bg:var(--spod-timeout-bg);--state-surface:var(--spod-timeout-surface);--state-panel:var(--spod-timeout-surface);--state-text:var(--spod-timeout-text);--state-muted:var(--spod-timeout-text);--state-accent:var(--spod-timeout-accent);--state-border:var(--spod-timeout-accent)}.spod-game-hud{display:grid;align-items:center;gap:.6rem;font-family:var(--spod-ui-font)}.spod-game-level{grid-area:level}.spod-game-timer{grid-area:timer}.spod-game-points{grid-area:points}body.spod-layout-topbar .spod-game-hud{grid-template-areas:"level timer points";grid-template-columns:1fr auto 1fr}body.spod-layout-compact .spod-game-hud{grid-template-areas:"level points" "timer timer";grid-template-columns:1fr auto}body.spod-layout-bottom .spod-game-hud{grid-template-areas:"level timer points";grid-template-columns:1fr auto 1fr;order:20}body.spod-layout-minimal .spod-game-level{display:none}.spod-question-stem,.spod-question-text{font-family:var(--spod-question-font);color:var(--state-text,var(--spod-normal-text))}.spod-answer-list,.spod-answer-row,.spod-choice{font-family:var(--spod-answer-font)}.spod-answer-row,.spod-choice{border-radius:var(--spod-answer-radius)}.spod-leaderboard,#spod-leaderboard{font-family:var(--spod-leaderboard-font)}.spod-leaderboard-card{background:var(--spod-normal-surface);border:1px solid var(--spod-normal-border);color:var(--spod-normal-text);border-radius:var(--spod-radius)}body.spod-leaderboard-compact .spod-leaderboard-card{border-radius:calc(var(--spod-radius) * .6);box-shadow:none}body.spod-leaderboard-podium .spod-leaderboard [data-rank="1"],body.spod-leaderboard-podium #spod-leaderboard li:first-child{color:var(--spod-survey-accent);font-weight:950}.spod-game[data-state="timeout"] .spod-panel,.spod-game[data-state="timeout"] .spod-game-panel,.spod-state-timeout .spod-panel,.spod-state-timeout .spod-game-panel,.spod-timeout .spod-panel,.spod-timeout .spod-timeout-panel{background:var(--spod-timeout-surface);border-color:var(--spod-timeout-border);border-radius:var(--spod-timeout-panel-radius)}.spod-timeout-title,.spod-game[data-state="timeout"] h1,.spod-game[data-state="timeout"] h2,.spod-state-timeout h1,.spod-state-timeout h2{color:var(--spod-timeout-title-color);font-family:var(--spod-timeout-title-font);font-size:var(--spod-timeout-title-font-size);font-weight:var(--spod-timeout-title-font-weight)}.spod-timeout-message,.spod-game[data-state="timeout"] p,.spod-state-timeout p{color:var(--spod-timeout-message-color);font-family:var(--spod-timeout-message-font);font-size:var(--spod-timeout-message-font-size);font-weight:var(--spod-timeout-message-font-weight)}.spod-timeout-meta,.spod-timeout-helper,.spod-game[data-state="timeout"] .spod-meta,.spod-state-timeout .spod-meta{color:var(--spod-timeout-helper-color);font-family:var(--spod-timeout-helper-font);font-size:var(--spod-timeout-helper-font-size);font-weight:var(--spod-timeout-helper-font-weight)}.spod-timeout-restart,.spod-game[data-state="timeout"] button,.spod-state-timeout button{width:min(100%,var(--spod-timeout-restart-max-width));max-width:var(--spod-timeout-restart-max-width);min-height:var(--spod-timeout-restart-min-height);background:var(--spod-timeout-restart-bg);color:var(--spod-timeout-restart-text);border:var(--spod-timeout-restart-border-width) solid var(--spod-timeout-restart-border);border-radius:var(--spod-timeout-restart-radius);font-family:var(--spod-timeout-restart-font);font-size:var(--spod-timeout-restart-font-size);font-weight:var(--spod-timeout-restart-font-weight)}.spod-state-timeout .spod-game-timer,.spod-game[data-state="timeout"] .spod-game-timer,.spod-timeout .spod-game-timer,.spod-timeout [data-status-item="time"],.spod-timeout .spod-status-time{display:none !important}.spod-timeout-title,.spod-timeout-message,.spod-timeout-restart,.spod-survey-status-label,.spod-summary-title,.spod-summary-message,.spod-summary-restart,.spod-summary-leaderboard-title{font:inherit}.spod-game[data-state="summary"],.spod-state-summary,.spod-summary{--state-bg:var(--spod-summary-bg);--state-surface:var(--spod-summary-surface);--state-text:var(--spod-summary-text);--state-muted:var(--spod-summary-muted);--state-accent:var(--spod-summary-accent);--state-border:var(--spod-summary-border)}.spod-summary,.spod-summary-card,.spod-summary-panel{color:var(--spod-summary-text)}.spod-summary-card,.spod-summary-panel{background:var(--spod-summary-surface);border:1px solid var(--spod-summary-border);border-radius:var(--spod-radius)}.spod-summary h1,.spod-summary h2,.spod-summary h3,.spod-summary-title{color:var(--spod-summary-accent)}.spod-summary p,.spod-summary-muted,.spod-summary-message{color:var(--spod-summary-muted)}.spod-summary button,.spod-summary-restart{background:var(--spod-summary-accent);color:#fff;border-radius:var(--spod-answer-radius)}.spod-feedback-correct,.spod-choice.is-correct,.spod-answer-row.is-correct{border-color:var(--spod-correct) !important}.spod-feedback-incorrect,.spod-choice.is-incorrect,.spod-answer-row.is-incorrect{border-color:var(--spod-incorrect) !important}.spod-game-points.is-gain,.spod-points-gain{color:var(--spod-points-gain) !important}.spod-game-points.is-loss,.spod-points-loss{color:var(--spod-points-loss) !important}#spodenglish-play-root.spod-root,.spod-root{font-family:var(--spod-ui-font) !important}.spod-root .spod-header h1{font-family:var(--spod-brand-font) !important;color:var(--spod-brand-color) !important;text-shadow:var(--spod-brand-shadow) !important}.spod-root .dotcom{color:var(--spod-brand-suffix-color) !important}.spod-root .spod-question-area h2{font-family:var(--spod-question-font) !important}.spod-root .spod-choice{font-family:var(--spod-answer-font) !important;border-radius:var(--spod-answer-radius) !important}.spod-root .spod-side-card,.spod-root .spod-leaderboard{font-family:var(--spod-leaderboard-font) !important}.spod-root .spod-choice.correct{border-color:var(--spod-correct) !important}.spod-root .spod-choice.wrong{border-color:var(--spod-incorrect) !important}@media (min-width:760px){.spod-info-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:680px){.spod-site-header{align-items:flex-start}.spod-nav ul{display:none}.spod-hero{min-height:calc(100svh - 7rem);padding:2rem 0}.spod-hero-actions{flex-direction:column}.spod-primary-button,.spod-secondary-button{width:100%}}body:not(.wp-admin) .spod-game-root,body:not(.wp-admin) #spodenglish-play-root,body:not(.wp-admin) .spod-game-root *,body:not(.wp-admin) #spodenglish-play-root *{box-shadow:none !important;text-shadow:none !important;filter:none !important}.spod-hero-helper,.spod-hero-policy{margin:.9rem auto 0;max-width:44rem;color:var(--spod-normal-muted);font-weight:700}.spod-hero-policy a{color:var(--spod-normal-accent);font-weight:850}body:not(.spod-play-body) .spod-landing-intro{background:var(--spod-landing-screen-bg,transparent);color:var(--spod-landing-text,var(--spod-normal-text))}body:not(.spod-play-body) .spod-landing-hero{background:var(--spod-landing-panel-bg,transparent);color:var(--spod-landing-panel-text,var(--spod-normal-text));border:var(--spod-landing-panel-border-width,0) solid var(--spod-landing-panel-border,transparent);border-radius:var(--spod-landing-panel-radius,0);padding:var(--spod-landing-panel-padding,3rem 0)}body:not(.spod-play-body) .spod-landing-eyebrow{color:var(--spod-landing-eyebrow-color,var(--spod-normal-accent-2));font-family:var(--spod-landing-eyebrow-font,var(--spod-ui-font));font-size:var(--spod-landing-eyebrow-font-size,.82rem);font-weight:var(--spod-landing-eyebrow-font-weight,900)}body:not(.spod-play-body) .spod-landing-title{color:var(--spod-landing-title-color,var(--spod-normal-accent));font-family:var(--spod-landing-title-font,var(--spod-brand-font));font-size:var(--spod-landing-title-font-size,clamp(2.5rem,11vw,6.25rem));font-weight:var(--spod-landing-title-font-weight,900)}body:not(.spod-play-body) .spod-landing-copy{color:var(--spod-landing-copy-color,var(--spod-normal-muted));font-family:var(--spod-landing-copy-font,var(--spod-ui-font));font-size:var(--spod-landing-copy-font-size,clamp(1.06rem,3.5vw,1.35rem));font-weight:var(--spod-landing-copy-font-weight,400)}body:not(.spod-play-body) .spod-landing-primary{background:var(--spod-landing-primary-bg,var(--spod-normal-accent));color:var(--spod-landing-primary-text,#fff) !important;border:var(--spod-landing-primary-border-width,0) solid var(--spod-landing-primary-border,transparent);border-radius:var(--spod-landing-primary-radius,calc(var(--spod-radius) * .7));font-family:var(--spod-landing-primary-font,var(--spod-ui-font));font-size:var(--spod-landing-primary-font-size,1rem);font-weight:var(--spod-landing-primary-font-weight,900)}body:not(.spod-play-body) .spod-landing-secondary{background:var(--spod-landing-secondary-bg,var(--spod-normal-surface));color:var(--spod-landing-secondary-text,var(--spod-normal-accent)) !important;border:var(--spod-landing-secondary-border-width,1px) solid var(--spod-landing-secondary-border,var(--spod-normal-border));border-radius:var(--spod-landing-secondary-radius,calc(var(--spod-radius) * .7));font-family:var(--spod-landing-secondary-font,var(--spod-ui-font));font-size:var(--spod-landing-secondary-font-size,1rem);font-weight:var(--spod-landing-secondary-font-weight,900)}body:not(.spod-play-body) .spod-landing-helper,body:not(.spod-play-body) .spod-landing-policy,body:not(.spod-play-body) .spod-landing-policy a{color:var(--spod-landing-helper-color,var(--spod-normal-muted));font-family:var(--spod-landing-helper-font,var(--spod-ui-font));font-size:var(--spod-landing-helper-font-size,.95rem);font-weight:var(--spod-landing-helper-font-weight,400)}