@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap";:root{--teal:#0d9488;--teal-dark:#0a7a70;--teal-light:#14b8a6;--blue:#3b82f6;--blue-dark:#2563eb;--orange:#f97316;--orange-dark:#e56308;--pink:#ec4899;--pink-light:#f472b6;--bg:#fffbeb;--dark:#1e293b;--dark-mid:#334155;--dark-light:#475569;--white:#fff;--lime:#84cc16;--lime-dark:#65a30d;--red:#ef4444;--red-dark:#dc2626;--yellow:#eab308;--yellow-light:#fde047;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--border:3px solid #1e293b;--border-thick:4px solid #1e293b;--border-thin:2px solid #1e293b;--shadow-comic:5px 5px 0 #1e293b;--shadow-comic-sm:3px 3px 0 #1e293b;--shadow-comic-lg:7px 7px 0 #1e293b;--shadow-comic-xs:2px 2px 0 #1e293b;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-family:"Baloo 2", cursive, sans-serif;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background:var(--bg);color:var(--dark);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:16px;font-weight:500;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-family);font-size:1rem}.halftone{opacity:.06;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#1e293b 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}@keyframes screenIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #3b82f666}50%{box-shadow:0 0 20px #3b82f6b3}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1)}}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes stripesMove{0%{background-position:0 0}to{background-position:22.6px 0}}@keyframes spinShield{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.screen-enter{animation:.4s ease-out screenIn}.shake{animation:.5s shake}.bounce-in{animation:.6s bounceIn}.float-up{animation:.5s forwards floatUp}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}