@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-ext-400-normal-CuPM9foi.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-400-normal-xaE7D4Sw.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-cyrillic-400-normal-xAOo5cBP.woff2) format("woff2"),url(/assets/nunito-cyrillic-400-normal-D1j0u8EH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-vietnamese-400-normal-BHkVbP3T.woff2) format("woff2"),url(/assets/nunito-vietnamese-400-normal-DtOtW02z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-ext-400-normal-i-8OOpdj.woff2) format("woff2"),url(/assets/nunito-latin-ext-400-normal-CjMJVfGn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(/assets/nunito-latin-400-normal-DKg4f3fz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-ext-600-normal-CWPPjBOD.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-600-normal-vnfu4DTE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-cyrillic-600-normal-DJGQ2h05.woff2) format("woff2"),url(/assets/nunito-cyrillic-600-normal-BUjmtIuu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-vietnamese-600-normal-BY8O6Cug.woff2) format("woff2"),url(/assets/nunito-vietnamese-600-normal-DO1RqFw5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-ext-600-normal-Dd9Zuxh1.woff2) format("woff2"),url(/assets/nunito-latin-ext-600-normal-BKUpuB78.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2) format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-ext-700-normal-BuR0mlCG.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-700-normal-DfoqN4Gs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-cyrillic-700-normal-DP36NgGt.woff2) format("woff2"),url(/assets/nunito-cyrillic-700-normal-DfHRUDv-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-vietnamese-700-normal-Ch8EUCfz.woff2) format("woff2"),url(/assets/nunito-vietnamese-700-normal-C9SQsXvj.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-ext-700-normal-BWeMsAzO.woff2) format("woff2"),url(/assets/nunito-latin-ext-700-normal-D4woHhbd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-ext-800-normal-B-cvGohL.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-800-normal-pjRatrRO.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-cyrillic-800-normal-D3igD7Kl.woff2) format("woff2"),url(/assets/nunito-cyrillic-800-normal-DymMgApb.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-vietnamese-800-normal-D_CZYdm9.woff2) format("woff2"),url(/assets/nunito-vietnamese-800-normal-Dz0hZPb5.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-ext-800-normal-CtU8tJOV.woff2) format("woff2"),url(/assets/nunito-latin-ext-800-normal-CDcxIxx8.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-ext-900-normal-BLeVovcl.woff2) format("woff2"),url(/assets/nunito-cyrillic-ext-900-normal-DKFql_-q.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-cyrillic-900-normal-CWPcV0_V.woff2) format("woff2"),url(/assets/nunito-cyrillic-900-normal-Dr1fjxoU.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-vietnamese-900-normal-D6LWQAy_.woff2) format("woff2"),url(/assets/nunito-vietnamese-900-normal-WV2-fBew.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-ext-900-normal-Dllsvgjo.woff2) format("woff2"),url(/assets/nunito-latin-ext-900-normal-CTBZd6bf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2) format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-ext-600-normal-DDEJyoof.woff2) format("woff2"),url(/assets/caveat-cyrillic-ext-600-normal-BLVNc-Ct.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-cyrillic-600-normal-Ba_MyzgW.woff2) format("woff2"),url(/assets/caveat-cyrillic-600-normal-CqH0c_uj.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-ext-600-normal-DDJRD6ps.woff2) format("woff2"),url(/assets/caveat-latin-ext-600-normal-shBvSnoU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/caveat-latin-600-normal-zlTlWIYU.woff2) format("woff2"),url(/assets/caveat-latin-600-normal-DUjB8dgm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-ext-700-normal-CrK2-ngJ.woff2) format("woff2"),url(/assets/caveat-cyrillic-ext-700-normal-DjFGiEhD.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-cyrillic-700-normal-BIyejhEL.woff2) format("woff2"),url(/assets/caveat-cyrillic-700-normal-Bhcx9qBB.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-ext-700-normal-DFbRgDry.woff2) format("woff2"),url(/assets/caveat-latin-ext-700-normal-DjJQd59I.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/caveat-latin-700-normal-D8_1Nw6V.woff2) format("woff2"),url(/assets/caveat-latin-700-normal-cPyBTTZN.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fdfbf5;--bg-alt: #f6f0e4;--bg-deep: #eef3fb;--ink: #3b3660;--ink-soft: #6b6790;--ink-faint: #9894b8;--accent: #ff9e3d;--accent-dark: #e07f1f;--accent-soft: #ffedd6;--success: #2fa36b;--success-dark: #1d7a4c;--success-soft: #dff3e8;--danger: #e0564f;--danger-soft: #fde8e7;--gold: #f5b301;--gold-soft: #fdf3d3;--white: #ffffff;--math: #2f7de1;--math-dark: #1e5bb0;--math-soft: #e3eefb;--reading: #f0803c;--reading-dark: #c65b1e;--reading-soft: #fdebdd;--writing: #2fa36b;--writing-dark: #1d7a4c;--writing-soft: #dff3e8;--typing: #8b5cf6;--typing-dark: #6d3fd8;--typing-soft: #ede8fd;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--shadow-soft: 0 10px 30px rgba(59, 54, 96, .08);--shadow-pop: 0 14px 34px rgba(59, 54, 96, .14);--font-display: "Nunito", system-ui, sans-serif;--font-hand: "Caveat", cursive}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:focus-visible{outline:4px solid var(--accent);outline-offset:3px;border-radius:8px}input:focus-visible,textarea:focus-visible{outline-color:var(--math);outline-offset:2px}html,body{margin:0;padding:0;min-height:100dvh}body{font-family:var(--font-display);color:var(--ink);background:var(--bg);font-size:18px;line-height:1.45;overscroll-behavior-y:none}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.01em}.hand{font-family:var(--font-hand);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--white);background:var(--accent);border-radius:999px;padding:14px 30px;min-height:58px;min-width:58px;border:3px solid rgba(0,0,0,.06);box-shadow:0 5px #0000001f,var(--shadow-soft);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;user-select:none;touch-action:manipulation}.btn:active{transform:translateY(4px) scale(.98);box-shadow:0 1px #0000001f}.btn:disabled{opacity:.5;pointer-events:none}.btn-lg{font-size:1.35rem;padding:18px 40px;min-height:68px}.btn-sm{font-size:1rem;padding:10px 20px;min-height:46px}.btn-white{background:var(--white);color:var(--ink);border-color:#3b36601a}.btn-ghost{background:#ffffffbf;color:var(--ink);border:3px solid rgba(59,54,96,.15);box-shadow:none}.btn-success{background:var(--success)}.btn-danger{background:var(--danger)}.btn-math{background:var(--math)}.btn-reading{background:var(--reading)}.btn-writing{background:var(--writing)}.btn-typing{background:var(--typing)}.btn-soft{background:var(--bg-alt);color:var(--ink);box-shadow:none;border:3px solid rgba(59,54,96,.08)}.card{background:var(--white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);border:2px solid rgba(59,54,96,.05)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-weight:800;font-size:.95rem;background:var(--white);box-shadow:var(--shadow-soft)}.chip-gold{background:var(--gold-soft);color:#8a6400}.chip-coin{background:#fff6df;color:#8a6400}.chip-star{background:var(--gold-soft);color:#8a6400}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-alt);font-size:2rem;width:72px;height:72px;border:4px solid var(--white);box-shadow:var(--shadow-pop);position:relative;flex-shrink:0}.avatar-lg{width:110px;height:110px;font-size:3.2rem;border-width:5px}.avatar-sm{width:48px;height:48px;font-size:1.4rem;border-width:3px}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fdfbf5eb;backdrop-filter:blur(10px);border-bottom:2px solid rgba(59,54,96,.06)}.topbar-center{flex:1;display:flex;justify-content:center}.topbar-right{display:flex;align-items:center;gap:8px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-soft);border:2px solid rgba(59,54,96,.06);font-size:1.3rem;transition:transform .12s ease}.icon-btn:active{transform:scale(.92)}.page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:20px 16px 90px}.map-scene{position:relative;border-radius:32px;overflow:hidden;background:radial-gradient(120% 90% at 80% 10%,#e8f4ff 0%,transparent 60%),radial-gradient(100% 80% at 10% 90%,#e9f9ef 0%,transparent 55%),linear-gradient(180deg,#dcecff,#eef7e8 55%,#fdf6e3);min-height:420px;border:3px solid rgba(59,54,96,.07);box-shadow:var(--shadow-soft)}.map-cloud{position:absolute;background:#ffffffe6;border-radius:999px;filter:blur(.5px);box-shadow:0 6px 18px #3b36600f}.map-cloud:before,.map-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.map-cloud-1{width:110px;height:34px;top:34px;left:8%;animation:drift 26s linear infinite}.map-cloud-1:before{width:44px;height:44px;top:-20px;left:18px}.map-cloud-1:after{width:30px;height:30px;top:-12px;right:16px}.map-cloud-2{width:80px;height:26px;top:90px;right:12%;animation:drift 34s linear infinite reverse}.map-cloud-2:before{width:34px;height:34px;top:-16px;left:14px}.map-cloud-2:after{width:24px;height:24px;top:-10px;right:12px}@keyframes drift{0%{transform:translate(-140px)}to{transform:translate(calc(100vw + 140px))}}.map-hills{position:absolute;bottom:0;left:0;right:0;height:90px;background:radial-gradient(60% 120% at 12% 100%,#bfe6c9 0%,transparent 70%),radial-gradient(55% 130% at 42% 100%,#d3efd9 0%,transparent 70%),radial-gradient(65% 120% at 78% 100%,#c4e9ce 0%,transparent 70%),radial-gradient(50% 110% at 95% 100%,#d9f1de 0%,transparent 70%)}.map-islands{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:26px 18px 40px;align-items:end}.island{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 16px;border-radius:26px;border:3px solid rgba(59,54,96,.08);box-shadow:var(--shadow-pop);transition:transform .16s ease,box-shadow .16s ease;position:relative;animation:float 5s ease-in-out infinite;min-height:190px;justify-content:flex-end;text-decoration:none;color:var(--ink)}.island:nth-child(2){animation-delay:-1.2s}.island:nth-child(3){animation-delay:-2.4s}.island:nth-child(4){animation-delay:-3.6s}.island:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 20px 44px #3b36602e}.island-math{background:linear-gradient(180deg,#ffffff 0%,var(--math-soft) 100%)}.island-reading{background:linear-gradient(180deg,#ffffff 0%,var(--reading-soft) 100%)}.island-writing{background:linear-gradient(180deg,#ffffff 0%,var(--writing-soft) 100%)}.island-typing{background:linear-gradient(180deg,#ffffff 0%,var(--typing-soft) 100%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.island-emoji{font-size:3.4rem;filter:drop-shadow(0 8px 12px rgba(59,54,96,.18));line-height:1}.island-title{font-weight:900;font-size:1.06rem;text-align:center;line-height:1.2}.island-sub{font-size:.82rem;color:var(--ink-soft);text-align:center;font-weight:600}.island-progress{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.95rem;background:#ffffffd9;padding:4px 12px;border-radius:999px}.island-lock{position:absolute;top:10px;right:10px;background:#3b3660bf;color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.world-head{display:flex;align-items:center;gap:18px;margin-bottom:20px;flex-wrap:wrap}.world-emoji{font-size:3.2rem;line-height:1;background:var(--white);border-radius:24px;width:84px;height:84px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pop);border:3px solid rgba(59,54,96,.07)}.lesson-list{display:flex;flex-direction:column;gap:12px}.lesson-row{display:flex;align-items:center;gap:16px;background:var(--white);border-radius:20px;padding:14px 18px;box-shadow:var(--shadow-soft);border:3px solid rgba(59,54,96,.06);text-decoration:none;color:var(--ink);transition:transform .14s ease,box-shadow .14s ease;position:relative;overflow:hidden}.lesson-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--row-color, var(--accent))}.lesson-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.lesson-row:active{transform:scale(.985)}.lesson-row.done{opacity:.92}.lesson-row.locked{opacity:.55;pointer-events:none}.lesson-emoji{font-size:2.1rem;width:56px;height:56px;background:var(--bg-alt);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lesson-info{flex:1;min-width:0}.lesson-title{font-weight:800;font-size:1.1rem}.lesson-meta{font-size:.85rem;color:var(--ink-soft);font-weight:600}.lesson-stars{display:flex;gap:2px;font-size:1.2rem}.star-off{opacity:.25;filter:grayscale(1)}.lesson-screen{max-width:860px;margin:0 auto}.task-box{background:var(--white);border-radius:28px;padding:28px 22px;box-shadow:var(--shadow-soft);border:3px solid rgba(59,54,96,.06);text-align:center;animation:pop-in .35s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.task-prompt{font-size:1.45rem;font-weight:900;margin-bottom:18px;line-height:1.3}.task-visual{font-size:3.2rem;letter-spacing:6px;line-height:1.4;margin-bottom:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;max-width:620px;margin:0 auto}.option-btn{background:var(--bg-alt);border:3px solid rgba(59,54,96,.1);border-radius:20px;padding:18px 12px;font-size:1.5rem;font-weight:900;color:var(--ink);transition:transform .12s ease,background .12s ease,border-color .12s ease;min-height:76px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.option-btn:hover{transform:translateY(-3px)}.option-btn:active{transform:scale(.95)}.option-btn .opt-visual{font-size:2rem}.option-btn.correct-flash{background:var(--success-soft);border-color:var(--success);animation:wiggle .4s ease}.option-btn.wrong-flash{background:var(--danger-soft);border-color:var(--danger);animation:shake .35s ease}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg) scale(1.05)}75%{transform:rotate(4deg) scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.hint-box{margin-top:16px;background:var(--gold-soft);border-radius:14px;padding:10px 16px;font-weight:700;color:#8a6400;animation:pop-in .3s ease}.feedback{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:60;font-size:4.5rem;pointer-events:none;animation:feedback-pop 1.1s ease forwards;text-shadow:0 8px 24px rgba(59,54,96,.25)}@keyframes feedback-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-12deg)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(4deg)}55%{transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-62%) scale(1.1)}}.progress-dots{display:flex;gap:8px;justify-content:center;margin-bottom:18px;flex-wrap:wrap}.progress-dot{width:14px;height:14px;border-radius:50%;background:var(--bg-alt);border:2px solid rgba(59,54,96,.12);transition:all .2s ease}.progress-dot.done{background:var(--success);border-color:var(--success)}.progress-dot.current{background:var(--accent);border-color:var(--accent);transform:scale(1.35)}.progress-dot.wrong{background:var(--danger);border-color:var(--danger)}.result-box{text-align:center;animation:pop-in .45s cubic-bezier(.34,1.56,.64,1);padding:36px 24px}.result-stars{font-size:4rem;display:flex;justify-content:center;gap:8px;margin:14px 0}.result-stars span{animation:star-pop .5s cubic-bezier(.34,1.56,.64,1) both}.result-stars span:nth-child(2){animation-delay:.18s}.result-stars span:nth-child(3){animation-delay:.36s}@keyframes star-pop{0%{opacity:0;transform:scale(0) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}.result-coins{font-size:1.3rem;font-weight:800;background:#fff6df;display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;margin:10px 0}.vkb{display:flex;flex-direction:column;gap:8px;margin:18px auto 0;max-width:780px;user-select:none}.vkb-row{display:flex;gap:8px;justify-content:center}.vkb-row:nth-child(2){padding:0 4%}.vkb-row:nth-child(3){padding:0 12%}.vk-key{position:relative;flex:1;max-width:64px;min-width:40px;height:58px;border-radius:12px;background:linear-gradient(180deg,#fff,#ece8f5);border:3px solid rgba(59,54,96,.14);border-bottom-width:6px;font-size:1.35rem;font-weight:900;color:var(--ink);display:flex;align-items:center;justify-content:center;transition:transform .08s ease,background .12s ease,border-color .12s ease}:root .vk-key.home-key{border-color:var(--typing);box-shadow:inset 0 0 0 2px #8b5cf62e}.key-bump{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#3b366066}.hands-wrap{margin:6px 0 2px}.hand-finger{transition:transform .25s ease}.hand-finger.active{animation:finger-bob .9s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(59,54,96,.25))}@keyframes finger-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.vk-key:active{transform:translateY(3px);border-bottom-width:3px}.vk-zone-lp{background:linear-gradient(180deg,#fff,#f2e8ff)}.vk-zone-lr{background:linear-gradient(180deg,#fff,#e9e2fb)}.vk-zone-lm{background:linear-gradient(180deg,#fff,#e0d9f9)}.vk-zone-li,.vk-zone-ri{background:linear-gradient(180deg,#fff,#d8d0f7)}.vk-zone-rm{background:linear-gradient(180deg,#fff,#e0d9f9)}.vk-zone-rr{background:linear-gradient(180deg,#fff,#e9e2fb)}.vk-zone-rp{background:linear-gradient(180deg,#fff,#f2e8ff)}.vk-key.highlight{background:linear-gradient(180deg,#ffe9c9,#ffd9a0);border-color:var(--accent);animation:key-pulse 1s ease infinite;transform:scale(1.12);z-index:2}@keyframes key-pulse{0%,to{box-shadow:0 0 #ff9e3d80}50%{box-shadow:0 0 0 14px #ff9e3d00}}.vk-key.hit{background:linear-gradient(180deg,#d9f5e5,#b8e9cd);border-color:var(--success)}.vk-key.wrong{background:linear-gradient(180deg,#fde4e3,#f6c9c6);border-color:var(--danger);animation:shake .3s ease}.finger-hint{margin-top:14px;display:inline-flex;align-items:center;gap:10px;background:var(--typing-soft);color:var(--typing-dark);font-weight:800;padding:10px 20px;border-radius:999px;animation:pop-in .3s ease}.type-target{font-size:2.4rem;font-weight:900;letter-spacing:10px;font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,monospace;background:var(--bg-alt);border-radius:18px;padding:14px 24px;display:inline-block;margin:8px 0}.type-progress{font-size:2rem;letter-spacing:10px;font-family:ui-monospace,monospace;min-height:2.6rem;margin-top:6px}.type-progress .ok{color:var(--success)}.type-progress .bad{color:var(--danger)}.type-progress .next{color:var(--ink);background:var(--accent-soft);border-radius:6px}.trace-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.trace-canvas{background:var(--bg-alt);border-radius:22px;border:3px dashed rgba(59,54,96,.18);touch-action:none;max-width:100%}.trace-clear{font-size:.95rem;font-weight:700;color:var(--ink-soft);text-decoration:underline;padding:8px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:560px;margin:0 auto}.match-col{display:flex;flex-direction:column;gap:10px}.match-item{background:var(--bg-alt);border:3px solid rgba(59,54,96,.1);border-radius:16px;padding:14px 10px;font-size:1.3rem;font-weight:800;min-height:64px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .12s ease;word-break:break-word}.match-item.selected{background:var(--accent-soft);border-color:var(--accent);transform:scale(1.03)}.match-item.matched{background:var(--success-soft);border-color:var(--success);opacity:.75;pointer-events:none}.match-item.wrong-pick{background:var(--danger-soft);border-color:var(--danger);animation:shake .3s ease}.seq-tiles{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:16px 0}.seq-tile{width:64px;height:64px;border-radius:16px;background:var(--white);border:3px solid rgba(59,54,96,.12);font-size:1.7rem;font-weight:900;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.seq-tile.used{opacity:.25;pointer-events:none}.seq-tile:hover{transform:translateY(-3px)}.seq-slots{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;min-height:70px;margin-top:10px}.seq-slot{width:64px;height:64px;border-radius:16px;border:3px dashed rgba(59,54,96,.25);background:#fff9;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:900}.seq-slot.filled{border-style:solid;border-color:var(--success);background:var(--success-soft);animation:pop-in .2s ease}.seq-slot.space{border:none;background:none;width:24px}.story-card{background:linear-gradient(180deg,#fffdf5,#fdf3e0);border-radius:28px;padding:30px 24px;border:3px solid rgba(59,54,96,.07);box-shadow:var(--shadow-pop);text-align:center;max-width:620px;margin:0 auto}.story-emoji{font-size:4.2rem;margin-bottom:14px;animation:float 3s ease-in-out infinite}.story-text{font-size:1.3rem;font-weight:700;line-height:1.55;margin-bottom:22px}.story-choices{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.shop-item{background:var(--white);border-radius:20px;padding:16px;text-align:center;box-shadow:var(--shadow-soft);border:3px solid rgba(59,54,96,.06);transition:transform .14s ease;display:flex;flex-direction:column;gap:6px;align-items:center}.shop-item:hover{transform:translateY(-3px)}.shop-item.owned{border-color:var(--success)}.shop-item.equipped{background:var(--success-soft);border-color:var(--success)}.shop-emoji{font-size:2.6rem;line-height:1}.shop-name{font-weight:800;font-size:.98rem}.shop-desc{font-size:.8rem;color:var(--ink-soft);font-weight:600;flex:1}.shop-price{font-weight:900;color:#8a6400;background:#fff6df;padding:4px 14px;border-radius:999px;font-size:.95rem}.avatar-stage{background:linear-gradient(180deg,#e8f4ff,#fdf6e3);border-radius:28px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:hidden;min-height:240px;justify-content:center;border:3px solid rgba(59,54,96,.07)}.avatar-stage .pet{position:absolute;bottom:30px;right:22%;font-size:2.6rem;animation:float 3.5s ease-in-out infinite}.avatar-stage .head-item{position:absolute;top:26px;font-size:3rem;animation:float 2.8s ease-in-out infinite}.avatar-stage .body-item{position:absolute;bottom:26px;left:24%;font-size:2.4rem}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.ach-card{display:flex;gap:12px;align-items:center;background:var(--white);border-radius:18px;padding:14px;box-shadow:var(--shadow-soft);border:3px solid rgba(59,54,96,.05)}.ach-card.earned{background:linear-gradient(180deg,#fffdf0,#fdf3d3);border-color:var(--gold)}.ach-emoji{font-size:2rem;width:54px;height:54px;background:var(--bg-alt);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ach-title{font-weight:800;font-size:1rem}.ach-desc{font-size:.82rem;color:var(--ink-soft);font-weight:600}.ach-progress{height:8px;border-radius:999px;background:var(--bg-alt);overflow:hidden;margin-top:6px}.ach-progress>div{height:100%;background:var(--gold);border-radius:999px;transition:width .4s ease}.parent-shell{max-width:900px;margin:0 auto}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat-card{background:var(--white);border-radius:18px;padding:16px;text-align:center;box-shadow:var(--shadow-soft);border:3px solid rgba(59,54,96,.05)}.stat-num{font-size:1.8rem;font-weight:900;line-height:1.1}.stat-label{font-size:.82rem;color:var(--ink-soft);font-weight:700;margin-top:4px}.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bar-label{width:130px;font-weight:800;font-size:.9rem;flex-shrink:0}.bar-track{flex:1;height:16px;background:var(--bg-alt);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.modal-overlay{position:fixed;inset:0;background:#3b366073;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--white);border-radius:28px;padding:28px 24px;max-width:460px;width:100%;box-shadow:var(--shadow-pop);animation:pop-in .3s cubic-bezier(.34,1.56,.64,1);text-align:center;max-height:86dvh;overflow-y:auto}.pin-dots{display:flex;gap:14px;justify-content:center;margin:18px 0}.pin-dot{width:22px;height:22px;border-radius:50%;border:3px solid rgba(59,54,96,.2);background:var(--white)}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:280px;margin:0 auto}.divider{height:2px;background:#3b366014;border-radius:2px;margin:18px 0}.muted{color:var(--ink-soft)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.text-center{text-align:center}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.wrap{flex-wrap:wrap}.space-between{justify-content:space-between}.type-badges{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.type-badges.big{justify-content:center;gap:10px}.type-badge{width:40px;height:40px;border-radius:12px;background:var(--bg-alt);border:2px solid rgba(59,54,96,.1);display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem}.type-badges.big .type-badge{width:56px;height:56px;font-size:1.8rem;border-radius:16px}.learn-icons{display:flex;gap:4px;font-size:.95rem;background:#fffc;padding:4px 10px;border-radius:999px}.learn-icon{width:34px;height:34px;border-radius:10px;background:#ffffffd9;border:2px solid rgba(59,54,96,.08);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem}.mini-bar{height:12px;border-radius:999px;background:#ffffffd9;border:2px solid rgba(59,54,96,.08);overflow:hidden;width:100%;max-width:200px}.mini-bar .mini-bar-fill,.mini-bar-fill{display:block;height:100%;border-radius:999px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.pips{display:flex;gap:6px;justify-content:center}.pip{width:18px;height:18px;border-radius:50%;background:var(--white);border:3px solid rgba(59,54,96,.15);transition:all .25s ease}.pip.filled{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 3px #f5b30140}.quest-card{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,#fff6e3,#ffedc9);border:3px solid var(--gold);border-radius:22px;padding:14px 18px;margin-bottom:16px;animation:pop-in .4s ease}.quest-card.quest-done{background:linear-gradient(90deg,#e2f7eb,#c9efd9);border-color:var(--success)}.quest-emoji{font-size:2.6rem;line-height:1;animation:float 3s ease-in-out infinite}.quest-reward{font-weight:900;font-size:1.1rem;background:#ffffffe6;padding:8px 14px;border-radius:999px;color:#8a6400;white-space:nowrap}.streak-banner{background:linear-gradient(90deg,#fff3d6,#ffe7b8);border:3px solid var(--gold);border-radius:20px;padding:12px 18px;display:flex;align-items:center;gap:12px;font-weight:800;color:#8a6400;margin-bottom:16px;animation:pop-in .4s ease}.finger-map{margin:8px 0 14px}.finger-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.finger-card{background:var(--white);border:3px solid rgba(59,54,96,.08);border-radius:16px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .15s ease,border-color .15s ease}.finger-card.active{transform:translateY(-3px);box-shadow:var(--shadow-pop)}.finger-card.home{border-style:dashed}.finger-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(59,54,96,.15);flex-shrink:0}.finger-name{font-weight:800;font-size:.8rem;text-align:center;line-height:1.15}.finger-home{font-size:.72rem;font-weight:600;color:var(--ink-soft)}.finger-keys{display:flex;gap:3px;flex-wrap:wrap;justify-content:center}.finger-key-chip{min-width:26px;height:26px;border-radius:8px;border:2px solid;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:900}.finger-map-thumb{margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--white);border:3px solid rgba(59,54,96,.08);border-radius:14px;padding:8px 12px}@media(max-width:640px){.finger-map-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.map-islands{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){body{font-size:16px}.page{padding:14px 12px 80px}.island{min-height:150px}.island-emoji{font-size:2.6rem}.task-prompt{font-size:1.2rem}.option-btn{font-size:1.25rem;min-height:64px}.vk-key{height:46px;font-size:1.05rem;border-radius:10px;min-width:30px}.vkb{gap:6px}.vkb-row{gap:5px}.seq-tile,.seq-slot{width:52px;height:52px;font-size:1.4rem}.avatar-stage{min-height:200px}.match-grid{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}