@font-face{font-family:Jua;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Jua-Regular.ttf)format("truetype")}@font-face{font-family:Bangers;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Bangers-Regular.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Inter-VariableFont_opsz,wght.ttf)format("truetype")}
:root{--primary-light-color:#fce7cf;--primary-color:#f9c386;--primary-highlight-color:#f2870d;--secondary-light-color:#d7e7f4;--secondary-color:#9bc3e4;--secondary-highlight-color:#3787c8;--tertiary-light-color:#fcf5cf;--tertiary-color:#f9e686;--tertiary-higlight-color:#f2cc0d;--coin-color:#edc840;--darker-color:#0b1828;--dark-color:#29323d;--lighter-color:#fef5e7;--light-color:#8596ad;--background-color:#fff5e6;--cheeesette-color:#fccfe1;--delete-color:#c52b3d;--warning-color:#ff8c00;--success-light-color:#e3f7ec;--success-color:#30a661;--practice-correct-color:#a4d7a3;--practice-correct-shadow-color:#4fb14e;--practice-incorrect-color:#e87885;--practice-incorrect-shadow-color:#c42134;--grammar-color:#2eacb8;--grammar-color-dark:#1f737a;--grammar-color-light:#ade6eb;--vocab-color:#9653c6;--vocab-color-dark:#6f3399;--vocab-color-light:#d0b3e6;--pronunciation-color:#e6664d;--pronunciation-color-dark:#c9391d;--pronunciation-color-light:#f2b3a6;--pronunciation-button-bg:#f6d2cb;--recording-active-color:#e61a1a;--shadow-dark-color:#0b1828;--shadow-light-color:#a3b0c2;--shadow-lighter-color:#c9cdcf;--spacing-s:2rem;--spacing-m:4rem;--spacing-l:6rem;--spacing-xl:8rem;--font-family-body:"Inter";--font-family-heading:"Jua";--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:700;--font-size-2XS:.65rem;--font-size-XS:.75rem;--font-size-S:.8rem;--font-size-SM:.875rem;--font-size-M:1rem;--font-size-L:1.2rem;--font-size-LG:1.25rem;--font-size-title:1.5rem;--font-size-XL:1.6rem;--font-size-display:2rem;--breakpoint-desktop:768px;--max-screen-width:var(--breakpoint-desktop);--max-content-width:1200px;--mobile-nav-height:60px;--primary-dark-color:#aa5f09;--border-radius-xs:4px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-pill:999px;--game-spacing-xs:5px;--game-spacing-sm:10px;--game-spacing-md:20px;--game-spacing-lg:40px;--game-border-radius:6px;--game-border-radius-lg:8px;--game-transition-fast:.2s;--game-color-text-muted:#9ca3af;--game-card-border-color:#e7e1da;--game-card-shadow-color:#dcd7d0;--game-card-active-shadow-color:#e09e52;--game-card-active-text-color:#996933;--game-card-active-hover-color:#fce0c0;--success-dark-color:#257e4a;--surface-muted-color:#f5f5f5;--error-light-color:#fbe9eb;--card-shadow-color:#ede3d7;--card-warm-light-bg:#fffdfa;--surface-color:#fff;--border-color-light:#d1d1d1;--game-world-bg:#eddcd4;--game-world-border-color:#643e2b;--game-world-enter-bg:#c0937c;--game-world-enter-shadow-color:#683d27;--game-world-enter-text-color:#452617;--game-world-scene-water:#4599a1;--game-world-scene-forest:#428a60;--game-world-scene-hills:#5b833f;--game-world-scene-town:#ac7c39;--skeleton-lesson-from:#fff7eb;--skeleton-lesson-to:#fffbf5;--skeleton-review-from:#dbe9f5;--skeleton-review-to:#e7f1f8;--notebook-mobile-bg:#fdf2f4;--stat-graph-glow-color:#f59f3d;--tertiary-shadow-color:#ddc23c;--tertiary-text-color:#837221;--word-noun:#2985e0;--word-verb:#2e9e5d;--word-adj:#ed731d;--word-other:#8790a1;--color-white:#fff;--color-black:#000;--overlay-bg:#000000b3;--overlay-bg-medium:#0006;--overlay-bg-light:#0003;--overlay-bg-subtle:#0000001a;--game-scene-overlay:#0a0e2199;--primary-focus-ring:#fbdbb6;--success-bg:#dff6e9;--success-bg-light:#effaf4;--error-bg:#f9e2e4;--error-bg-light:#fbeef0;--error-border:#da5867;--game-panel-radius:28px;--font-size-display-lg:2.2rem;--font-size-display-2xl:3rem;--font-size-display-3xl:3.4rem}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--darker-color);background:var(--background-color);font-family:var(--font-family-body),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:var(--mobile-nav-height);position:relative}@media (min-width:768px){body{margin-top:80px}}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}