.quiz-game{--qg-correct: #10b981;--qg-incorrect: #ef4444;--qg-gold: #fbbf24;position:relative;max-width:800px;margin:0 auto;padding:0 1rem 3rem}.qg-flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:100}.qg-flash--active{animation:flashBurst .15s ease-out}@keyframes flashBurst{0%{opacity:.5}to{opacity:0}}.qg-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:99}.qg-pips{display:flex;justify-content:center;gap:6px;padding:1.25rem 0;flex-wrap:wrap}.qg-pip{width:10px;height:10px;border-radius:50%;background:#0000001f;transition:background .3s,transform .3s}.qg-pip--correct{background:var(--qg-correct)}.qg-pip--incorrect{background:var(--qg-incorrect)}.qg-pip--pop{animation:pipPop .4s ease-out}@keyframes pipPop{0%{transform:scale(1)}40%{transform:scale(1.8)}to{transform:scale(1)}}.qg-hero{position:relative;text-align:center;padding:3rem 1.5rem 2.5rem;background:#ffffffe6;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeInUp .6s ease-out}.qg-hero__badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.4rem 1rem;background:var(--quiz-accent, #818cf8);border-radius:100px;color:#fff;margin-bottom:1.25rem;box-shadow:0 3px #00000026}.qg-hero__badge-icon{font-size:1rem;line-height:1}.qg-hero__title{font-family:var(--font-display, "Baloo 2", cursive);font-size:clamp(1.8rem,5.5vw,2.8rem);font-weight:800;color:#1c1917;margin:0 0 .75rem;line-height:1.1}.qg-hero__desc{font-size:1.05rem;color:#0000008c;margin:0 auto 1rem;line-height:1.5;max-width:500px}.qg-hero__creator{font-size:1rem;color:#00000080;margin:0 0 .75rem}.qg-hero__creator strong{font-weight:700;color:#1c1917;font-size:1.1rem}.qg-hero__meta{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.85rem;font-weight:500;color:#0006;margin-bottom:2rem}.qg-hero__meta strong{color:#0009}.qg-hero__meta-dot{width:4px;height:4px;border-radius:50%;background:#0003;flex-shrink:0}.qg-hero__begin{position:relative;display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;border-radius:50%;background:#10b981;border:none;font-size:1.3rem;font-weight:800;letter-spacing:.08em;color:#fff;cursor:pointer;box-shadow:0 6px #059669;transition:transform .2s,box-shadow .2s;z-index:1}.qg-hero__begin:hover{transform:translateY(-2px);box-shadow:0 8px #059669}.qg-hero__begin:active{transform:translateY(2px);box-shadow:0 2px #059669}.qg-hero__begin-ring{position:absolute;inset:-8px;border-radius:50%;border:3px solid rgba(16,185,129,.4);animation:pulseRing 2s ease-out infinite}@keyframes pulseRing{0%{transform:scale(1);opacity:1}to{transform:scale(1.35);opacity:0}}.qg-hero__share{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;font-weight:600;color:#1c1917;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;border-radius:10px;cursor:pointer;box-shadow:0 6px #c2410c;transition:transform .2s,box-shadow .2s}.qg-hero__share:hover{transform:translateY(-2px);box-shadow:0 8px #c2410c}.qg-hero__share:active{transform:translateY(2px);box-shadow:0 2px #c2410c}.qg-hero__share:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qg-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;background:#fff;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 10px #0000001a}.qg-progress__bar{flex:1;height:6px;background:#0000001a;border-radius:3px;position:relative;overflow:hidden}.qg-progress__fill{height:100%;background:var(--quiz-accent, #818cf8);border-radius:3px;transition:width .4s ease;width:0%}.qg-progress__glow{position:absolute;top:-2px;left:0;height:10px;background:var(--quiz-accent, #818cf8);border-radius:5px;filter:blur(6px);opacity:.5;transition:width .4s ease;width:0%}.qg-progress__text{font-weight:600;font-size:.9rem;color:#1c1917;min-width:48px}.qg-progress__timer{font-family:monospace;font-size:.9rem;color:#00000073;min-width:48px;text-align:right}.qg-streak{text-align:center;margin-bottom:1rem;font-size:.9rem;color:var(--qg-gold);font-weight:700}.qg-streak--pop{animation:streakPop .4s ease-out}.qg-streak__count{font-size:1.3rem;margin-right:4px}@keyframes streakPop{0%{transform:scale(1)}30%{transform:scale(1.3)}to{transform:scale(1)}}.qg-question{background:#ffffffe6;border-radius:16px;padding:2rem;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.qg-slide-in{animation:slideInRight .35s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.qg-question__text{font-family:var(--font-display, "Baloo 2", cursive);font-size:clamp(1.15rem,3vw,1.4rem);font-weight:600;color:#1c1917;margin:0;line-height:1.4}.qg-question__options{display:flex;flex-direction:column;gap:.65rem}.qg-option{display:flex;align-items:center;gap:.85rem;width:100%;padding:.9rem 1rem;font-size:1rem;text-align:left;color:#1c1917;background:#fff;border:2px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;position:relative;overflow:hidden}.qg-option:hover:not(:disabled){border-color:var(--quiz-accent, #818cf8);background:#f5f5f4;transform:translate(4px)}.qg-option:focus-visible{outline:2px solid var(--quiz-accent, #818cf8);outline-offset:2px}.qg-option:disabled{cursor:default}.qg-option__label{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-weight:700;font-size:.85rem;color:#fff;background:var(--quiz-accent, #818cf8);border-radius:8px;flex-shrink:0;transition:background .2s,color .2s}.qg-option__text{flex:1;line-height:1.4}.qg-option--correct{background:#10b98126;border-color:var(--qg-correct)}.qg-option--correct .qg-option__label{background:var(--qg-correct);color:#fff}.qg-starburst{animation:starburstPulse .6s ease-out}@keyframes starburstPulse{0%{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 20px 8px #10b9814d}to{box-shadow:0 0 #10b98100}}.qg-option--incorrect{background:#ef444426;border-color:var(--qg-incorrect)}.qg-option--incorrect .qg-option__label{background:var(--qg-incorrect);color:#fff}.qg-shake{animation:shakeJitter .45s ease-out}@keyframes shakeJitter{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}.qg-explanation{margin-top:1.25rem;padding:1rem 1rem 1rem 1.25rem;background:#fbbf241f;border-radius:10px;border-left:4px solid var(--qg-gold)}.qg-explanation p{margin:0;color:#92400e;font-size:.95rem;line-height:1.55}.qg-unfurl{animation:unfurlIn .35s ease-out}@keyframes unfurlIn{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0}to{opacity:1;max-height:200px}}.qg-next{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.9rem 1rem;font-size:1.05rem;font-weight:600;color:#1c1917;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;border-radius:10px;cursor:pointer;box-shadow:0 6px #c2410c;transition:transform .2s,box-shadow .2s,opacity .2s}.qg-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px #c2410c}.qg-next:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #c2410c}.qg-next:disabled{opacity:.35;cursor:default;box-shadow:0 4px #00000014}.qg-next:focus-visible{outline:2px solid #fbbf24;outline-offset:2px}.qg-restart{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:1.25rem auto 0;padding:.55rem 1.25rem;font-size:.85rem;font-weight:500;color:#0006;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.qg-restart:hover{color:#000000b3;border-color:#0003;background:#00000008}.qg-restart:focus-visible{outline:2px solid var(--quiz-accent, #818cf8);outline-offset:2px}.qg-results{text-align:center;padding:2.5rem 1.5rem;background:#ffffffe6;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:resultsPopIn .5s cubic-bezier(.22,1,.36,1)}@keyframes resultsPopIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.qg-results__ring-wrap{position:relative;width:140px;height:140px;margin:0 auto 1.5rem;background:#fff;border-radius:50%;box-shadow:0 6px #0000001f}.qg-results__ring{width:100%;height:100%}.qg-results__ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.qg-results__pct{font-family:var(--font-display, "Baloo 2", cursive);font-size:2.2rem;font-weight:700;color:#1c1917}.qg-results__score{margin-bottom:.5rem}.qg-results__score-num{font-family:var(--font-display, "Baloo 2", cursive);font-size:4rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f97316,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.qg-results__score-of{font-size:1.5rem;color:#00000059;font-weight:600}.qg-results__msg{font-family:var(--font-display, "Baloo 2", cursive);font-size:1.2rem;font-weight:600;color:#000000b3;margin:.25rem 0}.qg-results__time{font-size:.85rem;color:#00000073;margin:0 0 1.5rem}.qg-results__actions{display:flex;flex-direction:column;gap:.65rem;max-width:360px;margin:0 auto 2rem}.qg-btn{display:flex;align-items:center;justify-content:center;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s}.qg-btn--share{color:#fff;background:#10b981;box-shadow:0 6px #059669;animation:sharePulse 2s ease-in-out infinite}@keyframes sharePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.qg-btn--share:hover{transform:translateY(-2px);box-shadow:0 8px #059669}.qg-btn--share:active{transform:translateY(2px);box-shadow:0 2px #059669}.qg-btn--share-quiz{color:#1c1917;background:linear-gradient(135deg,#fbbf24,#f97316);box-shadow:0 6px #c2410c}.qg-btn--share-quiz:hover{transform:translateY(-2px);box-shadow:0 8px #c2410c}.qg-btn--share-quiz:active{transform:translateY(2px);box-shadow:0 2px #c2410c}.qg-btn--again{color:#000000a6;background:#0000000a;border:1px solid rgba(0,0,0,.12);box-shadow:0 6px #0000001a}.qg-btn--again:hover{transform:translateY(-2px);box-shadow:0 8px #0000001a;color:#1c1917}.qg-btn--again:active{transform:translateY(2px);box-shadow:0 2px #0000001a}@media(max-width:640px){.quiz-game{padding:0 .75rem 2rem}.qg-hero{padding:2rem 1rem 4.5rem}.qg-hero__share{position:absolute;top:auto;bottom:-1.5rem;right:.75rem}.qg-hero__begin{width:120px;height:120px;font-size:1.1rem}.qg-hero__share{bottom:.75rem;right:.75rem;font-size:.8rem;padding:.45rem .75rem;box-shadow:0 4px #c2410c}.qg-pip{width:8px;height:8px}.qg-pips{gap:4px}.qg-question{padding:1.25rem}.qg-results{padding:1.5rem 1rem}.qg-results__ring-wrap{width:110px;height:110px}.qg-results__score-num{font-size:3rem}}@media(prefers-reduced-motion:reduce){.qg-flash--active,.qg-hero,.qg-results,.qg-pip--pop,.qg-streak--pop,.qg-slide-in,.qg-unfurl,.qg-starburst,.qg-shake{animation:none!important}.qg-hero__begin-ring{animation:none;display:none}.qg-option,.qg-next,.qg-btn{transition:none}}.qg-tts{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:2px solid rgba(0,0,0,.12);border-radius:50%;background:#0000000d;color:#00000080;cursor:pointer;flex-shrink:0;font-size:14px;transition:all .2s}.qg-tts .fa-play{margin-left:2px}.qg-tts:hover{color:var(--quiz-accent, #818cf8);background:#818cf81a;border-color:var(--quiz-accent, #818cf8);transform:scale(1.12)}.qg-tts:active{transform:scale(.93)}.qg-tts--speaking{color:var(--quiz-accent, #818cf8);background:#818cf826;border-color:var(--quiz-accent, #818cf8);animation:ttsPulse 1s ease-in-out infinite}@keyframes ttsPulse{0%,to{transform:scale(1);box-shadow:0 0 #818cf866}50%{transform:scale(1.1);box-shadow:0 0 0 7px #818cf800}}.qg-question__header{display:flex;align-items:flex-start;gap:12px;margin-bottom:1.5rem}.qg-question__header .qg-question__text{margin:0}.qg-question__header .qg-tts{margin-top:2px}.qg-option-row{display:flex;align-items:center;gap:10px}.qg-tts--option{width:34px;height:34px;font-size:12px}.qg-option-row .qg-option{flex:1;min-width:0}@media(prefers-reduced-motion:reduce){.qg-tts--speaking{animation:none!important}.qg-tts:hover{transform:none}}