:root{--color-primary: #16A34A;--color-primary-light: #4ADE80;--color-primary-dark: #15803D;--color-danger: #DC2626;--color-danger-light: #FCA5A5;--color-warning: #D97706;--color-warning-light: #FDE68A;--color-info: #2563EB;--color-info-light: #BFDBFE;--color-secondary: #DB2777;--color-secondary-light: #FBCFE8;--color-bg: #F0EDE6;--color-surface: #FAFAF8;--color-text: #0F172A;--color-text-light: #64748B;--color-text-white: #FFFFFF;--color-dark-bg: #0F172A;--color-dark-surface: #1E293B;--color-dark-border: rgba(255, 255, 255, .08);--color-p1-bg: #EFF6FF;--color-p1-accent: #1D4ED8;--color-p2-bg: #FEF2F2;--color-p2-accent: #B91C1C;--color-p3-bg: #ECFDF5;--color-p3-accent: #047857;--color-p4-bg: #FEF3C7;--color-p4-accent: #B45309;--color-correct: #16A34A;--color-wrong: #DC2626;--color-gold: #D97706;--button-min-height: 64px;--button-min-width: 64px;--touch-target-min: 52px;--border-radius: 14px;--border-radius-lg: 22px;--border-radius-xl: 32px;--font-family: "Nunito", "Segoe UI", system-ui, sans-serif;--font-size-xs: .875rem;--font-size-sm: 1.125rem;--font-size-md: 1.5rem;--font-size-lg: 2rem;--font-size-xl: 3rem;--font-size-xxl: 4.5rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .18);--shadow-button: 0 5px 0 rgba(0, 0, 0, .28);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(.2);opacity:0}55%{transform:scale(1.1);opacity:1}75%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-10px) rotate(-1deg)}30%{transform:translate(10px) rotate(1deg)}45%{transform:translate(-8px) rotate(-.5deg)}60%{transform:translate(8px) rotate(.5deg)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes scorePop{0%{transform:scale(1)}30%{transform:scale(1.6)}60%{transform:scale(.9)}80%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes correctFlash{0%{background-color:inherit}40%{background-color:#16a34a40}to{background-color:inherit}}@keyframes wrongFlash{0%{background-color:inherit}40%{background-color:#dc262640}to{background-color:inherit}}@keyframes countdownNumber{0%{transform:scale(.3) rotate(-10deg);opacity:0}35%{transform:scale(1.25) rotate(2deg);opacity:1}70%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.4) rotate(0);opacity:0}}@keyframes confetti{0%{transform:translateY(-10px) rotate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}to{transform:translateY(0) rotate(0)}}@keyframes float-simple{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.4);opacity:0}65%{transform:scale(1.08);opacity:1}82%{transform:scale(.97)}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%{box-shadow:0 0 8px #16a34a4d}50%{box-shadow:0 0 28px #16a34acc,0 0 50px #16a34a4d}to{box-shadow:0 0 8px #16a34a4d}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes stampIn{0%{transform:scale(3);opacity:0;filter:blur(8px)}60%{transform:scale(.9);opacity:1;filter:blur(0)}80%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes blazeIn{0%{transform:translateY(60px) scale(.8);opacity:0;filter:blur(12px)}to{transform:translateY(0) scale(1);opacity:1;filter:blur(0)}}@keyframes timerUrgent{0%,to{transform:scale(1);color:var(--color-danger)}50%{transform:scale(1.15);color:#ff6b6b}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes winnerGlow{0%,to{text-shadow:0 0 20px currentColor,0 4px 0 rgba(0,0,0,.4)}50%{text-shadow:0 0 40px currentColor,0 0 70px currentColor,0 4px 0 rgba(0,0,0,.4)}}@keyframes cardReveal{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow-y:auto;overflow-x:hidden}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);background-color:var(--color-bg);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}#root{height:100%;width:100%}img,svg{display:block;max-width:100%;pointer-events:none}button{font-family:inherit;font-weight:var(--font-weight-bold);cursor:pointer;border:none;outline:none;-webkit-appearance:none;appearance:none}button:active{transform:scale(.95)}a{text-decoration:none;color:inherit}