:root { color: #244f4b; font-family: "Trebuchet MS", "Arial Rounded MT Bold", Arial, sans-serif; font-synthesis: none; --paper:#fffdf7; --ink:#244f4b; --muted:#6d827d; --green:#51a47a; }
* { box-sizing: border-box; }
html { min-width:0; background:#f7f5e9; }
body { min-width:0; margin:0; overflow-x:hidden; background:radial-gradient(circle at 7% 8%,#f8d8775b 0 145px,transparent 146px),radial-gradient(circle at 94% 21%,#b8e0cf75 0 190px,transparent 191px),linear-gradient(#88aa9b20 1px,transparent 1px),linear-gradient(90deg,#88aa9b20 1px,transparent 1px),linear-gradient(145deg,#fbf8ed,#eef7f1); background-size:auto,auto,30px 30px,30px 30px,auto; }
button { color:inherit; font:inherit; } button:not(:disabled){cursor:pointer} button:focus-visible{outline:4px solid #f2c84e;outline-offset:3px}
.app { width:min(1120px,calc(100% - 32px)); min-height:100vh; margin:0 auto; }
.page { padding:22px 0 54px; }
.loading-card { margin-top:15vh;padding:42px;border:2px solid #dfd8c3;border-radius:32px;background:var(--paper);box-shadow:0 18px 50px #294f4b18;text-align:center;font-size:24px;font-weight:900; }
.topbar { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px; }
.brand { display:flex;min-width:0;align-items:center;gap:11px;padding:0;border:0;background:transparent;text-align:left; }
.brand-mark { position:relative;display:block;width:59px;height:51px;flex:0 0 auto; }
.brand-mark i,.brand-mark em { position:absolute;display:grid;width:36px;height:40px;place-items:center;border:3px solid #fff;border-radius:13px;background:#62ac82;color:#fff;box-shadow:0 6px 13px #35574f1c;font:900 18px Georgia,serif;font-style:normal; }
.brand-mark i{left:0;top:4px;transform:rotate(-7deg)}.brand-mark em{right:0;top:2px;background:#e6a447;transform:rotate(8deg)}.brand-mark b{position:absolute;display:grid;width:27px;height:27px;left:16px;top:13px;place-items:center;border:3px solid #fff;border-radius:50%;background:#806fb2;color:#fff;z-index:2}
.brand strong,.brand small{display:block}.brand strong{font-size:21px;letter-spacing:-.55px}.brand small{margin-top:2px;color:#748781;font-size:9px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}
.top-actions{display:flex;align-items:center;gap:9px}.collection-button,.sound-button{display:flex;min-height:50px;align-items:center;gap:9px;padding:8px 13px;border:2px solid #ddd7c3;border-radius:15px;background:#fffdf8e8;box-shadow:0 5px 13px #35574f0e;font-size:13px;font-weight:900}.collection-button small{display:block;margin-top:1px;color:#7a8b87;font-size:9px;text-align:left}.sound-button{min-width:50px;justify-content:center;font-size:11px}.sound-button.is-on{border-color:#82b99a;background:#edf8ef}
.eyebrow { display:block;color:#4f9171;font:900 11px Georgia,serif;letter-spacing:1.35px; }
.hero { position:relative;display:grid;min-height:432px;grid-template-columns:1.08fr .92fr;gap:32px;align-items:center;overflow:hidden;padding:47px 53px;border:2px solid #ddd6c0;border-radius:42px;background:linear-gradient(125deg,#fff9e7 0 46%,#edf7ee 73%,#eef0fb);box-shadow:0 21px 56px #294f4b17; }
.hero::before,.hero::after{position:absolute;border-radius:50%;content:""}.hero::before{width:210px;height:210px;left:-105px;bottom:-120px;border:27px solid #ffffff65}.hero::after{width:115px;height:115px;right:-45px;top:-50px;background:#ffffff68}
.hero-copy{position:relative;z-index:2}.hero h1{margin:10px 0 16px;font-size:clamp(44px,5vw,62px);line-height:.98;letter-spacing:-2.4px}.hero h1 span{color:#4a9a70}.hero-copy>p{max-width:560px;margin:0;color:#617873;font-size:17px;font-weight:700;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.primary-button,.secondary-button{min-height:52px;padding:13px 20px;border-radius:16px;font-weight:900;transition:.16s transform,.16s box-shadow}.primary-button{border:0;background:linear-gradient(145deg,#5aaf81,#3f936b);color:#fff;box-shadow:0 7px 0 #2f7655,0 13px 23px #3e936b28}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px 0 #2f7655,0 16px 26px #3e936b2d}.primary-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 2px 0 #2f7655}.secondary-button{border:2px solid #d6d0bc;background:#fffdf8;box-shadow:0 5px 12px #304e480d}.secondary-button:hover{border-color:#8bb99b;transform:translateY(-2px)}.hero-facts{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px;color:#698079;font-size:10px;font-weight:900}
.hero-visual{position:relative;min-height:315px}.word-card{position:absolute;width:235px;padding:23px 23px 25px;border:7px solid #fff;border-radius:27px;background:#fff8dd;box-shadow:0 17px 34px #31554d1b;transform:rotate(-6deg)}.word-card.first{left:0;top:22px}.word-card.second{right:0;bottom:23px;background:#e6f5e8;transform:rotate(5deg)}.word-card small,.word-card b{display:block}.word-card small{color:#9a762b;font:900 10px Georgia,serif;letter-spacing:1px}.word-card.second small{color:#458162}.word-card b{margin-top:8px;font:900 31px Georgia,serif}.word-card em{position:absolute;display:grid;width:38px;height:38px;right:12px;top:13px;place-items:center;border-radius:50%;background:#55a77b;color:#fff;font-style:normal}.synonym-bridge{position:absolute;display:flex;left:110px;top:128px;align-items:center;transform:rotate(8deg);z-index:2}.synonym-bridge i{display:block;width:45px;border-top:4px dashed #806fb2}.synonym-bridge span{display:grid;width:47px;height:47px;place-items:center;border:5px solid #fff;border-radius:50%;background:#806fb2;color:#fff;box-shadow:0 7px 15px #31554d1b;font-size:25px;font-weight:900}.hero-book{position:absolute;left:0;bottom:6px;padding:10px 16px;border:5px solid #fff;border-radius:15px;background:#e9d6a4;box-shadow:0 8px 17px #31554d16;color:#8a6d33;font-size:8px;font-weight:900;letter-spacing:1px;transform:rotate(4deg)}.hero-book strong{display:block;margin-top:3px;font:900 16px Georgia,serif}.spark{position:absolute;color:#dd9942;font-size:26px}.spark.one{right:8px;top:5px}.spark.two{left:44px;top:171px;color:#806fb2;font-size:19px}
.steps-section,.levels-section{margin-top:47px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2,.collection-heading h2{margin:6px 0 0;font-size:35px;line-height:1.05;letter-spacing:-1px}.section-heading>p{max-width:390px;margin:0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45;text-align:right}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:19px}.steps-grid article{position:relative;display:grid;min-height:135px;grid-template-columns:44px 45px 1fr;gap:10px;align-items:center;overflow:hidden;padding:19px 16px;border:2px solid #dfd9c5;border-radius:24px;background:#fffdf8;box-shadow:0 10px 23px #31554d0d}.steps-grid article>span{display:grid;width:43px;height:43px;place-items:center;border:3px solid #55a77b;border-radius:50%;color:#4a956d;font:900 23px Georgia,serif}.steps-grid article:nth-child(2)>span{border-color:#d99b43;color:#bd7e27}.steps-grid article:nth-child(3)>span{border-color:#806fb2;color:#6f5da2}.steps-grid article>b{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;background:#ebf5eb;font-size:23px}.steps-grid h3{margin:0;font-size:18px}.steps-grid p{margin:5px 0 0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.35}
.rule-banner{display:grid;grid-template-columns:210px 1fr auto;gap:24px;align-items:center;margin-top:39px;padding:25px 28px;border:2px solid #d8e0d3;border-radius:30px;background:linear-gradient(110deg,#eef7ed,#fff9e8);box-shadow:0 12px 29px #31554d0e}.rule-orbit{display:flex;align-items:center;justify-content:center;gap:8px;min-height:93px;border:5px solid #fff;border-radius:24px;background:#f3dfaa;box-shadow:0 8px 17px #31554d12;transform:rotate(-2deg)}.rule-orbit span{padding:8px;border-radius:10px;background:#fff9e8;font:900 13px Georgia,serif}.rule-orbit b{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#806fb2;color:#fff}.rule-banner h2{margin:5px 0;font-size:22px}.rule-banner p{margin:0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}
.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:19px}.level-card{position:relative;display:flex;min-height:292px;flex-direction:column;align-items:stretch;padding:20px;overflow:hidden;border:2px solid #ded8c4;border-radius:26px;background:#fffdf8;box-shadow:0 11px 25px #31554d0e;text-align:left;transition:.17s transform,.17s box-shadow}.level-card:hover{transform:translateY(-5px);box-shadow:0 17px 31px #31554d18}.level-card::after{position:absolute;width:120px;height:120px;right:-58px;top:-58px;border-radius:50%;background:color-mix(in srgb,var(--accent) 15%,white);content:""}.level-top{display:flex;align-items:start;justify-content:space-between}.level-icon{display:grid;width:61px;height:61px;place-items:center;border:5px solid #fff;border-radius:19px;background:color-mix(in srgb,var(--accent) 17%,white);box-shadow:0 7px 15px #31554d11;font-size:32px}.age-pill{position:relative;padding:6px 9px;border-radius:15px;background:color-mix(in srgb,var(--accent) 11%,white);color:var(--accent);font-size:9px;font-weight:900;z-index:2}.level-card>small{margin-top:17px;color:var(--accent);font:900 9px Georgia,serif;letter-spacing:1px}.level-card>strong{margin-top:5px;font-size:23px}.level-copy{min-height:51px;margin-top:7px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}.word-chain{display:flex;align-items:center;gap:4px;margin-top:auto}.word-chain i{display:block;width:31px;border-top:3px dotted color-mix(in srgb,var(--accent) 65%,white)}.word-chain b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-size:13px}.level-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #e5dfce;color:#748682;font-size:9px;font-weight:900}.level-card:last-child{grid-column:2}
.back-link{min-height:40px;padding:8px 0;border:0;background:transparent;color:#4e776e;font-size:12px;font-weight:900;text-decoration:underline dotted;text-underline-offset:4px}.learn-hero,.collection-hero{display:grid;min-height:315px;grid-template-columns:1fr 330px;gap:40px;align-items:center;padding:41px 48px;border:2px solid #ded7c1;border-radius:36px;background:linear-gradient(125deg,#fff9e8,#eaf5ea);box-shadow:0 17px 42px #31554d13}.learn-hero h1,.collection-hero h1{margin:8px 0 13px;font-size:46px;line-height:1.02;letter-spacing:-1.7px}.learn-hero p,.collection-hero p{max-width:670px;margin:0;color:var(--muted);font-size:15px;font-weight:700;line-height:1.55}.learn-visual{position:relative;display:flex;min-height:170px;align-items:center;justify-content:center;gap:10px;border:7px solid #fff;border-radius:30px;background:#f1dfa9;box-shadow:0 13px 27px #31554d16;transform:rotate(2deg)}.learn-visual span{padding:12px;border-radius:13px;background:#fff;font:900 18px Georgia,serif}.learn-visual b{display:grid;width:39px;height:39px;place-items:center;border-radius:50%;background:#806fb2;color:#fff}.learn-visual i{position:absolute;right:14px;bottom:12px;color:#4a9f72;font-size:25px;font-style:normal}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.lesson-grid article{position:relative;min-height:235px;padding:25px;border:2px solid #dfd9c5;border-radius:27px;background:#fffdf8;box-shadow:0 10px 23px #31554d0d}.lesson-grid article::after{position:absolute;width:84px;height:84px;right:-25px;bottom:-30px;border-radius:50%;background:color-mix(in srgb,var(--kind) 10%,white);content:""}.lesson-number{position:absolute;right:18px;top:16px;color:color-mix(in srgb,var(--kind) 60%,white);font:900 31px Georgia,serif}.lesson-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--kind) 14%,white);font-size:28px}.lesson-grid h2{margin:13px 0 8px;font-size:23px}.lesson-example{display:inline-block;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--kind) 10%,white);color:var(--kind);font:900 15px Georgia,serif}.lesson-grid p{max-width:430px;margin:11px 0 0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.context-lab{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center;margin-top:28px;padding:29px;border:2px solid #dcd7c4;border-radius:30px;background:#eef5ee}.context-paper{padding:28px;border:7px solid #fff;border-radius:23px;background:repeating-linear-gradient(#fffdf8 0 34px,#dce9df 35px 36px);box-shadow:0 11px 22px #31554d15;transform:rotate(-1deg)}.context-paper small{color:#6e817c;font-size:9px;font-weight:900;letter-spacing:1px}.context-paper p{font:900 19px/1.8 Georgia,serif}.context-paper u{text-decoration:underline wavy #df9c3c 3px;text-underline-offset:5px}.context-paper mark{padding:3px 5px;border-radius:7px;background:#dff2e3;color:#347858}.context-lab h2{margin:7px 0;font-size:27px}.context-lab>div:last-child p{color:var(--muted);font-size:13px;font-weight:700;line-height:1.5}.context-lab .primary-button{margin-top:8px}
.game-head{display:grid;grid-template-columns:130px 1fr 130px;gap:17px;align-items:center}.game-head>div span{display:block;color:#668079;font-size:9px;font-weight:900;letter-spacing:.7px;text-align:center}.progress-track{height:9px;margin-top:6px;overflow:hidden;border:2px solid #dce0d6;border-radius:10px;background:#edf0e9}.progress-track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent),#79bd8d);transition:width .25s}.hint-button{min-height:43px;padding:9px 13px;border:2px solid #e4d089;border-radius:14px;background:#fff8d8;color:#7c672f;font-size:11px;font-weight:900}.game-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;margin-top:18px}.task-card,.workbench{border:2px solid #ddd8c5;border-radius:31px;background:#fffdf8;box-shadow:0 15px 36px #31554d15}.task-card{position:relative;display:flex;min-height:626px;flex-direction:column;align-items:center;overflow:hidden;padding:29px;text-align:center;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 14%,white),#fff9e9)}.task-card::after{position:absolute;width:145px;height:145px;right:-75px;top:-70px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,white);content:""}.task-label{color:var(--accent);font:900 9px Georgia,serif;letter-spacing:1.1px}.task-emoji{display:grid;width:126px;height:126px;place-items:center;margin:25px 0 15px;border:7px solid #fff;border-radius:33px;background:color-mix(in srgb,var(--accent) 18%,white);box-shadow:0 10px 21px #31554d17;font-size:63px;transform:rotate(-3deg)}.task-card h1{margin:4px 0 8px;font-size:27px}.task-card>p{max-width:270px;margin:0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45}.mission-counter{display:flex;align-items:center;gap:10px;margin-top:22px;padding:11px 16px;border:2px solid #fff;border-radius:17px;background:#ffffff9e;text-align:left}.mission-counter>b{font:900 36px Georgia,serif}.mission-counter span,.mission-counter small{display:block}.mission-counter span{font-size:12px;font-weight:900}.mission-counter small{color:var(--muted);font-size:8px}.kind-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:auto}.kind-badges span{padding:7px 9px;border:2px solid color-mix(in srgb,var(--kind) 42%,white);border-radius:11px;background:color-mix(in srgb,var(--kind) 8%,white);font-size:9px;font-weight:900}
.workbench{min-height:626px;padding:0 28px 26px;overflow:hidden}.workbench-bar{display:grid;min-height:55px;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;margin:0 -28px;padding:0 23px;border-bottom:2px solid #ded9c8;background:#f1f0e7}.workbench-bar>span{display:flex;gap:6px}.workbench-bar i{display:block;width:10px;height:10px;border-radius:50%;background:#e98277}.workbench-bar i:nth-child(2){background:#e3ad43}.workbench-bar i:nth-child(3){background:#58aa7d}.workbench-bar>b{overflow:hidden;color:#647b75;font:800 10px Georgia,serif;text-align:center;text-overflow:ellipsis;white-space:nowrap}.workbench-bar em{padding:6px 9px;border-radius:10px;background:#e4e5df;color:#7b8986;font-size:8px;font-style:normal;font-weight:900}.workbench-bar em.ready{background:#dff2e3;color:#438062}.text-sheet{position:relative;min-height:175px;margin-top:24px;padding:28px 25px 28px 42px;border:2px solid #dfe3d8;border-radius:21px;background:repeating-linear-gradient(#fff 0 39px,#e4eee6 40px 41px);box-shadow:inset 0 0 0 7px #f8f7ef}.quote-mark{position:absolute;left:14px;top:12px;color:#b5c6bd;font:900 35px Georgia,serif}.editable-text{position:relative;color:#315651;font:900 22px/1.82 Georgia,serif;z-index:1}.text-fragment{display:inline;min-height:38px;margin:0;padding:4px 2px 5px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;text-decoration:underline dotted #9cafaa 2px;text-underline-offset:6px;transition:.14s background,.14s color}.text-fragment:hover:not(:disabled){background:#eaf5e9;text-decoration-color:#4c9c71}.normal-fragment.is-wrong{background:#fff0ed;color:#ae5d56;text-decoration:underline wavy #e7746c 2px}.repeat-fragment.is-selected{background:#e7effb;color:#506da3;text-decoration:underline solid #7185b4 3px;box-shadow:0 0 0 3px #dce7fa}.repeat-fragment.is-source{background:#f1eafb;color:#6e59a4;text-decoration-color:#806fb2}.repeat-fragment.is-hint{background:#fff1b7;color:#7d6224;text-decoration:underline wavy #dfa735 3px;box-shadow:0 0 0 3px #fff1a56b}.repeat-fragment.is-fixed{background:#dff3e3;color:#347858;text-decoration:none}.repeat-fragment.is-fixed::after{margin-left:3px;color:#4ba976;content:"✓";font:900 11px "Trebuchet MS",sans-serif}.repeat-fragment.is-source-fixed{background:#f0f5ed;color:#5e776f;text-decoration:none}.pencil-corner{position:absolute;right:10px;bottom:5px;font-size:22px;transform:rotate(10deg)}.instruction{margin:10px 2px 0;color:var(--muted);font-size:10px;font-weight:800}.choice-placeholder,.choice-panel{margin-top:16px;border:2px dashed #d7ddcf;border-radius:19px;background:#f7f7f0}.choice-placeholder{display:grid;min-height:105px;grid-template-columns:44px 1fr;gap:11px;align-items:center;padding:15px}.choice-placeholder>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#e8ece5;font-size:23px}.choice-placeholder strong{font-size:13px}.choice-placeholder p{margin:3px 0 0;color:var(--muted);font-size:10px;font-weight:700}.choice-panel{padding:15px;border-style:solid;border-color:color-mix(in srgb,var(--kind) 42%,white);background:color-mix(in srgb,var(--kind) 6%,white)}.choice-heading{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.choice-heading>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--kind) 16%,white);font-size:22px}.choice-heading small,.choice-heading strong{display:block}.choice-heading small{color:var(--kind);font-size:8px;font-weight:900;letter-spacing:.5px}.choice-heading strong{margin-top:3px;font-size:14px}.synonym-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}.synonym-option{position:relative;min-width:0;min-height:56px;padding:10px 24px 10px 9px;overflow-wrap:anywhere;border:2px solid #d7e3d8;border-radius:14px;background:#fff;box-shadow:0 5px 10px #31554d0a;font:900 15px Georgia,serif}.synonym-option:hover{border-color:#6db48a;background:#eff9ef;transform:translateY(-2px)}.synonym-option small{position:absolute;right:7px;bottom:5px;color:#9ba8a4;font:800 8px "Trebuchet MS",sans-serif}.synonym-option.is-wrong{border-color:#eb9d94;background:#fff0ed;color:#ad5d57}.synonym-option.is-hint{border-color:#e3ac37;background:#fff7d7;box-shadow:0 0 0 4px #f6df8c73}.kind-tip{margin:9px 2px 0;color:#71857f;font-size:9px;font-weight:700}.feedback{display:grid;min-height:74px;grid-template-columns:42px 1fr;gap:11px;align-items:center;margin-top:14px;padding:12px 14px;border:2px solid #d8e2d7;border-radius:17px;background:#eef6ed}.feedback>b{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#fff;font-size:21px}.feedback strong{font-size:13px}.feedback p{margin:3px 0 0;color:#667b76;font-size:10px;font-weight:700;line-height:1.35}.feedback.try{border-color:#efc0b9;background:#fff2ef}.feedback.hint{border-color:#ead28b;background:#fff8db}.feedback.good{border-color:#b8dec3;background:#e8f6e9}.feedback.found{border-color:#bdcbe7;background:#eef3fb}.game-actions{display:flex;justify-content:flex-end;margin-top:11px}.game-actions .primary-button{min-height:46px;padding:10px 17px}
.result{position:relative;max-width:850px;min-height:595px;margin:33px auto 0;padding:48px 55px 40px;overflow:hidden;border:3px solid color-mix(in srgb,var(--accent) 55%,white);border-radius:39px;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent) 16%,white),transparent 45%),#fffdf8;box-shadow:0 22px 55px #31554d1a;text-align:center}.result::before,.result::after{position:absolute;border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,white);content:""}.result::before{width:170px;height:170px;left:-85px;bottom:-85px}.result::after{width:140px;height:140px;right:-70px;top:80px}.result-confetti{position:absolute;right:27px;top:19px;color:var(--accent);font-size:20px;letter-spacing:9px}.result-icon{display:grid;width:95px;height:95px;place-items:center;margin:0 auto 12px;border:7px solid #fff;border-radius:29px;background:color-mix(in srgb,var(--accent) 17%,white);box-shadow:0 11px 22px #31554d16;font-size:48px;transform:rotate(-3deg)}.result-label{display:inline-block;padding:6px 11px;border:4px double #56a77b;border-radius:8px;color:#4b966f;font:900 9px Georgia,serif;letter-spacing:1.2px}.result h1{margin:11px 0 5px;font-size:44px;letter-spacing:-1.4px}.result-stars{color:#e8ac35;font-size:40px;letter-spacing:4px}.result>p{max-width:620px;margin:11px auto;color:var(--muted);font-weight:700;line-height:1.5}.stats{display:flex;justify-content:center;gap:10px;margin:22px 0}.stats span{min-width:155px;padding:13px;border:2px solid #e0dbc9;border-radius:17px;background:#fff}.stats b,.stats small{display:block}.stats b{font:900 28px Georgia,serif}.stats small{color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase}.result-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:9px;z-index:1}.text-button{min-height:45px;padding:10px 12px;border:0;background:transparent;color:#537b72;font-size:12px;font-weight:900;text-decoration:underline dotted;text-underline-offset:4px}
.collection-jar{position:relative;display:grid;width:185px;height:180px;place-items:center;margin:auto;border:8px solid #fff;border-radius:25px 25px 55px 55px;background:linear-gradient(#f4e5b9c7,#d8eddfc7);box-shadow:0 13px 27px #31554d17;transform:rotate(2deg)}.collection-jar::before{position:absolute;width:150px;height:29px;left:10px;top:-20px;border:6px solid #fff;border-radius:12px;background:#dda25a;content:""}.collection-jar span{margin-top:25px;font:900 52px Georgia,serif}.collection-jar small{margin-top:-29px;color:#70837d;font-size:8px;font-weight:900;letter-spacing:1px}.collection-jar b{position:absolute;right:16px;bottom:14px;color:#806fb2;font-size:28px}.collection-group{margin-top:36px}.collection-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}.collection-heading>b{padding:7px 10px;border-radius:20px;background:#e9f3e9;color:#54796f;font-size:11px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.archive-card{position:relative;display:grid;min-height:260px;grid-template-columns:58px 1fr;gap:11px;align-items:start;padding:18px 15px;overflow:hidden;border:2px dashed #d5d4c9;border-radius:23px;background:#f2f1ea;color:#83918d}.archive-card.opened{border:3px solid color-mix(in srgb,var(--accent) 50%,white);background:#fffdf8;box-shadow:0 8px 20px #31554d0e;color:#315651}.archive-number{position:absolute;right:10px;top:7px;color:#96a19e;font:10px Georgia,serif}.archive-emoji{display:grid;width:55px;height:55px;place-items:center;border-radius:17px;background:color-mix(in srgb,var(--accent) 14%,white);font-size:29px}.archive-card strong{display:block;margin-top:3px;font-size:15px}.archive-card small{display:block;margin-top:5px;color:var(--accent);font-size:8px;font-weight:900;line-height:1.35}.archive-card p{grid-column:1/-1;min-height:96px;margin:9px 0 0;padding:12px;border-radius:14px;background:#f7f8f2;color:#5f7671;font:800 12px/1.55 Georgia,serif}.archive-card p mark{padding:1px 3px;border-radius:4px;background:#dff2e3;color:#347858}.archive-source{border-bottom:2px dotted #947fc4}.archive-status{grid-column:1/-1;justify-self:end;padding:5px 8px;border-radius:9px;background:#e6ede4;color:#75847f;font-size:8px;font-weight:900}.archive-card.opened .archive-status{background:#e0f2e3;color:#468064}
@media(max-width:980px){.hero{grid-template-columns:1fr .82fr;padding:42px 34px}.hero h1{font-size:46px}.hero-visual{transform:scale(.87);transform-origin:center}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:100px}.rule-banner{grid-template-columns:180px 1fr}.rule-banner .secondary-button{grid-column:2;justify-self:start}.levels-grid{grid-template-columns:repeat(2,1fr)}.level-card:last-child{grid-column:auto}.game-grid{grid-template-columns:1fr}.task-card{display:grid;min-height:0;grid-template-columns:105px 1fr auto;gap:13px;align-items:center;text-align:left}.task-card>.task-label,.kind-badges{grid-column:1/-1}.task-emoji{width:102px;height:102px;margin:0;font-size:52px}.task-card h1{margin:0}.task-card>p{max-width:none}.mission-counter{margin:0}.kind-badges{margin-top:0}.workbench{min-height:0}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.app{width:min(1120px,calc(100% - 20px))}.page{padding:12px 0 43px}.topbar{align-items:flex-start;margin-bottom:17px}.brand-mark{width:48px;height:42px}.brand-mark i,.brand-mark em{width:31px;height:34px;border-radius:11px;font-size:14px}.brand-mark b{width:23px;height:23px;left:13px;top:10px;font-size:12px}.brand strong{display:block;max-width:175px;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.brand small{font-size:7px}.top-actions{gap:5px}.collection-button,.sound-button{min-height:42px;padding:7px 9px;border-radius:12px;font-size:0}.collection-button small{display:none}.collection-button>span:first-child,.sound-button>span:first-child{font-size:18px}.hero{display:block;min-height:0;padding:32px 23px 14px;border-radius:28px}.eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:37px;letter-spacing:-1.4px}.hero-copy>p{font-size:14px}.hero-actions{align-items:stretch;margin-top:21px}.hero-actions button{width:100%}.hero-facts{gap:7px;font-size:8px}.hero-visual{width:310px;min-height:247px;margin:10px auto -25px;transform:scale(.75);transform-origin:top center}.steps-section,.levels-section{margin-top:32px}.section-heading{display:block}.section-heading h2{font-size:29px}.section-heading>p{max-width:none;margin-top:8px;text-align:left}.steps-grid{gap:9px;margin-top:14px}.steps-grid article{grid-template-columns:38px 35px 1fr;gap:8px;padding:13px 11px;border-radius:19px}.steps-grid article>span{width:37px;height:37px;border-width:2px;font-size:19px}.steps-grid article>b{width:34px;height:34px;font-size:17px}.steps-grid h3{font-size:15px}.steps-grid p{font-size:10px}.rule-banner{grid-template-columns:86px 1fr;gap:12px;margin-top:28px;padding:15px 12px;border-radius:21px}.rule-orbit{min-height:78px;flex-direction:column;gap:2px;border-width:3px}.rule-orbit span{padding:4px;font-size:9px}.rule-orbit b{width:22px;height:22px}.rule-banner h2{font-size:16px}.rule-banner p{font-size:9px}.rule-banner .secondary-button{grid-column:1/-1;width:100%;min-height:44px}.levels-grid{grid-template-columns:1fr;gap:10px}.level-card{min-height:265px;padding:18px;border-radius:22px}.level-icon{width:52px;height:52px;font-size:27px}.level-copy{min-height:0}.learn-hero,.collection-hero{display:block;min-height:0;padding:27px 21px;border-radius:25px}.learn-hero h1,.collection-hero h1{font-size:35px}.learn-hero p,.collection-hero p{font-size:13px}.learn-visual,.collection-jar{display:none}.lesson-grid{grid-template-columns:1fr;gap:10px}.lesson-grid article{min-height:220px;padding:20px;border-radius:22px}.context-lab{display:block;padding:15px}.context-paper{padding:19px;border-width:5px}.context-paper p{font-size:16px}.context-lab>div:last-child{margin-top:18px}.context-lab h2{font-size:21px}.context-lab .primary-button{width:100%}.game-head{grid-template-columns:1fr auto;gap:5px}.game-head>div{grid-column:1/-1;grid-row:1;margin-bottom:5px}.game-head .back-link{grid-column:1;grid-row:2}.hint-button{grid-column:2;grid-row:2;min-height:39px}.game-grid{gap:11px;margin-top:11px}.task-card{grid-template-columns:70px 1fr;gap:9px;padding:17px;border-radius:22px}.task-emoji{width:68px;height:68px;border-width:5px;border-radius:20px;font-size:37px}.task-card h1{font-size:21px}.task-card>p{grid-column:1/-1;font-size:10px}.mission-counter{grid-column:1/-1;justify-self:center;padding:7px 12px}.mission-counter>b{font-size:28px}.kind-badges{justify-content:center}.workbench{padding:0 14px 19px;border-radius:22px}.workbench-bar{grid-template-columns:62px 1fr auto;margin:0 -14px;padding:0 11px}.text-sheet{min-height:154px;margin-top:16px;padding:21px 10px 21px 25px;border-radius:17px}.quote-mark{left:7px;top:8px;font-size:27px}.editable-text{font-size:18px;line-height:1.88}.text-fragment{min-height:35px;padding:3px 1px 4px;text-underline-offset:5px}.pencil-corner{display:none}.instruction{font-size:9px}.choice-placeholder{min-height:92px;margin-top:12px;padding:11px}.choice-panel{margin-top:12px;padding:11px}.choice-heading{grid-template-columns:37px 1fr}.choice-heading>span{width:37px;height:37px}.choice-heading strong{font-size:12px}.synonym-options{grid-template-columns:1fr;gap:7px}.synonym-option{min-height:49px;font-size:14px}.feedback{margin-top:11px;padding:10px}.feedback strong{font-size:11px}.feedback p{font-size:9px}.game-actions .primary-button{width:100%}.result{min-height:0;margin-top:22px;padding:36px 16px 28px;border-radius:27px}.result-icon{width:79px;height:79px;font-size:39px}.result h1{font-size:33px}.result-stars{font-size:31px}.result>p{font-size:12px}.stats{gap:5px}.stats span{min-width:0;width:33.33%;padding:9px 4px}.stats b{font-size:21px}.stats small{font-size:7px}.result-actions{align-items:stretch;flex-direction:column}.collection-heading{align-items:flex-start}.collection-heading h2{font-size:23px}.archive-grid{grid-template-columns:1fr;gap:9px}.archive-card{min-height:240px;padding:15px 12px;border-radius:20px}.archive-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}