*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:#f4efe1;color:#14142b;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}:root{--bg: #F4EFE1;--ink: #14142B;--navy: #2F2E8B;--pink: #FD64B6;--green: #3FDA7C;--yellow: #FFDF49;--muted: #E8E4D4;--radius: 20px;--blue: #2F2E8B;--orange: #FD64B6;--card-bg: rgba(255,255,255,.7);--card-border: #14142B}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--muted)}::-webkit-scrollbar-thumb{background:#14142b4d;border-radius:3px}@keyframes lg-marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes lg-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes wave{0%{transform:rotate(0)}15%{transform:rotate(20deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(20deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes celebrate{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.15) rotate(5deg)}75%{transform:scale(1.05) rotate(-3deg)}}@keyframes sad-droop{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(4px) rotate(-3deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.97)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes count-up{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes score-float{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(1.2);opacity:0}}@keyframes correct-flash{0%,to{background:#3fda7c59}50%{background:#3fda7c99}}@keyframes wrong-flash{0%,to{background:#fd64b640}50%{background:#fd64b673}}@keyframes timer-warning{0%,to{color:var(--pink)}50%{color:var(--yellow)}}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress-fill{0%{width:0%}to{width:var(--target-width)}}.anim-float{animation:float 3s ease-in-out infinite}.anim-bounce{animation:bounce .8s ease-in-out infinite}.anim-wiggle{animation:wiggle .5s ease-in-out}.anim-wave{animation:wave 1.5s ease-in-out infinite}.anim-celebrate{animation:celebrate .6s ease-in-out infinite}.anim-sad{animation:sad-droop 1s ease-in-out infinite}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-spin{animation:spin 1s linear infinite}.anim-fade-in{animation:fade-in-up .5s ease forwards}.skeleton{background:linear-gradient(90deg,var(--muted) 25%,#d8d3c2 50%,var(--muted) 75%);background-size:1000px 100%;animation:shimmer 1.5s infinite linear;border-radius:8px}.live-badge{display:inline-flex;align-items:center;gap:6px;background:#3fda7c26;border:1.5px solid var(--green);color:#0a6e38;padding:4px 10px;border-radius:50px;font-size:12px;font-weight:600}.live-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:live-pulse 1.2s ease-in-out infinite}.glass-card{background:#fff;border:2px solid var(--ink);border-radius:20px;box-shadow:4px 4px 0 var(--ink)}.btn-primary{background:var(--ink);color:var(--bg);border:2px solid var(--ink);border-radius:999px;padding:14px 32px;font-family:Inter,sans-serif;font-weight:700;font-size:16px;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn-secondary{background:transparent;color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:14px 32px;font-family:Inter,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--muted)}@media (max-width: 768px){.desktop-only{display:none!important}.quiz-grid{grid-template-columns:1fr!important}}@media (min-width: 769px){.mobile-only{display:none!important}}