.sp-main{max-width:720px}.sp-h1{font-size:clamp(26px,5vw,36px);letter-spacing:-.02em;margin:6px 0 10px}.sp-sub{color:var(--soft);line-height:1.6;max-width:56ch}.sp-introw{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.sp-go{font-size:16px}.sp-sound,.sp-back{font:600 13px var(--font-display);color:var(--soft);background:none;border:1px solid var(--line);border-radius:99px;padding:8px 14px;text-decoration:none;cursor:pointer}.sp-hud{display:flex;align-items:baseline;gap:18px;margin:8px 0 10px;position:relative;z-index:2}.sp-hud #spTimer{font-size:34px;min-width:56px;transition:color .15s ease}.sp-hud #spTimer.sp-urgent{color:#e0533d}@media(prefers-reduced-motion:no-preference){.sp-hud #spTimer.sp-urgent{animation:spPulse .5s ease-in-out infinite}}.sp-hud #spScore{font-size:22px;color:var(--acc)}@media(prefers-reduced-motion:no-preference){.sp-hud #spScore.sp-pop{animation:spScorePop .25s ease-out}}.sp-combo{font:700 14px var(--font-display);color:#e0533d;transform-origin:center}@media(prefers-reduced-motion:no-preference){.sp-combo.combo6{animation:spComboPulse .6s ease-in-out infinite}}#spGame{position:relative}.sp-warm-glow{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:14px;box-shadow:inset 0 0 46px 10px #db8a1f33;opacity:0;transition:opacity .22s ease-out}#spGame.sp-warm .sp-warm-glow{opacity:1}.sp-countdown{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);border-radius:14px}.sp-countdown span{font:800 76px var(--font-display);color:var(--acc);line-height:1}@media(prefers-reduced-motion:no-preference){.sp-countdown span{animation:spCdPop .4s ease-out}}@keyframes spCdPop{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}.sp-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:14px;box-shadow:inset 0 0 60px 12px #e0533d61;opacity:0;will-change:opacity}@media(prefers-reduced-motion:no-preference){.sp-vignette.flash{animation:spVignette .35s ease-out}}@keyframes spVignette{0%{opacity:0}30%{opacity:1}to{opacity:0}}.sp-burst-layer{position:fixed;inset:0;z-index:55;pointer-events:none}.sp-particle{position:fixed;width:7px;height:7px;border-radius:50%;pointer-events:none}@media(prefers-reduced-motion:no-preference){.sp-particle{animation:spBurst .5s ease-out forwards}}@keyframes spBurst{to{transform:translate(var(--dx),var(--dy)) scale(.4);opacity:0}}@keyframes spScorePop{0%{transform:scale(1)}45%{transform:scale(1.25)}75%{transform:scale(.97)}to{transform:scale(1)}}@keyframes spComboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes spPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.sp-track{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:10px 14px;display:grid;gap:6px;margin-bottom:14px;position:relative;overflow:hidden;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.035) 0 10px,transparent 10px 22px);background-size:200% 200%}@media(prefers-reduced-motion:no-preference){.sp-track.sp-speed-idle{animation:spParallax 7s linear infinite}.sp-track.sp-speed-combo3{animation:spParallax 3.2s linear infinite}.sp-track.sp-speed-combo6{animation:spParallax 1.5s linear infinite}}@keyframes spParallax{0%{background-position:0 0}to{background-position:-220px -220px}}.sp-lane{position:relative;height:26px;border-bottom:1px dashed var(--line)}.sp-lane:last-child{border-bottom:none}.sp-lane small{position:absolute;right:0;top:4px;color:var(--faint);font:600 10px var(--font-display);letter-spacing:.05em;text-transform:uppercase}.sp-racer{position:absolute;left:0;top:0;font-size:18px;transition:transform .3s ease;will-change:transform}.sp-racer-body{position:relative;display:inline-block}@media(prefers-reduced-motion:no-preference){.sp-racer-body.sp-run{animation:spBob .4s ease-in-out infinite alternate}#rBuffy .sp-racer-body.sp-run{animation-delay:.13s}#rBest .sp-racer-body.sp-run{animation-delay:.26s}.sp-racer-body.sp-zoom{animation-duration:.22s;transform-origin:left center}.sp-racer-body.sp-zoom:after{content:"";position:absolute;right:100%;top:50%;width:16px;height:2px;background:linear-gradient(90deg,transparent,var(--acc));transform:translateY(-50%);opacity:.7}}@media(prefers-reduced-motion:reduce){.sp-racer{transition:none}}@keyframes spBob{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-3px) rotate(-6deg)}}.sp-bubble{position:absolute;left:0;top:-32px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:4px 10px;font:600 12px var(--font-display);color:var(--ink);white-space:nowrap;z-index:7;box-shadow:0 2px 6px #00000014;transform-origin:14px 100%}.sp-bubble:after{content:"";position:absolute;left:14px;top:100%;border:5px solid transparent;border-top-color:var(--card)}@media(prefers-reduced-motion:no-preference){.sp-bubble:not([hidden]){animation:spBubbleIn .25s ease-out}.sp-bubble.sp-bubble-out{transition:opacity .15s ease,transform .15s ease;opacity:0;transform:scale(.92)}}@keyframes spBubbleIn{0%{transform:translateY(6px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sp-finish-banner{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}.sp-finish-banner span{display:block;width:150%;padding:8px 0;text-align:center;font:800 20px var(--font-display);letter-spacing:.15em;color:#fff;background:repeating-linear-gradient(45deg,#111 0 12px,#fff 12px 24px);transform:translate(-130%)}@media(prefers-reduced-motion:no-preference){.sp-finish-banner:not([hidden]) span{animation:spSweep .62s ease-in-out forwards}}@keyframes spSweep{0%{transform:translate(-130%)}50%{transform:translate(0)}to{transform:translate(130%)}}.sp-q{font-size:clamp(24px,6vw,34px);text-align:center;min-height:64px;margin:12px 0 16px;position:relative;z-index:2}.sp-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:2}.sp-a{font:700 22px var(--font-display);padding:20px 8px;border:1.5px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);cursor:pointer;transition:transform .12s cubic-bezier(.23,1,.32,1),border-color .1s ease,background .1s ease}.sp-a:active{transform:scale(.97)}.sp-a.ok{border-color:#1f9d6b;background:#e4f5ee}.sp-a.bad{border-color:#e0533d;background:#fdece8}@media(prefers-reduced-motion:no-preference){.sp-a.bad{animation:spShake .25s}}@keyframes spShake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}@media(prefers-reduced-motion:no-preference){.sp-stats.sp-in .lp-stat{opacity:0;animation:spStatIn .24s ease-out forwards}.sp-stats.sp-in .lp-stat:nth-child(1){animation-delay:0ms}.sp-stats.sp-in .lp-stat:nth-child(2){animation-delay:50ms}.sp-stats.sp-in .lp-stat:nth-child(3){animation-delay:.1s}.sp-stats.sp-in .lp-stat:nth-child(4){animation-delay:.15s}}@keyframes spStatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sp-verdict{color:var(--soft);line-height:1.6}@media(max-width:560px){.sp-stats{grid-template-columns:1fr 1fr}.sp-q{min-height:84px}}.sp-confetti-layer{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}.sp-confetti-piece{position:absolute;top:-6%;width:8px;height:14px;opacity:.9}@media(prefers-reduced-motion:no-preference){.sp-confetti-piece{animation-name:spConfettiFall;animation-timing-function:ease-in;animation-fill-mode:forwards}}@keyframes spConfettiFall{to{transform:translateY(115vh) rotate(var(--rot));opacity:.2}}