@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&display=swap";:root{--slime-50:#f2fbdf;--slime-100:#dff5ab;--slime-200:#c9ec70;--slime-300:#b8e05a;--slime-400:#8fcc30;--slime-500:#7bc043;--slime-600:#5a9e1e;--slime-700:#3d7510;--slime-800:#264d07;--slime-900:#1a3800;--earth-50:#f9f5ef;--earth-100:#ede5d7;--earth-200:#d9ccbb;--earth-300:#c4b49a;--earth-400:#a09070;--earth-500:#8b7a60;--earth-600:#7a6348;--earth-700:#6b4a2e;--earth-800:#5c3a1e;--earth-900:#3d2310;--amber-100:#fef3d0;--amber-200:#fae4a0;--amber-300:#f5d060;--amber-400:#e8b830;--amber-500:#c4862a;--amber-600:#a06818;--amber-700:#7a4e0e;--sky-50:#ebf6ff;--sky-100:#c8e8f8;--sky-200:#9ed4f0;--sky-300:#6bbde8;--sky-400:#4aaad8;--sky-500:#3a8ec0;--sky-600:#2a72a8;--sky-700:#1e5888;--stone-50:#f5f5f0;--stone-100:#e8e6df;--stone-200:#cccab8;--stone-300:#adab9a;--stone-400:#8e8c7c;--stone-500:#7a7a6a;--stone-600:#5e5e50;--stone-700:#454540;--stone-800:#2d2b28;--stone-900:#1c1a18;--color-success:var(--slime-500);--color-warning:var(--amber-500);--color-error:#c94040;--color-info:var(--sky-400);--color-highlight:var(--amber-300);--glass-bg:#ffffff59;--glass-bg-strong:#fff9;--glass-border:#ffffff80;--glass-shadow:0 8px 32px #1c1a1840;--panel-bg:#f0ebe1b8;--panel-border:#c8b99b99;--dark-overlay:#1c1a188c;--fg-primary:var(--stone-900);--fg-secondary:var(--stone-600);--fg-tertiary:var(--stone-400);--fg-inverse:var(--earth-50);--fg-on-slime:#fff;--bg-base:var(--earth-50);--bg-surface:#fff;--bg-muted:var(--earth-100);--bg-dark:var(--stone-900);--border-light:var(--earth-200);--border-mid:var(--earth-400);--border-dark:var(--stone-600);--brand-primary:var(--slime-500);--brand-secondary:var(--amber-500);--brand-accent:var(--sky-400);--font-display:"Fredoka", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;--font-ui:"Nunito", system-ui, sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--text-6xl:60px;--text-hero:80px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.04em;--tracking-widest:.1em}.game-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-primary)}.game-heading{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--fg-primary)}.ui-prompt{font-family:var(--font-ui);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-normal);color:var(--fg-primary)}.ui-label{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--fg-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase}.body-text{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);color:var(--fg-primary)}.speech-text{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-normal);color:var(--stone-900);text-wrap:pretty}.caption{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-normal);color:var(--fg-tertiary)}.fraction-display{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--slime-700)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:40px;--radius-full:9999px;--radius-panel:24px;--radius-card:18px;--radius-button:14px;--radius-chip:var(--radius-full);--shadow-sm:0 2px 6px #1c1a181f;--shadow-md:0 4px 16px #1c1a182e;--shadow-lg:0 8px 32px #1c1a183d;--shadow-xl:0 16px 48px #1c1a1852;--shadow-slime:0 4px 20px #5b9e1e73;--shadow-inner:inset 0 2px 8px #1c1a1826;--shadow-gold:0 4px 16px #c4862a66}.glass-panel{background:var(--glass-bg);border:1.5px solid var(--glass-border);-webkit-backdrop-filter:blur(16px)saturate(1.4);border-radius:var(--radius-panel);box-shadow:var(--glass-shadow)}.panel{background:var(--panel-bg);border:1.5px solid var(--panel-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-md)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;font-family:var(--font-body);background:var(--stone-900);overflow:hidden}.screen{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.bg{background-position:50%;background-size:cover;position:absolute;inset:0}.bg-overlay{background:#14120e38;position:absolute;inset:0}.btn{cursor:pointer;border:none;border-radius:999px;padding:12px 32px;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;transition:transform .1s,box-shadow .1s}.btn:disabled{opacity:0;cursor:normal;pointer-events:none}.btn:hover{transform:scale(1.04)}.btn-green{color:#fff;border:2px solid var(--slime-600);background:#7bc043;box-shadow:0 6px 32px #7bc043cc,0 1.5px 4px #7bc043cc}.btn-ghost{color:#fff;background:#ffffff2e;border:2px solid #fff6}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffff24;border:1px solid #fff3;border-radius:28px;box-shadow:0 8px 32px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes correctPop{0%{opacity:.5;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pulseHint{0%,to{filter:brightness();box-shadow:0 0 0 16px #f5a62300}40%{filter:brightness(1.19);box-shadow:0 0 0 9px #f39a0dbf,0 0 8px 3px #f5a62354}50%{filter:brightness(1.28);box-shadow:0 0 0 6px #f39a0df0,0 0 12px 5px #f5a62385}60%{filter:brightness(1.19);box-shadow:0 0 0 9px #f39a0dbf,0 0 8px 3px #f5a62354}}.game-layout{-webkit-backdrop-filter:blur(5px)saturate(1.4);background:#ffffff47;border:1.5px solid #ffffff75;border-radius:28px;grid-template-columns:1fr 220px;gap:14px;padding:20px 10px;display:grid;box-shadow:0 12px 48px #1c1a1852}.scientist-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;padding:30px 0;display:flex}.sci-bubble{background:#fff;border:2.5px solid #dff5ab;border-radius:16px;width:100%;margin-bottom:4px;padding:10px 14px;position:relative;box-shadow:0 4px 16px #1c1a1826}.sci-bubble.celebrate{border-color:#b8e05a}.sci-bubble.curious{border-color:#fae4a0}.sci-bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.sci-bubble .speaker{color:#5a9e1e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800}.sci-bubble p{color:#1c1a18;text-align:center;margin:0;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.4}.sci-img{object-fit:contain;filter:drop-shadow(0 4px 16px #1c1a1866);width:auto;height:min(56vh,400px)}.btn-amber{color:#fff;background:linear-gradient(135deg,#c4862a,#9e6418);box-shadow:0 4px 18px #c4862a80}@keyframes slimeDrop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.welcome-bubble{background:#fff;border:2.5px solid #dff5ab;border-radius:18px;max-width:300px;padding:14px 20px;position:relative;box-shadow:0 4px 16px #1c1a182e}.welcome-bubble:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:16px solid #dff5ab;width:0;height:0;position:absolute;bottom:28px;left:-16px}.welcome-bubble:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:13px solid #fff;width:0;height:0;position:absolute;bottom:30px;left:-12px}.welcome-bubble .speaker{color:#5a9e1e;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800}.welcome-bubble p{color:#1c1a18;margin:0;font-family:Nunito,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.45}.slime-lab-instructions{text-align:center;width:100%;color:var(--stone-900);pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Nunito,Fredoka,sans-serif;font-size:1.5rem;font-weight:700;display:block;position:absolute;bottom:1rem}