@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;600;800&family=Fredoka:wght@500;600&display=swap";:root{--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;--font-display: "Fredoka", "Heebo", "Assistant", system-ui, sans-serif;--ease: cubic-bezier(.2, .7, .3, 1)}:root[data-theme=night]{--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;--brand-ink: var(--brand-2);--brand-2-ink: var(--brand-2);--teal-ink: var(--teal);--yellow-ink: var(--yellow);--red-ink: var(--red);--green-ink: var(--green);--pink-ink: var(--pink);--orange-ink: var(--orange);--brand-fill: linear-gradient(180deg, var(--brand-2), var(--brand));--surface-fill: var(--surface);--page-bg: radial-gradient(1200px 800px at 50% -10%, #202650 0%, var(--bg) 55%);--on-brand: #ffffff;--badge-fill: rgba(6, 8, 20, .72);--badge-glow: 0 1px 2px rgba(0, 0, 0, .7);--line: #2a2f55;--stage-bg: #12142b;--shadow-1: 0 4px 16px rgba(0, 0, 0, .28);--shadow-2: 0 10px 30px rgba(0, 0, 0, .38);--tint-strength: .2;--spark-colors: #6c5ce7, #00cec9, #fdcb6e, #ff7675, #55efc4;--confetti-colors: #6c5ce7, #a29bfe, #00cec9, #fdcb6e, #ff7675, #55efc4, #fd79a8, #74b9ff}:root,:root[data-theme=market]{--bg: #fff6e9;--bg-soft: #ffeed8;--surface: #fffdf8;--surface-2: #fff3e0;--text: #241c17;--text-dim: #6b5c50;--brand: #ff4d8d;--brand-2: #ff8fb3;--teal: #12b5ad;--yellow: #ffc730;--red: #ef4a3f;--green: #3cb46a;--pink: #ff6fa8;--orange: #ff8a3d;--brand-ink: #c2185b;--brand-2-ink: #b03a63;--teal-ink: #0a6f6a;--yellow-ink: #7a5600;--red-ink: #b3261e;--green-ink: #1f7a45;--pink-ink: #b83a6d;--orange-ink: #96470d;--brand-fill: var(--brand);--surface-fill: var(--surface);--page-bg: var(--bg);--on-brand: #ffffff;--badge-fill: rgba(36, 28, 23, .78);--badge-glow: 0 1px 2px rgba(36, 28, 23, .45);--line: #efe0cc;--stage-bg: #ffeed8;--shadow-1: 0 3px 0 rgba(36, 28, 23, .16);--shadow-2: 0 6px 0 rgba(36, 28, 23, .2);--tint-strength: .14;--spark-colors: #ff4d8d, #12b5ad, #ffc730, #ef4a3f, #3cb46a;--confetti-colors: #ff4d8d, #ff8fb3, #12b5ad, #ffc730, #ef4a3f, #3cb46a, #ff6fa8, #4c9be8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}body.app-shell,#game-frame{font-family:var(--font);color:var(--text)}body.app-shell{overscroll-behavior:none}body.app-shell{height:100%;overflow:hidden;background:var(--page-bg)}.ellaz-tint{background:radial-gradient(120px 90px at 50% 30%,color-mix(in srgb,var(--game) calc(var(--tint-strength) * 100%),transparent),transparent),var(--surface-fill)}html:has(body.app-shell){height:100%}#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}body.app-shell h1,body.app-shell h2,body.app-shell h3,#game-frame h1,#game-frame h2,#game-frame 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 color-mix(in srgb,var(--green) 0%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--green) 50%,transparent)}}.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}}
