*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#374151;background:linear-gradient(135deg,#a8edea,#fed6e3);min-height:100vh}html{scroll-behavior:smooth}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #3B82F6;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2563eb}@keyframes correct-answer{0%,to{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 20px 10px #4ade80b3}}.animate-correct{animation:correct-answer .5s ease-in-out}@keyframes wrong-answer{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.animate-wrong{animation:wrong-answer .4s ease-in-out}.firework{position:absolute;border-radius:50%;animation:firework-explode 1.2s ease-out forwards;opacity:0}@keyframes firework-explode{0%{transform:scale(.1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-gentle{animation:bounce-gentle 2s infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .6s ease-out}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .6s ease-out}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slide-in-up .6s ease-out}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-down{animation:slide-in-down .6s ease-out}.font-kids{font-family:Fredoka,cursive}.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,#fa709a,#fee140);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-success{background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;font-weight:600;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s}.btn-primary:hover{background-color:#2563eb;box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.btn-secondary{padding:.75rem 1.5rem;background-color:#8b5cf6;color:#fff;font-weight:600;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s}.btn-secondary:hover{background-color:#7c3aed;box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.btn-success{padding:.75rem 1.5rem;background-color:#10b981;color:#fff;font-weight:600;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s}.btn-success:hover{background-color:#059669;box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.05)}.btn-outline{padding:.75rem 1.5rem;border:2px solid #D1D5DB;color:#374151;font-weight:600;border-radius:.75rem;transition:all .2s}.btn-outline:hover{border-color:#9ca3af;background-color:#f9fafb;transform:scale(1.05)}.card{background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.2)}.card-hover{background-color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.2);transition:all .3s}.card-hover:hover{box-shadow:0 25px 50px -12px #0006;transform:scale(1.05)}@media (max-width: 768px){.text-4xl{font-size:2rem}.text-5xl{font-size:2.5rem}.text-6xl{font-size:3rem}.text-7xl{font-size:3.5rem}.text-8xl{font-size:4rem}.text-9xl{font-size:4.5rem}.btn-primary,.btn-secondary,.btn-success,.btn-outline{padding:.625rem 1.25rem;font-size:.875rem}.card,.card-hover{padding:1rem;border-radius:.75rem}.space-y-8>*+*{margin-top:1.5rem}.space-y-6>*+*{margin-top:1rem}.space-y-4>*+*{margin-top:.75rem}.space-y-3>*+*{margin-top:.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.p-8{padding:1.5rem}.p-6{padding:1rem}.p-4{padding:.75rem}.px-8{padding-left:1.5rem;padding-right:1.5rem}.px-6{padding-left:1rem;padding-right:1rem}.px-4{padding-left:.75rem;padding-right:.75rem}.py-8{padding-top:1.5rem;padding-bottom:1.5rem}.py-6{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:.75rem;padding-bottom:.75rem}.mb-8{margin-bottom:1.5rem}.mb-6{margin-bottom:1rem}.mb-4{margin-bottom:.75rem}.mt-8{margin-top:1.5rem}.mt-6{margin-top:1rem}.mt-4{margin-top:.75rem}.gap-8{gap:1.5rem}.gap-6{gap:1rem}.gap-4{gap:.75rem}.gap-3{gap:.5rem}.gap-2{gap:.375rem}.text-sm{font-size:.75rem}.text-base{font-size:.875rem}.text-lg{font-size:1rem}.text-xl{font-size:1.125rem}.text-2xl{font-size:1.25rem}.text-3xl{font-size:1.5rem}header{padding:.75rem 1rem}.game-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.character-card{padding:.75rem;font-size:.875rem}.btn-group{flex-direction:column;gap:.5rem}.modal{margin:1rem;max-width:calc(100vw - 2rem)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width: 480px){.text-6xl{font-size:2.5rem}.text-7xl{font-size:3rem}.text-8xl{font-size:3.5rem}.text-9xl{font-size:4rem}.game-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.character-card{padding:.5rem;font-size:.75rem}.btn-primary,.btn-secondary,.btn-success,.btn-outline{padding:.5rem 1rem;font-size:.75rem}.card,.card-hover{padding:.75rem;border-radius:.5rem}header{padding:.5rem .75rem}.stats-grid{grid-template-columns:1fr;gap:.375rem}}@media (max-height: 500px) and (orientation: landscape){.min-h-screen{min-height:100vh}.py-8{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:.5rem;padding-bottom:.5rem}.mb-8{margin-bottom:1rem}.mb-6{margin-bottom:.75rem}.mb-4{margin-bottom:.5rem}.text-8xl{font-size:3rem}.text-9xl{font-size:3.5rem}}@media (hover: none) and (pointer: coarse){.hover\:scale-105:hover{transform:scale(1.02)}.hover\:scale-110:hover{transform:scale(1.05)}.hover\:scale-125:hover{transform:scale(1.1)}button,.btn-primary,.btn-secondary,.btn-success,.btn-outline{min-height:44px;min-width:44px}.game-card,.character-card{min-height:44px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.floating-shape{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){.animate-bounce-gentle,.animate-fade-in,.animate-scale-in,.animate-slide-in-up,.animate-slide-in-down,.floating-shape{animation:none}.hover\:scale-105:hover,.hover\:scale-110:hover,.hover\:scale-125:hover{transform:none}.transition-all,.transition-transform,.transition-colors{transition:none}}