.soccer-knowledge{--sk-green:#254433;--sk-gold:#ebb03a;--sk-cream:#fcfbf7;--sk-ink:#1f1f1f;--sk-sage:#e4e9dd;--sk-card:#f1f3ec;--sk-correct-fill:#d4edda;--sk-correct:#28a745;--sk-wrong-fill:#f8d7da;--sk-wrong:#dc3545;--sk-line:#d7d3c8;--sk-soft-border:color-mix(in srgb, var(--sk-green) 16%, transparent);--sk-muted-green:color-mix(in srgb, var(--sk-green) 68%, var(--sk-cream));background:var(--sk-cream);min-height:100%;color:var(--sk-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.soccer-knowledge .sk-heading{letter-spacing:0;font-family:Roboto Slab,Georgia,serif}.soccer-knowledge .sk-heading-accent{color:var(--sk-gold)}.soccer-knowledge .sk-panel{background:var(--sk-card);border:1px solid var(--sk-soft-border);box-shadow:0 14px 34px #25443317}.soccer-knowledge .sk-primary{background:var(--sk-green);color:var(--sk-cream)}.soccer-knowledge .sk-primary:hover{background:color-mix(in srgb, var(--sk-green) 90%, black)}.soccer-knowledge .sk-start,.soccer-knowledge .sk-next{background:var(--sk-gold);color:var(--sk-ink);box-shadow:none}.soccer-knowledge .sk-start:hover,.soccer-knowledge .sk-next:hover{background:color-mix(in srgb, var(--sk-gold) 88%, black)}.soccer-knowledge .sk-answer{white-space:normal;border:1px solid var(--sk-soft-border);background:var(--sk-card);min-height:44px;color:var(--sk-ink);box-shadow:none;border-radius:12px}.soccer-knowledge .sk-answer:not(:disabled):hover{border-color:color-mix(in srgb, var(--sk-green) 65%, transparent);background:var(--sk-card)}.soccer-knowledge .sk-answer-correct,.soccer-knowledge .sk-answer-correct:disabled{border:2px solid var(--sk-correct);background:var(--sk-correct-fill);color:var(--sk-ink);opacity:1!important}.soccer-knowledge .sk-answer-wrong,.soccer-knowledge .sk-answer-wrong:disabled{border:2px solid var(--sk-wrong);background:var(--sk-wrong-fill);color:var(--sk-wrong);opacity:1!important}.soccer-knowledge .sk-answer-muted:disabled{color:color-mix(in srgb, var(--sk-green) 28%, var(--sk-card));opacity:1;background:0 0;border-color:#0000}.soccer-knowledge .sk-kicker{color:color-mix(in srgb, var(--sk-gold) 82%, var(--sk-ink))}.soccer-knowledge .sk-gold-rule{background:var(--sk-gold)}.soccer-knowledge .sk-interstitial{background:var(--sk-green);color:var(--sk-cream);border-color:var(--sk-green)}.soccer-knowledge .sk-feedback{border-left:4px solid var(--sk-gold);background:#ebb03a1f}.soccer-knowledge .sk-share{border-color:var(--sk-gold);color:var(--sk-ink);background:var(--sk-gold);box-shadow:none}.soccer-knowledge .sk-share:hover{background:color-mix(in srgb, var(--sk-gold) 88%, black);border-color:color-mix(in srgb, var(--sk-gold) 88%, black)}.soccer-knowledge.sk-landing{background:var(--sk-cream);align-items:flex-start;padding-top:clamp(3rem,7vh,6rem);display:flex}.soccer-knowledge.sk-question-page,.soccer-knowledge.sk-results-page{background:var(--sk-sage)}.soccer-knowledge .sk-back-pill{background:color-mix(in srgb, var(--sk-green) 5%, transparent)}.soccer-knowledge .sk-progress-track{background:var(--sk-green)}.soccer-knowledge .sk-progress-fill{background:var(--sk-gold)}.soccer-knowledge .sk-question-card,.soccer-knowledge .sk-results-card{border-radius:16px}.soccer-knowledge .sk-feedback-pill{border-radius:10px;align-items:center;gap:.4rem;width:fit-content;padding:.6rem .85rem;font-weight:700;display:inline-flex}.soccer-knowledge .sk-feedback-correct{background:var(--sk-correct-fill);color:color-mix(in srgb, var(--sk-correct) 70%, var(--sk-ink))}.soccer-knowledge .sk-feedback-wrong{background:var(--sk-wrong-fill);color:var(--sk-wrong)}.soccer-knowledge .sk-explanation{border-left-width:4px;border-radius:0 8px 8px 0;padding:1.1rem 1.25rem;line-height:1.65}.soccer-knowledge .sk-explanation-eyebrow{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;line-height:1.2;display:flex}.soccer-knowledge .sk-explanation-correct .sk-explanation-eyebrow{color:color-mix(in srgb, var(--sk-correct) 70%, var(--sk-ink))}.soccer-knowledge .sk-explanation-wrong .sk-explanation-eyebrow{color:var(--sk-wrong)}.soccer-knowledge .sk-explanation-text{margin-top:.45rem;font-size:.875rem}.soccer-knowledge .sk-explanation-correct{border-left-color:var(--sk-correct);background:color-mix(in srgb, var(--sk-correct-fill) 62%, var(--sk-card))}.soccer-knowledge .sk-explanation-wrong{border-left-color:var(--sk-wrong);background:color-mix(in srgb, var(--sk-wrong-fill) 62%, var(--sk-card))}.soccer-knowledge .sk-score-pill{background:color-mix(in srgb, var(--sk-green) 7%, var(--sk-card));color:var(--sk-green)}.soccer-knowledge .sk-result-quote{border-left:4px solid var(--sk-correct);background:color-mix(in srgb, var(--sk-correct-fill) 55%, var(--sk-card));border-radius:0 8px 8px 0}.sk-character-thumb{aspect-ratio:1;border-radius:9999px;flex:0 5.5rem;width:clamp(3.25rem,12vw,5.5rem);overflow:hidden}.sk-character-thumb img{object-fit:cover;width:100%;height:100%}.sk-character-result{aspect-ratio:1200/630;border-radius:12px;overflow:hidden}.sk-character-thumb.sk-character-missing,.sk-character-result.sk-character-missing{border:2px dashed color-mix(in srgb, var(--sk-green) 45%, transparent);background:color-mix(in srgb, var(--sk-green) 4%, var(--sk-card))}.sk-character-result img{object-fit:cover;width:100%;height:100%}.sk-character-result span{height:100%;color:var(--sk-muted-green);justify-content:center;align-items:center;padding:1rem;font-weight:600;display:flex}.sk-pint-media{width:min(100%,26rem)}.sk-pint-media video,.sk-pint-media img{border-radius:12px;width:100%;height:auto;display:block}.sk-pint-media img{display:none}.sk-pint-liquid{transform-origin:bottom;animation:2.7s linear forwards sk-pint-fill}.sk-pint-foam{transform-origin:bottom;animation:.3s ease-out 2.7s forwards sk-foam-rise;transform:scaleY(0)}.sk-pour-stream{stroke-dasharray:24;stroke-dashoffset:24px;animation:2.75s ease-out forwards sk-pour-stream}.sk-stopwatch-button{animation:.25s ease-out sk-button-dip}.sk-stopwatch-hand{transform-origin:48px 65px;animation:2.7s cubic-bezier(.65,0,.35,1) .25s forwards sk-hand-spin}@keyframes sk-pint-fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes sk-foam-rise{0%{transform:scaleY(0)}65%{transform:scaleY(1.18)}to{transform:scaleY(1)}}@keyframes sk-pour-stream{0%{stroke-dashoffset:24px;opacity:0}8%,92%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:24px;opacity:0}}@keyframes sk-button-dip{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes sk-hand-spin{0%{transform:rotate(0)}to{transform:rotate(720deg)}}@media (prefers-reduced-motion:reduce){.sk-pint-liquid,.sk-pint-foam,.sk-pour-stream,.sk-stopwatch-button,.sk-stopwatch-hand{animation:none}.sk-pint-foam{transform:scaleY(1)}.sk-pour-stream{opacity:0}.sk-pint-media video{display:none}.sk-pint-media img{display:block}}@media (width<=639px){.soccer-knowledge.sk-landing{padding-top:2.75rem}}@media (width>=768px){.soccer-knowledge .sk-explanation-text{font-size:1rem}}.soccer-knowledge .sk-subscribed-banner{background:var(--sk-correct-fill);color:var(--sk-green);border:1px solid color-mix(in srgb, var(--sk-correct) 45%, transparent)}
