@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;600;800&family=Fredoka:wght@500;600&display=swap";:root{--bg: #0f1226;--bg-soft: #171a34;--surface: #1e2240;--surface-2: #262b52;--text: #f5f6ff;--text-dim: #b3b8e0;--brand: #6c5ce7;--brand-2: #a29bfe;--teal: #00cec9;--yellow: #fdcb6e;--red: #ff7675;--green: #55efc4;--pink: #fd79a8;--orange: #ffa94d;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-1: 8px;--radius-2: 14px;--radius-3: 22px;--radius-pill: 999px;--tap: 48px;--tap-kids: 64px;--font: "Heebo", "Assistant", "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow-1: 0 4px 16px rgba(0, 0, 0, .28);--shadow-2: 0 10px 30px rgba(0, 0, 0, .38);--ease: cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 800px at 50% -10%,#202650 0%,var(--bg) 55%);overflow:hidden;overscroll-behavior:none}#root{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}.ellaz-play-surface{touch-action:none;user-select:none}h1,h2,h3{font-family:"Fredoka",var(--font);margin:0}.ellaz-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.ellaz-rail{-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-inline:contain}.ellaz-rail::-webkit-scrollbar{display:none}@keyframes ellaz-pop{0%{transform:scale(.2)}60%{transform:scale(1.15)}to{transform:scale(1)}}.ellaz-pop{animation:ellaz-pop .28s var(--ease) both}@keyframes ellaz-merge{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.ellaz-merge{animation:ellaz-merge .24s var(--ease) both}@keyframes ellaz-pulse{0%,to{box-shadow:0 0 #55efc400}50%{box-shadow:0 0 0 6px #55efc480}}.ellaz-pulse{animation:ellaz-pulse .9s ease-in-out infinite}@keyframes ellaz-flip-in{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.ellaz-flip{animation:ellaz-flip-in .22s ease-out both}@keyframes ellaz-correct{0%{transform:scale(1);background:var(--green)!important}50%{transform:scale(1.12)}to{transform:scale(1)}}.ellaz-correct{animation:ellaz-correct .4s var(--ease)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
