@charset "UTF-8";
:root{--ink:#353251;--muted:#827f94;--purple:#7860c9;--cream:#faf7f0;--line:#eae5dc;--shadow:0 8px 28px #47405d08;font-family:"Trebuchet MS",ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #3591ba;outline-offset:4px}button{border:0}button:disabled{cursor:default}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3.3vw,44px);line-height:1.12;letter-spacing:-1.4px}h2{font-size:26px;letter-spacing:-.7px}h3{font-size:19px}p{line-height:1.6}a{color:var(--purple)}.topbar{max-width:1240px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:12px;align-items:center;background:none;text-align:left;padding:0}.brand img{height:58px;width:51px;object-fit:contain}.brand span{font-size:22px;font-weight:900;letter-spacing:-.7px}.brand b{color:var(--purple)}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-top:6px}.top-actions{display:flex;align-items:center;gap:10px}.star-count{background:#fff3d5;border:1px solid #f1dfb1;border-radius:20px;padding:10px 17px;font-size:20px;min-height:48px}.round{background:white;width:50px;height:50px;border-radius:17px;box-shadow:var(--shadow);font-size:22px}.parent-button{min-height:48px;background:transparent;font-size:13px;font-weight:bold;padding:10px;color:#797487}.parent-button:first-letter{font-size:22px}main{max-width:1180px;margin:0 auto;padding:12px 20px 130px;outline:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#9985c0;margin-bottom:15px}.welcome{display:grid;grid-template-columns:1.05fr 1fr;gap:25px;margin-bottom:32px}.intro{position:relative;border-radius:30px;background:#eee8fb;padding:34px 30px;min-height:298px;overflow:hidden}.intro:after{content:"✦";position:absolute;font-size:60px;color:#d8cbee;right:180px;bottom:14px;transform:rotate(15deg)}.intro h1{max-width:340px;position:relative;z-index:1}.intro p{color:#77708c;max-width:285px;font-size:15px;margin-bottom:22px}.intro .fox{position:absolute;right:9px;bottom:0;width:150px;height:190px;object-fit:contain;transform-origin:bottom;animation:breathe 5s ease-in-out infinite}.intro .primary{position:relative;z-index:1}.primary,.soft-button,.next{min-height:54px;border-radius:17px;padding:14px 23px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:9px}.primary{background:var(--purple);color:white;box-shadow:0 5px 0 #624caf}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #624caf}.soft-button{background:#f0edf8;color:#6e59a9}.next{background:#e6f3e8;color:#427751}.world-preview{position:relative;overflow:hidden;background:#edf3e8;border:5px solid #fff;border-radius:30px;box-shadow:var(--shadow);min-height:298px;padding:0;text-align:left}.world-preview img{width:100%;height:100%;object-fit:cover}.world-preview .map-tag{position:absolute;left:20px;bottom:16px;background:white;border-radius:16px;padding:12px 16px;box-shadow:0 4px 20px #274c1920;font-weight:bold;font-size:15px}.map-tag span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.map-arrow{position:absolute;right:18px;bottom:20px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#7c9d69;font-size:24px}.section-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:18px}.section-heading h2{margin:0}.section-heading p{font-size:13px;color:var(--muted);margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category{background:#fff;border:1px solid #eee9e1;box-shadow:var(--shadow);border-radius:23px;padding:13px;text-align:left;transition:transform .15s}.category:hover{transform:translateY(-3px)}.category:active{transform:scale(.97)}.category-art{height:116px;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.category-art:before{content:"";position:absolute;width:85px;height:85px;border:2px dashed #ffffffb5;border-radius:50%;transform:rotate(-15deg)}.category-art .big-icon{font-size:67px;position:relative;filter:drop-shadow(0 6px 1px #00000008);transform:rotate(-7deg)}.category-art .tiny-icon{font-size:26px;position:absolute;right:25px;top:15px;transform:rotate(14deg)}.category-info{padding:14px 6px 6px;display:flex;justify-content:space-between;align-items:center}.category-info h3{margin:0 0 5px;font-size:17px}.category-info p{font-size:11px;color:var(--muted);margin:0}.category-info .go{color:#aaa1bc;font-size:23px}.tip{display:flex;gap:13px;align-items:center;margin-top:24px;border:1px dashed #ded6eb;border-radius:20px;padding:16px 20px;font-size:13px;color:#81758e}.tip b{color:#655679}.tip .tip-icon{font-size:27px}.bottom-nav{position:fixed;z-index:10;bottom:15px;left:50%;transform:translateX(-50%);background:#fffffff5;backdrop-filter:blur(16px);border:1px solid #ece6e0;border-radius:25px;display:flex;padding:8px;box-shadow:0 8px 40px #3e33551a;gap:5px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.bottom-nav button{min-width:110px;min-height:62px;border-radius:18px;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:23px}.bottom-nav span{font-size:11px;color:#8b849b;font-weight:bold}.bottom-nav button.active{background:#eee8fa}.bottom-nav button.active span{color:#7159b4}.page-heading{display:flex;gap:16px;align-items:center;margin:12px 0 24px}.page-heading h1{font-size:32px;margin:0 0 6px}.page-heading p{margin:0;color:var(--muted);font-size:14px}.page-heading .round{flex-shrink:0}.page-heading .replay{margin-left:auto}.section-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.section-tabs button{padding:13px 20px;border-radius:16px;min-height:50px;background:white;border:1px solid var(--line);font-weight:bold}.section-tabs button.selected{background:#eae2fb;border-color:#d4c6ed;color:#7059ae}.phrase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.phrase-card{position:relative;padding:25px 24px 22px;background:white;border-radius:25px;border:2px solid transparent;text-align:center;min-height:200px;box-shadow:var(--shadow)}.phrase-card:active{border-color:#a18bd0;background:#f5f0ff}.phrase-card .emoji{display:block;font-size:64px;margin-bottom:15px}.phrase-card strong{display:block;font-size:21px;line-height:1.3}.phrase-card .speaker{position:absolute;right:15px;top:15px;font-size:15px;opacity:.45}.ru{display:block;color:#8b819b;font-size:13px;font-weight:normal;line-height:1.4;margin-top:8px}.learned{position:absolute;left:14px;top:12px;font-size:15px}.activity-panel{background:white;border-radius:30px;padding:28px;box-shadow:var(--shadow);border:1px solid #eee8df;text-align:center}.question{font-size:26px;margin:4px 0 16px;line-height:1.35}.question button{vertical-align:middle;margin-left:10px}.feedback{min-height:38px;font-size:18px;font-weight:bold;color:#7860a0;padding:8px;margin:10px 0}.feedback.success{color:#42815f}.choices{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.choice{min-width:110px;min-height:115px;border:3px solid #eee8f6;background:#faf8fd;border-radius:23px;padding:17px;font-size:38px;font-weight:bold}.choice small{font-size:15px;display:block;margin-top:9px;max-width:210px}.choice.correct{border-color:#6eaf80;background:#e8f7e9;animation:pop .3s}.choice.wrong{animation:wiggle .3s;background:#fff6e8}.choice:disabled{opacity:.65}.choice.correct:disabled{opacity:1}.color-choice{width:130px;height:130px;border:7px solid white;outline:2px solid #e8e4ec;box-shadow:0 4px 10px #00000008;border-radius:30px}.color-choice.correct{outline:5px solid #69549d}.quiz-progress{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.dot{width:9px;height:9px;background:#e7e0f0;border-radius:50%}.dot.done{background:#a995d5}.activity-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.large-symbol{font-size:100px;line-height:1.2;padding:8px 0 20px}.sticks{min-height:135px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;padding:15px}.stick{height:94px;width:45px;position:relative;background:none;padding:5px;border-radius:14px}.stick:before{content:"";display:block;height:82px;width:18px;margin:auto;background:#edb77e;border:3px solid #dca26a;border-radius:9px;box-shadow:0 4px 0 #c68a58;transform:rotate(8deg)}.stick.counted{background:#eee6fb}.stick.counted:before{background:#a48bd2;border-color:#8e71c2}.stick span{position:absolute;left:11px;top:33px;color:white;font-weight:bold}.number-choice{min-width:73px;min-height:75px;font-size:33px;padding:8px}.alphabet-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.letter-button{border-radius:20px;background:white;border:1px solid #eee7dd;min-height:110px;padding:14px;font-size:35px;color:#7b60bf;font-weight:900;box-shadow:var(--shadow)}.letter-button span{display:block;font-size:25px;margin-top:8px}.letter-button.selected{background:#eee5ff;border:3px solid #a58bcf}.letter-display{display:flex;align-items:center;gap:22px;justify-content:center;margin-bottom:20px;background:#f0eafa;border-radius:25px;padding:25px}.letter-display b{font-size:80px;color:#7860b4}.letter-display .letter-word{font-size:25px;text-align:left}.letter-word span{font-size:42px;display:block;margin-bottom:8px}.story-world{position:relative;height:280px;border-radius:26px;overflow:hidden;background:#dff1f3;margin-bottom:22px}.story-world>img{height:100%;width:100%;object-fit:cover}.story-avatar{position:absolute;left:12%;bottom:15%;font-size:42px;filter:drop-shadow(0 5px 2px #0002);transition:left .6s ease}.story-dots{position:absolute;left:20px;top:18px;background:#fffefa;padding:12px 18px;border-radius:16px;font-weight:bold;font-size:13px}.speech-row{display:flex;align-items:center;gap:15px;max-width:760px;margin:0 auto 22px}.speech-row>img{width:75px;height:95px;object-fit:contain}.bubble{background:#f1ecfb;border-radius:20px;text-align:left;padding:18px 24px;font-size:22px;line-height:1.4;flex:1}.story-choice{min-width:160px}.story-response{font-size:23px;color:#7057a8;min-height:34px;margin:22px 0}.sport-scene{height:200px;max-width:660px;margin:0 auto 24px;position:relative;overflow:hidden;border-radius:24px;background:repeating-linear-gradient(90deg,#a4ce8e 0 80px,#b2d69f 80px 160px);border:8px solid #d2e7c3}.sport-scene:before{content:"";position:absolute;inset:16px;border:2px solid #fff9;border-radius:5px}.sport-scene .goal{position:absolute;right:30px;top:30px;font-size:85px}.sport-scene .ball{position:absolute;left:50px;bottom:25px;font-size:42px;transition:all .7s ease}.sport-scene.scored .ball{left:calc(100% - 120px);bottom:75px;transform:rotate(330deg) scale(.6)}.bike-scene{background:#e7f1fa;border:0;display:flex;align-items:center;justify-content:center;font-size:100px;gap:25px}.bike-scene:before{display:none}.bike-scene .helmet{font-size:55px}.bike-scene.scored{animation:pop .4s}.trace-wrap{position:relative;max-width:630px;margin:0 auto 14px;background:#faf8f3;border-radius:25px;overflow:hidden;border:2px solid #eae3d6}.trace-wrap canvas{display:block;width:100%;height:340px;touch-action:none}.trace-meter{height:8px;background:#e8e1f0;border-radius:8px;max-width:630px;margin:12px auto 22px;overflow:hidden}.trace-meter div{height:100%;background:#a38ace;transition:width .15s}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.sticker{border-radius:25px;padding:25px;background:white;text-align:center;font-size:50px;border:2px solid #efe7d8}.sticker small{display:block;font-size:13px;margin-top:10px;color:#887ba3}.sticker.locked{opacity:.4;filter:grayscale(1)}.empty-note{font-size:15px;color:var(--muted);text-align:center}.parent-note{font-size:12px;color:#9a91a2;margin-top:12px}.progress-banner{background:#fef0ce;padding:24px;border-radius:25px;margin-bottom:25px;display:flex;align-items:center;gap:20px}.progress-banner>b{font-size:55px}.progress-banner h2{margin-bottom:5px}.progress-banner p{margin:0;color:#938265}.fine{font-size:12px;color:#928996}#toast{position:fixed;left:50%;top:20px;transform:translate(-50%,-120px);z-index:40;padding:15px 24px;border-radius:20px;color:#5f4d7d;background:#fff7df;box-shadow:0 6px 30px #30203b25;font-weight:bold;transition:transform .3s;pointer-events:none;text-align:center;max-width:90vw}#toast.show{transform:translate(-50%,0)}#confetti{pointer-events:none;position:fixed;inset:0;z-index:30;overflow:hidden}#confetti i{position:absolute;top:30%;font-size:25px;animation:confetti 1.3s ease-out forwards}dialog{border:0;max-width:540px;width:calc(100% - 30px);border-radius:28px;padding:30px;color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#28203966;backdrop-filter:blur(4px)}dialog h2{padding-right:25px}dialog p{font-size:14px}.dialog-close{position:absolute;right:18px;top:18px;border-radius:50%;background:#eee8f5;width:40px;height:40px;font-size:18px}.setting{display:flex;align-items:center;justify-content:space-between;min-height:55px;border-top:1px solid #eee}.setting input{width:25px;height:25px;accent-color:var(--purple)}.loading{padding:70px;text-align:center;color:var(--muted)}.loading span{font-size:60px;display:block}.loading button{margin-top:20px}button[hidden],div[hidden]{display:none!important}@keyframes breathe{50%{transform:rotate(-3deg) translateY(-5px)}}@keyframes pop{50%{transform:scale(1.08)}}@keyframes wiggle{33%{transform:translateX(-5px)}66%{transform:translateX(5px)}}@keyframes confetti{to{transform:translate(var(--drift),50vh) rotate(200deg);opacity:0}}@media(min-width:1450px){main{padding-top:24px}.welcome{margin-bottom:38px}.intro{min-height:320px}.category-art{height:130px}}@media(max-width:900px){.welcome{gap:16px;grid-template-columns:1.1fr 1fr}.intro{padding:27px 23px;min-height:285px}.intro h1{font-size:32px;max-width:250px}.intro p{max-width:200px;font-size:13px}.intro .fox{width:105px;height:150px;right:0}.intro:after{right:90px;bottom:35px}.category-grid{gap:12px}.category-info h3{font-size:15px}.category-art{height:105px}.category-art .big-icon{font-size:58px}.phrase-grid{grid-template-columns:repeat(2,1fr)}.alphabet-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){.topbar{padding:15px}.brand span{font-size:18px}.brand small{font-size:7px;letter-spacing:1px}.brand img{height:44px;width:38px}.top-actions{gap:6px}.star-count{padding:8px 10px;font-size:16px}.parent-button{padding:5px;font-size:20px}.parent-button span{display:none}.top-actions .round{width:42px;height:44px;font-size:20px}main{padding:8px 15px 120px}.welcome{grid-template-columns:1fr;gap:13px;margin-bottom:25px}.intro{min-height:235px;padding:27px 25px}.intro h1{font-size:31px;max-width:300px;margin-bottom:13px}.intro p{max-width:235px;margin-bottom:15px}.intro .fox{width:112px;height:160px;right:9px}.intro .eyebrow{margin-bottom:10px}.world-preview{min-height:170px;height:170px}.world-preview img{object-position:center 47%}.world-preview .map-tag{font-size:13px;padding:10px 13px;left:12px;bottom:10px}.category-grid{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:23px}.section-heading p{display:none}.category-art{height:110px}.category-info{padding:12px 3px 4px}.category-info h3{font-size:16px}.bottom-nav{bottom:8px;width:calc(100% - 24px);gap:0;justify-content:space-around;border-radius:22px}.bottom-nav button{min-width:0;width:25%;font-size:22px;min-height:58px}.bottom-nav span{font-size:10px}.tip{font-size:12px;padding:13px}.page-heading{gap:10px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.page-heading .round{width:44px;height:48px}.phrase-card{padding:25px 12px 18px;min-height:182px}.phrase-card strong{font-size:18px}.phrase-card .emoji{font-size:53px}.section-tabs{gap:7px}.section-tabs button{padding:10px 13px;font-size:13px}.activity-panel{padding:22px 14px}.question{font-size:22px}.choice{min-width:85px;min-height:95px;font-size:32px;padding:12px}.choice small{font-size:13px}.choices{gap:12px}.color-choice{width:105px;height:105px}.number-choice{min-width:62px;min-height:67px}.alphabet-grid{grid-template-columns:repeat(4,1fr);gap:9px}.letter-button{min-height:91px;font-size:29px}.letter-display{padding:18px;gap:18px}.letter-display b{font-size:65px}.story-world{height:210px}.story-choice{min-width:130px}.speech-row>img{width:48px;height:73px}.bubble{padding:15px;font-size:18px}.sport-scene{height:170px}.sticker-grid{grid-template-columns:repeat(3,1fr);gap:9px}.sticker{padding:16px 8px;font-size:38px}.trace-wrap canvas{height:300px}.sticks{gap:4px}.stick{width:35px}.progress-banner{padding:20px}.progress-banner h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}