@font-face{font-family:"Fredoka";src:url("../fonts/fredoka-latin-var.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Nunito";src:url("../fonts/nunito-latin-var.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
:root{
color-scheme:light;
--primary:#593dcc;--primary-hover:#472ba9;--primary-soft:#ebe7ff;--on-primary:#fff;
--secondary:#d92f66;--secondary-hover:#b91f50;--secondary-soft:#ffe7ef;--on-secondary:#fff;
--accent-1:#ffd43b;--accent-2:#20b89a;--accent-3:#f27622;
--on-accent-1:#302500;--on-accent-2:#062c25;--on-accent-3:#341300;
--success:#18794e;--warning:#9a5b00;--danger:#c5263f;--info:#086aa7;
--neutral-0:#fff;--neutral-50:#faf9ff;--neutral-100:#f3f0fc;--neutral-200:#e4def4;--neutral-300:#cbc3df;--neutral-500:#69627a;--neutral-700:#383246;--neutral-900:#1e1928;--neutral-950:#14101c;
--background:#f8f6ff;--surface:#fff;--surface-raised:#fff;--text:#241d31;--text-muted:#625a70;--border:#d8d0e7;--focus:#006bd6;--game-accent:var(--secondary);
--font-display:"Fredoka","Arial Rounded MT Bold",system-ui,sans-serif;--font-body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:clamp(1.08rem,1rem + .3vw,1.25rem);--text-xl:clamp(1.3rem,1.15rem + .7vw,1.75rem);--text-2xl:clamp(1.75rem,1.35rem + 1.8vw,3rem);--text-hero:clamp(2.7rem,1.6rem + 5vw,6rem);
--leading-tight:1.08;--leading-body:1.65;
--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;
--radius-sm:.55rem;--radius-md:.9rem;--radius-lg:1.35rem;--radius-xl:2rem;--radius-pill:999px;
--shadow-sm:0 2px 0 rgb(47 35 84 / .12),0 5px 14px rgb(47 35 84 / .09);--shadow-md:0 5px 0 rgb(47 35 84 / .13),0 14px 30px rgb(47 35 84 / .12);--shadow-lg:0 8px 0 rgb(47 35 84 / .14),0 22px 50px rgb(47 35 84 / .16);--shadow-xl:0 12px 0 rgb(47 35 84 / .14),0 30px 65px rgb(47 35 84 / .2);--shadow-inset:inset 0 -3px 0 rgb(0 0 0 / .16);--step-2:var(--text-xl);
--duration-fast:140ms;--duration-normal:240ms;--ease-bounce:cubic-bezier(.2,.85,.35,1.25);
--content-wide:72rem;--content-reading:46rem;
--z-base:0;--z-header:20;--z-toast:60;--z-modal:80;--z-skip:100;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--primary:#b9aaff;--primary-hover:#cec4ff;--primary-soft:#33285d;--on-primary:#1b113f;--secondary:#ff82aa;--secondary-hover:#ff9fbd;--secondary-soft:#542338;--on-secondary:#3a0b1d;--accent-1:#ffe16b;--accent-2:#59dfc2;--accent-3:#ff9c5a;--background:#15111f;--surface:#211a2e;--surface-raised:#292138;--text:#f8f5ff;--text-muted:#c7bfd2;--border:#494057;--focus:#70b7ff;--success:#64d6a0;--warning:#ffc766;--danger:#ff8798;--info:#7acaff;--shadow-sm:0 2px 0 #09060e,0 6px 16px rgb(0 0 0 / .3);--shadow-md:0 5px 0 #09060e,0 16px 34px rgb(0 0 0 / .38);--shadow-lg:0 8px 0 #09060e,0 24px 54px rgb(0 0 0 / .46)}}
:root[data-theme="dark"]{color-scheme:dark;--primary:#b9aaff;--primary-hover:#cec4ff;--primary-soft:#33285d;--on-primary:#1b113f;--secondary:#ff82aa;--secondary-hover:#ff9fbd;--secondary-soft:#542338;--on-secondary:#3a0b1d;--accent-1:#ffe16b;--accent-2:#59dfc2;--accent-3:#ff9c5a;--background:#15111f;--surface:#211a2e;--surface-raised:#292138;--text:#f8f5ff;--text-muted:#c7bfd2;--border:#494057;--focus:#70b7ff;--success:#64d6a0;--warning:#ffc766;--danger:#ff8798;--info:#7acaff;--shadow-sm:0 2px 0 #09060e,0 6px 16px rgb(0 0 0 / .3);--shadow-md:0 5px 0 #09060e,0 16px 34px rgb(0 0 0 / .38);--shadow-lg:0 8px 0 #09060e,0 24px 54px rgb(0 0 0 / .46)}