:root{--ink:#182c48;--muted:#65758a;--line:#dce5ec;--blue:#2471d8;--paper:#f5f8fb}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Segoe UI,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #1769d5;outline-offset:5px}header{max-width:1180px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-size:23px;font-weight:900;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:1.7px;margin-top:5px;color:var(--muted)}.badge{font-size:12px;background:#e4edf9;padding:9px 13px;border-radius:30px;font-weight:700}main{max-width:1124px;margin:15px auto 40px;padding:0 20px}.intro{margin:25px 0 30px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--blue)}h1{font-size:clamp(30px,4vw,47px);letter-spacing:-1.7px;margin:12px 0}.intro p{color:var(--muted);line-height:1.7;max-width:700px}.layout{display:grid;grid-template-columns:245px 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:23px;padding:23px}aside h2{font-size:15px;margin:0 0 17px}.topic{width:100%;text-align:left;padding:15px;border:1px solid #a9c7f1;background:#edf4ff;border-radius:13px;color:#205ca9;font-weight:750}.topic small{display:block;font-size:11px;margin-top:6px;font-weight:400}.later{color:#8995a5;font-size:12px;padding:15px 4px;border-bottom:1px solid #eef1f5}.rule{background:#fff7dc;padding:16px;border-radius:14px;margin:23px 0;font-size:13px;line-height:1.8}.rule strong{display:block}.vowels{color:#9a6913;font-weight:800;letter-spacing:1px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{background:var(--paper);padding:12px;border-radius:12px;font-size:10px;color:var(--muted)}.stat b{display:block;font-size:24px;color:var(--ink);margin-bottom:3px}.quiet{border:0;background:0 0;font-size:11px;color:var(--muted);padding:12px 0;text-decoration:underline}.game{position:relative;overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:var(--muted)}#sound{border:1px solid var(--line);border-radius:20px;background:#fff;padding:7px 12px;color:var(--ink)}.prompt{text-align:center;padding:29px 0 12px}.prompt small{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}#greek{font-size:35px;font-weight:850;margin:12px 0}#emoji{font-size:33px}.instruction{text-align:center;font-size:13px;color:var(--muted);line-height:1.6}.build{display:flex;justify-content:center;align-items:center;gap:8px;min-height:150px;margin:12px 0;background:radial-gradient(ellipse,#eaf0f7 1px,transparent 1px);background-size:14px 14px;border-radius:18px}.slot{width:154px;min-height:78px;border:2px dashed #b8c7d7;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#8292a5;font-size:12px;position:relative}.slot.over{background:#e2efff;border-color:var(--blue)}.slot.filled{border:0}.plus{font-size:23px;color:#a3afbd}.brick{--color:#ffc83c;--edge:#d89c0e;position:relative;background:var(--color);box-shadow:inset -8px -6px 0 #00000013,0 7px 0 var(--edge),0 12px 16px #142a4415;border:0;border-radius:10px;padding:20px 24px;min-width:115px;color:#172542;font-size:25px;font-weight:850;touch-action:none;user-select:none;margin-top:16px}.brick:after,.brick:before{content:'';position:absolute;top:-14px;width:30px;height:18px;border-radius:50% 50% 35% 35%;background:var(--color);box-shadow:inset 0 -4px 0 #00000013}.brick:before{left:19px}.brick:after{right:19px}.root{--color:#ff5963;--edge:#dc3445;color:#fff}.suffix:nth-child(3n+2){--color:#ac8aff;--edge:#8965da}.suffix:nth-child(3n){--color:#54d5bc;--edge:#2aad96}.bank{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 15px;padding:22px 8px 28px;min-height:125px}.brick.used{opacity:.28}.brick:disabled{cursor:default}.bank-label{border-top:1px solid #edf1f5;padding-top:20px;text-align:center;color:var(--muted);font-size:11px;letter-spacing:1.4px;font-weight:700}#feedback{min-height:67px;text-align:center;font-size:14px;line-height:1.6;padding:12px;border-radius:12px}#feedback.good{background:#e7f8f0;color:#187853}#feedback.bad{background:#fff0e9;color:#a34725}.actions{display:flex;justify-content:center;gap:10px;margin-top:16px}.primary{background:var(--ink);color:#fff;border:0;border-radius:12px;padding:14px 22px;font-weight:700}.secondary{border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 18px;color:var(--ink)}footer{text-align:center;color:#8491a1;font-size:11px;line-height:1.8;margin:25px 0}.confetti{position:fixed;pointer-events:none;top:-20px;width:10px;height:15px;z-index:10;animation:fall 1.8s ease-in forwards}@keyframes fall{to{transform:translateY(100vh) rotate(620deg);opacity:0}}.dragghost{position:fixed;z-index:99;pointer-events:none;opacity:.9;margin:0;transform:translate(-50%,-50%)}@media(max-width:760px){header{padding:20px}.brand{font-size:19px}.badge{font-size:10px}.layout{grid-template-columns:1fr}aside .later{display:none}.rule{margin:15px 0}.stats{grid-template-columns:1fr 1fr}.intro{margin-top:10px}.panel{padding:18px}.slot{width:130px}.brick{min-width:99px;padding:18px;font-size:23px}#greek{font-size:29px}.build{min-height:140px}}.layout{grid-template-columns:minmax(0,1fr)}body{min-height:100vh;background:radial-gradient(ellipse at 0 5%,#d5e9ff 0,transparent 44%),radial-gradient(ellipse at 100% 25%,#e5dcff 0,transparent 43%),radial-gradient(ellipse at 35% 100%,#d9f4ec 0,transparent 50%),#f3f5fb;background-attachment:fixed}header{border-bottom:1px solid #ffffff90}.badge{background:#ffffffb3;border:1px solid #fff;box-shadow:0 4px 18px #26385508}.intro{margin:32px 0}.intro h1{color:#1c2b49;letter-spacing:-1.9px}.intro p{color:#5c6c85}.panel{background:#ffffffc9;border:1px solid #ffffffed;box-shadow:0 14px 45px #293e6610,0 2px 8px #293e6605;backdrop-filter:blur(18px);border-radius:24px}aside.panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,.85fr);gap:8px 25px;align-items:center;padding:23px 26px}.topic-picker{grid-column:1;grid-row:1/4;min-width:0}.topic-picker label{display:block;font-size:11px;font-weight:800;letter-spacing:1.4px;color:#63728b;margin-bottom:12px}.topic-picker small{display:block;color:#718099;font-size:11px;margin-top:10px}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;border:1px solid #cbd7eb;border-radius:12px;background:#ffffffdb;color:#223858;padding:15px 38px 15px 14px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 3px 9px #24436c06}.select-wrap span{position:absolute;right:16px;top:11px;font-size:21px;color:#536e96;pointer-events:none}aside .rule{grid-column:2;grid-row:1/4;margin:0;background:linear-gradient(120deg,#fff9e8d9,#fffdf6a8);border:1px solid #f0e6ca;font-size:12px;padding:15px 18px;line-height:1.9}aside .stats{grid-column:3;grid-row:1;gap:10px}.stat{background:#edf2faad;border:1px solid #e3eaf5;border-radius:13px;font-size:9px}.stat b{font-size:25px}aside .quiet{grid-column:3;grid-row:2;justify-self:start;padding:3px 0}aside #storageNote{grid-column:3;grid-row:3;font-size:10px!important}.game{background:linear-gradient(155deg,#fffffff2,#ffffffcf);padding:27px 35px}.build{background-color:#f1f5fb88;border:1px solid #e8edf6}.primary{background:linear-gradient(135deg,#263b63,#314f82);box-shadow:0 7px 17px #263b6326;transition:transform .18s,box-shadow .18s}.primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #263b6333}#sound,.secondary{background:#ffffffa6}.bank-label{color:#73819b}.topbar{color:#6a7b94}@media(max-width:900px) and (min-width:761px){aside.panel{grid-template-columns:1fr 1fr}.topic-picker{grid-column:1;grid-row:1}aside .rule{grid-column:2;grid-row:1/4}aside .stats{grid-column:1;grid-row:2}aside .quiet{grid-column:1;grid-row:3}aside #storageNote{grid-column:1/-1;grid-row:4}}@media(max-width:760px){aside.panel{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:20px}.topic-picker{width:100%}aside .rule{margin:0}.game{padding:20px 16px}.intro h1{letter-spacing:-1.2px}aside .quiet{align-self:flex-start}aside .stats{grid-template-columns:1fr 1fr}.panel{backdrop-filter:none}}.build.sentence-build{flex-wrap:wrap;gap:12px;padding:30px 12px;min-height:170px}.sentence-build .slot{width:auto;min-width:100px;min-height:74px;padding:0 4px}.sentence-build .brick{font-size:21px;padding:18px 16px;min-width:90px}.sentence-build .slot.filled{padding:0}.sentence-build .plus{font-size:16px}.sentence-result{text-align:center;font-size:22px;font-weight:750;color:#233c65;min-height:34px;margin:8px 0 15px}.sentence-word{--color:#ff5963;--edge:#dc3445;color:#fff}.sentence-subject{--color:#66b8f7;--edge:#348dd2}.sentence-question{--color:#ac8aff;--edge:#8965da}.sentence-negative{--color:#54d5bc;--edge:#2aad96}@media(max-width:760px){.sentence-build .slot{min-width:82px}.sentence-build .brick{font-size:18px;padding:17px 12px;min-width:78px}.sentence-result{font-size:18px}.bank .brick{font-size:21px}}.welcome{display:none}.welcome-mode .game{display:none}.welcome-mode .welcome{display:grid}.welcome-mode aside.panel{display:block}.welcome-mode .topic-picker{max-width:540px;margin:auto}.welcome-mode aside #storageNote,.welcome-mode aside .quiet,.welcome-mode aside .rule,.welcome-mode aside .stats{display:none}.welcome-mode .topic-picker label{color:#3b6199}.welcome-mode .select-wrap select{border-color:#91afd9;box-shadow:0 0 0 4px #eaf1fb}.welcome{grid-template-columns:1.1fr 1fr;gap:30px 24px;padding:42px;overflow:hidden}.welcome h2{font-size:clamp(29px,3.6vw,42px);line-height:1.15;letter-spacing:-1.5px;margin:17px 0}.welcome-copy>p{font-size:15px;color:var(--muted);line-height:1.8;max-width:440px}.welcome-copy .eyebrow{font-size:10px;letter-spacing:1.5px}.welcome-copy .primary{margin-top:8px}.welcome-note{font-size:11px;color:#75839a;margin-top:16px}.welcome-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;background:radial-gradient(ellipse,#e5edff 0,#f0ecff80 50%,transparent 73%);border-radius:28px;padding:45px 10px}.demo-row{display:flex;align-items:center;gap:7px;transform:rotate(-5deg)}.demo-row .brick{min-width:0;font-size:22px;padding:23px 13px}.demo-row .brick:after,.demo-row .brick:before{width:22px}.demo-row .brick:before{left:12px}.demo-row .brick:after{right:12px}.demo-answer{font-size:24px;font-weight:800;margin-top:38px;letter-spacing:-.5px}.demo-greek{font-size:12px;color:#718099;margin-top:8px}.demo-star{position:absolute;right:20px;top:20px;color:#d5a637;font-size:35px}.welcome-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:27px;border-top:1px solid #dce4f0;padding-top:28px}.welcome-steps b{display:block;color:#7b95bc;font-size:12px;letter-spacing:2px;margin-bottom:11px}.welcome-steps strong{font-size:15px}.welcome-steps p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:0}.welcome-footer{grid-column:1/-1;text-align:center;font-size:11px;color:#79879c}.welcome-footer span{margin:0 10px}@media(max-width:760px){.welcome{grid-template-columns:1fr;padding:26px 20px;gap:23px}.welcome-visual{padding:30px 5px}.welcome-steps{grid-template-columns:1fr;gap:20px}.welcome-steps b{margin-bottom:5px}.welcome h2{font-size:34px}.welcome-footer{line-height:2}.demo-row .brick{font-size:21px}.welcome-mode aside.panel{padding:22px}}.welcome-mode{background:radial-gradient(ellipse at 95% 12%,#eff3e5,transparent 45%),#f8faf7}.welcome-mode header{border-bottom-color:#dae2d8}.welcome-mode .intro{display:none}.welcome-mode main{margin-top:24px}.welcome-mode .badge{color:#244d40;background:#edf3e6;border-color:#dce5d5}.welcome-mode aside.panel{border-radius:16px;border-color:#dbe4d8;background:#ffffffd9;box-shadow:none;padding:18px 24px}.welcome-mode .topic-picker{max-width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:0 25px}.welcome-mode .topic-picker label{grid-column:1;grid-row:1;margin:0;color:#345b4c;letter-spacing:1px}.welcome-mode .select-wrap{grid-column:2;grid-row:1}.welcome-mode .topic-picker small{grid-column:2;grid-row:2;margin-top:8px}.welcome-mode .select-wrap select{border-color:#b6c9b9;box-shadow:none;background:#f7faf5;color:#214b3b}.welcome{padding:0;gap:0;display:none;grid-template-columns:1fr;background:0 0;border:0;box-shadow:none;backdrop-filter:none;overflow:visible}.welcome-mode .welcome{display:grid}.landing-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;padding:48px;background:linear-gradient(120deg,#153e35,#24503e 68%,#3b5d3a);border-radius:27px;color:#f5f8ed}.welcome-copy .eyebrow{color:#d8e9bb;font-size:10px;line-height:1.8;letter-spacing:1.2px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d6f787;margin-right:8px}.welcome h2{font-size:clamp(38px,4.5vw,57px);font-weight:500;line-height:1.1;letter-spacing:-2.3px;margin:29px 0 25px}.welcome h2 em{color:#daf58a;font-style:normal}.welcome-copy>p{color:#d0ded2;font-size:15px;line-height:1.95;max-width:480px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:27px}.hero-actions .primary{margin:0;background:#ddf78e;color:#1c422e;border-radius:5px;box-shadow:none;font-size:13px;padding:17px 19px}.hero-actions .primary span{margin-left:17px}.hero-actions a{color:#f1f6e9;text-decoration:none;font-size:12px;border-bottom:1px solid #b9d1ad66;padding:7px 0}.hero-actions a span{margin-left:7px}.educator-credit{font-size:11px;line-height:1.8;color:#b9cdbb;margin-top:25px}.educator-credit strong{font-size:13px;color:#ebf2e2;font-weight:600}.welcome-visual{min-width:0;background:#153d3280;border:1px solid #cce3bb26;box-shadow:0 15px 30px #102a2514;border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.visual-kicker{font-size:9px;letter-spacing:1.1px;color:#adc5af;display:flex;justify-content:space-between}.visual-kicker span{font-size:20px;color:#dcf68d}.visual-title{font-size:27px;line-height:1.25;letter-spacing:-.8px;margin:25px 0 12px}.visual-title span{color:#daf58a}.demo-row{justify-content:center;transform:rotate(-3deg);margin-top:20px;gap:5px}.demo-row .brick{font-size:20px;padding:21px 12px}.demo-answer{font-size:23px;letter-spacing:-.6px;text-align:center;color:#f2f6e7;margin-top:35px}.demo-greek{text-align:center;color:#b4cbb9;font-size:11px}.visual-bottom{border-top:1px solid #d7eac226;margin-top:28px;padding-top:18px;font-size:10px;color:#bfd3bc}.visual-bottom .live-dot{width:5px;height:5px}.landing-facts{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:20px;padding:27px 20px;border-bottom:1px solid #dce4d8;color:#6d7e70;font-size:11px}.landing-facts span{padding-left:15px;border-left:1px solid #d2dec9}.landing-facts b{display:block;font-size:18px;font-weight:600;color:#244b38;margin-bottom:6px}.learning-section{padding:48px 14px 35px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;align-items:center}.section-heading .eyebrow{grid-column:1/-1;color:#67805c;font-size:10px}.section-heading h3{font-weight:500;font-size:32px;letter-spacing:-1px;line-height:1.2;color:#234937;margin:12px 0 24px}.section-heading>p{font-size:13px;line-height:1.9;color:#6c7c6f}.welcome-steps{border-top:1px solid #dce4d8;gap:26px;padding-top:25px;margin-top:8px}.welcome-steps b{color:#7f9669}.welcome-steps strong{color:#294c38;font-weight:600;font-size:15px}.welcome-steps p{color:#6b7c70}.teacher-section{display:flex;align-items:center;gap:24px;background:#eaf0e4;border:1px solid #dce6d3;border-radius:16px;padding:30px;margin:0 14px 30px}.teacher-monogram{width:70px;height:70px;flex-shrink:0;background:#24503e;border-radius:18px;display:grid;place-items:center;color:#e0f594;font-size:23px;letter-spacing:1px}.teacher-section .eyebrow{font-size:9px;letter-spacing:1.5px;color:#6b8359}.teacher-section h3{font-size:23px;letter-spacing:-.6px;font-weight:500;color:#234b36;margin:9px 0}.teacher-section p{font-size:12px;color:#637862;line-height:1.8;margin:5px 0}.teacher-section .teacher-note{max-width:700px;font-size:12px}.welcome-footer{color:#71836d;padding:0 10px 10px}.welcome-mode footer{color:#7b8c75}@media(max-width:900px){.landing-hero{padding:32px;gap:25px}.demo-row .brick{font-size:17px;padding:20px 9px}.visual-title{font-size:25px}}@media(max-width:760px){.welcome-mode .topic-picker{display:block}.welcome-mode .topic-picker label{margin-bottom:12px}.landing-hero{grid-template-columns:1fr;padding:30px 23px;gap:30px;border-radius:21px}.welcome h2{font-size:43px;letter-spacing:-1.7px}.welcome-copy>p{font-size:14px}.welcome-visual{padding:24px}.demo-row .brick{font-size:21px;padding:22px 14px}.landing-facts{grid-template-columns:1fr;gap:18px;padding:25px 10px}.landing-facts b{font-size:17px}.section-heading{grid-template-columns:1fr;gap:0}.section-heading h3{font-size:30px;margin-bottom:8px}.learning-section{padding:32px 8px}.teacher-section{margin:0 0 24px;padding:23px 19px;align-items:flex-start;gap:15px}.teacher-monogram{width:45px;height:45px;font-size:17px;border-radius:12px}.teacher-section h3{font-size:20px}.hero-actions{gap:14px}.welcome-footer{font-size:10px}}.lab-section{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;padding:32px;margin:0 14px 30px;border:1px solid #d5e1ce;border-radius:18px;background:linear-gradient(120deg,#f0f5e9,#e7efe1)}.lab-section .eyebrow{font-size:9px;letter-spacing:1.5px;color:#6b8359}.lab-section h3{font-size:29px;font-weight:500;letter-spacing:-.8px;line-height:1.2;color:#234b36;margin:12px 0 18px}.lab-section p{font-size:13px;line-height:1.9;color:#637862;margin:9px 0}.lab-action{display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center}.lab-mark{display:flex;gap:20px;align-items:center;font-size:56px;font-weight:800;color:#28533f;letter-spacing:-3px}.lab-mark>span{font-size:30px;font-weight:400;color:#72934e}.lab-action>a{display:block;background:#254f3c;color:#f4f8e9;text-decoration:none;padding:16px 20px;border-radius:7px;font-size:13px;font-weight:650}.lab-action>a>span{margin-left:15px}.lab-action>a:hover{background:#173d2c}.lab-action>a:focus-visible{outline:3px solid #78984a;outline-offset:4px}.lab-action small{font-size:10px;color:#7a8c70;line-height:1.8;max-width:230px}@media(max-width:760px){.lab-section{grid-template-columns:1fr;margin:0 0 24px;padding:25px 20px;gap:16px}.lab-section h3{font-size:26px}.lab-mark{font-size:40px}.lab-action{align-items:flex-start;text-align:left}.lab-action small{max-width:100%}}@media(min-width:1000px){.welcome-mode header{max-width:1320px;padding-left:40px;padding-right:40px}.welcome-mode main{max-width:1280px;padding:0 30px}.landing-hero{padding:58px 60px;gap:60px;grid-template-columns:1.15fr 1fr}.welcome h2{font-size:clamp(48px,4.2vw,68px)}.welcome-copy>p{max-width:610px;font-size:16px}.welcome-visual{padding:32px}.visual-title{font-size:33px}.demo-row .brick{font-size:26px;padding:25px 20px}.demo-answer{font-size:27px}.demo-greek{font-size:13px}.learning-section{padding-left:25px;padding-right:25px}.section-heading h3{font-size:37px}.section-heading>p{max-width:570px}.lab-section,.teacher-section{margin-left:25px;margin-right:25px}.welcome-steps p{font-size:13px}}@media(max-width:760px){body:not(.welcome-mode) header{padding:13px 16px}body:not(.welcome-mode) .brand{font-size:17px}body:not(.welcome-mode) .brand small{font-size:8px;letter-spacing:1px}body:not(.welcome-mode) main{margin-top:5px;padding:0 12px}body:not(.welcome-mode) .intro{margin:8px 0 14px}body:not(.welcome-mode) .intro h1{font-size:25px;margin:7px 0;letter-spacing:-.9px}body:not(.welcome-mode) .intro p{display:none}body:not(.welcome-mode) .intro .eyebrow{font-size:9px}body:not(.welcome-mode) .layout{gap:12px}body:not(.welcome-mode) aside.panel{padding:13px;gap:9px}body:not(.welcome-mode) .topic-picker label{font-size:10px;margin-bottom:7px}body:not(.welcome-mode) .select-wrap select{font-size:12px;padding:11px 30px 11px 10px}body:not(.welcome-mode) .select-wrap span{top:6px}body:not(.welcome-mode) .topic-picker small{font-size:10px;margin-top:7px}body:not(.welcome-mode) aside .rule{font-size:11px;line-height:1.65;padding:10px 12px}body:not(.welcome-mode) .stats{gap:8px}body:not(.welcome-mode) .stat{padding:7px 10px;font-size:8px}body:not(.welcome-mode) .stat b{display:inline;font-size:19px;margin-right:7px}body:not(.welcome-mode) aside .quiet{font-size:10px;padding:0}body:not(.welcome-mode) aside #storageNote{font-size:9px!important;line-height:1.4!important}.game{padding:14px 12px;border-radius:18px}.topbar{font-size:10px}#sound{font-size:11px;padding:6px 9px}.prompt{padding:14px 0 4px}.prompt small{font-size:9px;letter-spacing:1px}#greek{font-size:23px;margin:8px 0;line-height:1.3}#emoji{font-size:24px}.instruction{font-size:11px;line-height:1.55;margin:7px 0}.build{min-height:104px;margin:8px 0;border-radius:13px;gap:6px}.slot{width:108px;min-height:59px;font-size:10px}.plus{font-size:17px}.bank .brick,.brick{min-width:70px;padding:13px 12px;font-size:19px;border-radius:8px;margin-top:12px;box-shadow:inset -5px -4px 0 #00000013,0 5px 0 var(--edge),0 8px 12px #142a4412}.brick:after,.brick:before{width:21px;height:13px;top:-10px}.brick:before{left:12px}.brick:after{right:12px}.bank{gap:10px 9px;padding:12px 2px 18px;min-height:88px}.bank-label{font-size:9px;letter-spacing:1px;padding-top:12px}.build.sentence-build{padding:18px 6px;min-height:110px;gap:7px}.sentence-build .slot{min-width:65px;min-height:56px;font-size:9px;padding:0 2px}.sentence-build .brick{min-width:62px;padding:13px 10px;font-size:17px}.sentence-build .plus{font-size:12px}.sentence-result{font-size:17px;min-height:24px;margin:4px 0 8px;line-height:1.4}#feedback{min-height:48px;padding:9px;font-size:12px;line-height:1.5}.actions{margin-top:10px;gap:8px}.actions button{font-size:12px;padding:12px 13px;min-height:44px}.actions .primary{flex:1}.actions .secondary{flex:1}footer{margin:17px 0;font-size:10px}.demo-row .brick{min-width:0;font-size:20px;padding:21px 12px}.demo-row .brick:after,.demo-row .brick:before{width:22px;height:18px;top:-14px}}@media(max-width:380px){.bank{gap:9px 7px}.bank .brick{min-width:62px;font-size:17px;padding:13px 10px}.sentence-build .slot{min-width:58px}.sentence-build .brick{min-width:56px;font-size:16px;padding:13px 8px}#greek{font-size:21px}}@media(min-width:1000px){body:not(.welcome-mode) main{max-width:1240px;padding-left:24px;padding-right:24px}body:not(.welcome-mode) header{max-width:1280px}}.courses-card{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;margin:0 14px 30px;padding:35px;border:1px solid #cdddc5;border-radius:20px;background:linear-gradient(125deg,#f6f8ef,#e8f0dd)}.courses-card .eyebrow{font-size:9px;letter-spacing:1.4px;color:#6a8258}.courses-card h3{font-size:33px;font-weight:500;letter-spacing:-1px;line-height:1.2;color:#234b36;margin:15px 0 18px}.courses-card p{font-size:13px;line-height:1.9;color:#61765f}.course-modes{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #cfdec5;margin-top:22px;padding-top:22px}.course-modes>div>span{font-size:23px;color:#68884c;display:block;margin-bottom:8px}.course-modes strong{font-size:14px;font-weight:650;color:#2d513a}.course-modes p{font-size:12px;margin-bottom:0}.courses-action{align-self:center;border:1px solid #d3dfca;border-radius:14px;padding:27px;background:#ffffffa8}.courses-action h4{font-size:26px;font-weight:500;letter-spacing:-.6px;color:#234b36;margin:12px 0}.course-register{display:block;padding:16px 18px;background:#254f3c;border-radius:7px;color:#f6f9eb;text-decoration:none;font-size:13px;font-weight:650;margin-top:20px}.course-register span{float:right;margin-left:12px}.course-register:hover{background:#173d2c}.course-details{display:block;font-size:11px;color:#426343;text-decoration:underline;line-height:1.7;margin-top:15px}.courses-action small{display:block;font-size:10px;color:#7c8a73;line-height:1.8;margin-top:16px}.courses-card a:focus-visible{outline:3px solid #78984a;outline-offset:4px}@media(min-width:1000px){.courses-card{margin-left:25px;margin-right:25px}}@media(max-width:760px){.courses-card{grid-template-columns:1fr;gap:25px;margin:0 0 24px;padding:25px 20px}.courses-card h3{font-size:29px}.courses-action{padding:21px}.course-modes{gap:17px}.course-register{font-size:12px}}.student-locked .game{display:none!important}.student-locked aside #storageNote,.student-locked aside .quiet,.student-locked aside .rule,.student-locked aside .stats{display:none!important}.student-access{display:flex;align-items:center;gap:28px;padding:28px 30px;margin:25px 14px 0;border:1px solid #cdddc5;border-radius:16px;background:#edf3e6}.student-access h3{font-size:23px;line-height:1.3;color:#234b36;font-weight:500;margin:10px 0}.student-access p{font-size:13px;line-height:1.8;color:#61765f;margin:0;max-width:780px}.student-access .eyebrow{font-size:9px;color:#6a8258}.student-access .primary{flex-shrink:0;background:#254f3c;box-shadow:none;font-size:12px}#studentLogin{width:min(460px,calc(100% - 30px));border:1px solid #d3dfca;border-radius:22px;padding:32px;color:#234b36;box-shadow:0 25px 100px #10251e44}#studentLogin::backdrop{background:#102c25a6;backdrop-filter:blur(5px)}#studentLogin form{position:relative}#closeStudentLogin{position:absolute;right:-15px;top:-20px;border:0;background:0 0;font-size:28px;color:#526a57;padding:8px}#studentLogin .eyebrow{font-size:9px;letter-spacing:1px;color:#708564;padding-right:15px}#studentLogin h2{font-size:30px;margin:20px 0 12px;font-weight:500}#studentLogin p{font-size:13px;line-height:1.8;color:#6b7c6f}#studentLogin label{display:block;font-size:12px;font-weight:700;margin:20px 0 8px}#studentPassword{width:100%;font:inherit;padding:13px;border:1px solid #b5c9ac;border-radius:8px}#studentPassword:focus{outline:3px solid #d9e9c9}#studentLogin .primary{width:100%;background:#254f3c;margin:4px 0 15px}#studentLogin small{display:block;font-size:11px;line-height:1.8;color:#73856a}#studentLoginError{min-height:29px;font-size:12px;color:#af3930;padding:7px 0}@media(max-width:760px){.student-access{flex-direction:column;align-items:stretch;margin:20px 0 0;padding:23px 20px;gap:18px}.student-access h3{font-size:21px}#studentLogin{padding:28px 23px}}.platform-overview{margin:30px 14px 0;padding:30px;border:1px solid #d5e1ce;border-radius:20px;background:linear-gradient(135deg,#ffffffec,#f0f5e8);box-shadow:0 10px 35px #254f3c07}.overview-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.overview-heading .eyebrow{font-size:9px;letter-spacing:1.6px;color:#71835f}.overview-heading h3{font-size:24px;font-weight:500;letter-spacing:-.7px;color:#234b36;line-height:1.3;margin:11px 0 0}.overview-tag{flex-shrink:0;color:#47683f;background:#e5eedb;border:1px solid #d5e2c8;padding:9px 12px;font-size:10px;font-weight:700;border-radius:25px;letter-spacing:.7px}.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.overview-metrics>div{border-left:1px solid #d5e0ca;padding-left:20px}.metric-icon{display:block;font-size:17px;color:#7c965c;height:25px}.overview-metrics b{display:block;font-size:38px;font-weight:600;letter-spacing:-1.8px;color:#254f3c;line-height:1.2;margin:10px 0 12px;font-variant-numeric:tabular-nums}.overview-metrics>div:last-child b{font-size:25px;letter-spacing:-.7px;line-height:1.8}.overview-metrics strong{display:block;font-size:12px;color:#34563d;font-weight:650}.overview-metrics p{font-size:11px;line-height:1.8;color:#7b8972;margin:8px 0 0}.overview-note{border-top:1px solid #dce5d4;margin-top:24px;padding-top:14px;font-size:10px;line-height:1.8;color:#85917b}@media(min-width:1000px){.platform-overview{margin-left:25px;margin-right:25px}}@media(max-width:760px){.platform-overview{padding:24px 20px;margin:24px 0 0}.overview-heading{align-items:flex-start;gap:10px}.overview-heading h3{font-size:21px}.overview-tag{font-size:8px;padding:7px 9px}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.overview-metrics>div{padding-left:12px}.overview-metrics b{font-size:32px}.overview-metrics>div:last-child b{font-size:22px}.overview-metrics strong{font-size:11px}.overview-metrics p{font-size:10px}}@media(min-width:761px){.overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.overview-metrics{grid-template-columns:1fr}.overview-metrics>div{padding-left:16px}}.case-gap-mode .prompt{padding-bottom:4px}.case-gap-mode #greek{font-size:20px;font-weight:500;line-height:1.7;color:#65758a;margin:12px auto;max-width:900px}.case-gap-mode #emoji{display:none}.case-gap-mode .build{background:#f2f6fc;border:1px solid #dce5f0;gap:12px;padding:28px 20px}.gap-fixed{font-size:25px;font-weight:650;line-height:1.7;color:#213958}.case-gap-mode .sentence-build .slot{min-width:155px}.case-gap-mode .bank .brick{font-size:23px}.case-gap-mode .instruction{margin:10px 0}.case-gap-mode .prompt{display:flex;flex-direction:column}.case-gap-mode .prompt small{order:0}.case-gap-mode .build{margin-top:10px}.case-gap-mode .sentence-result{font-size:23px}@media(max-width:760px){.case-gap-mode #greek{font-size:15px;line-height:1.6;margin:7px 0}.case-gap-mode .build{gap:8px;padding:20px 10px}.gap-fixed{font-size:19px;line-height:1.6}.case-gap-mode .sentence-build .slot{min-width:112px}.case-gap-mode .bank .brick{font-size:18px}.case-gap-mode .sentence-result{font-size:18px}}.case-gap-mode .game{display:flex;flex-direction:column}.case-gap-mode .topbar{order:0}.case-gap-mode .build{order:1}.case-gap-mode .prompt{order:2;padding:0}.case-gap-mode .prompt small{display:none}.case-gap-mode .instruction{order:3}.case-gap-mode .sentence-result{order:4}.case-gap-mode .bank-label{order:5}.case-gap-mode .bank{order:6}.case-gap-mode #feedback{order:7}.case-gap-mode .actions{order:8}.case-gap-mode #bank .brick:nth-child(5n+1){--color:#ffc83c;--edge:#d89c0e}.case-gap-mode #bank .brick:nth-child(5n+2){--color:#ac8aff;--edge:#8965da}.case-gap-mode #bank .brick:nth-child(5n+3){--color:#54d5bc;--edge:#2aad96}.case-gap-mode #bank .brick:nth-child(5n+4){--color:#66b8f7;--edge:#348dd2}.case-gap-mode #bank .brick:nth-child(5n+5){--color:#ff8995;--edge:#de5c70}#bank .brick.sentence-reviewWord:nth-child(5n+1){--color:#ffc83c;--edge:#d89c0e}#bank .brick.sentence-reviewWord:nth-child(5n+2){--color:#ac8aff;--edge:#8965da}#bank .brick.sentence-reviewWord:nth-child(5n+3){--color:#54d5bc;--edge:#2aad96}#bank .brick.sentence-reviewWord:nth-child(5n+4){--color:#66b8f7;--edge:#348dd2}#bank .brick.sentence-reviewWord:nth-child(5n+5){--color:#ff8995;--edge:#de5c70}.header-access{display:flex;gap:12px;align-items:center}#studentLogout{border:1px solid #d0dcc8;background:#ffffffb3;color:#3c5e43;border-radius:18px;padding:8px 12px;font:inherit;font-size:11px;cursor:pointer}#studentLogout[hidden]{display:none}#studentLogin .remember-student{display:flex;align-items:flex-start;gap:9px;font-size:11px;font-weight:400;line-height:1.7;margin:14px 0 0;color:#637862}#rememberStudent{width:17px;height:17px;flex-shrink:0;margin:1px 0;accent-color:#254f3c}@media(max-width:460px){.header-access{gap:7px}#studentLogout{font-size:10px;padding:7px 8px}}.welcome .hero-tagline{color:#daf58a;font-size:clamp(23px,2.8vw,35px);line-height:1.3;letter-spacing:-.6px;margin:-10px 0 22px}.hero-provider{font-size:11px;color:#b9cdbb;line-height:1.8;margin-bottom:20px}.hero-provider strong{font-size:13px;color:#edf4e4;font-weight:600}.welcome h2#welcomeTitle{overflow-wrap:normal}@media(max-width:760px){.welcome h2#welcomeTitle{font-size:clamp(31px,8.5vw,43px)}.welcome .hero-tagline{font-size:24px}.hero-provider strong{font-size:12px}}footer .copyright{display:inline-block;margin-top:10px;font-size:11px}footer .copyright a{color:inherit;text-decoration:underline;text-underline-offset:3px}footer .copyright a:hover{color:#254f3c}.landing-topics{margin:32px 14px 0}.landing-topics>.eyebrow{font-size:9px;color:#71835f;letter-spacing:1.5px}.landing-topics>h3{font-size:30px;line-height:1.3;letter-spacing:-.8px;font-weight:500;color:#234b36;margin:12px 0}.landing-topics-intro{font-size:13px;color:#70816b;line-height:1.8;margin-bottom:22px}.topic-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-tile{--tile-bg:#f1ebff;--tile-edge:#d9cbee;--tile-ink:#67508e;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--tile-edge);background:linear-gradient(145deg,#ffffff80,transparent),var(--tile-bg);border-radius:18px;padding:23px 24px 27px;color:var(--tile-ink);min-height:205px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 5px 0 color-mix(in srgb,var(--tile-edge) 60%,#fff)}.tile-blue{--tile-bg:#e7f1ff;--tile-edge:#bed5ee;--tile-ink:#355f89}.tile-coral{--tile-bg:#ffece7;--tile-edge:#f0c8bc;--tile-ink:#9b5344}.tile-mint{--tile-bg:#e4f5ed;--tile-edge:#bbdfcf;--tile-ink:#35715c}.tile-gold{--tile-bg:#fff4d9;--tile-edge:#e9d7a6;--tile-ink:#8d6b28}.tile-lavender{--tile-bg:#eeeefa;--tile-edge:#cdcee9;--tile-ink:#565c94}.topic-tile:hover{transform:translateY(-3px);box-shadow:0 8px 0 color-mix(in srgb,var(--tile-edge) 60%,#fff),0 12px 25px #234b3610}.topic-tile[aria-expanded=true]{outline:2px solid var(--tile-ink);outline-offset:2px}.topic-tile:focus-visible{outline:3px solid #254f3c;outline-offset:4px}.topic-tile-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#ffffff9c;border:1px solid var(--tile-edge);font-size:23px;margin-bottom:14px}.topic-tile-title{font-size:20px;font-weight:750;letter-spacing:-.4px;line-height:1.25;padding-right:15px}.topic-tile-turkish{font-size:11px;font-weight:600;margin-top:6px;opacity:.8}.topic-tile-copy{font-size:11px;line-height:1.7;margin-top:12px;opacity:.85;max-width:290px}.topic-tile-arrow{position:absolute;top:23px;right:22px;font-size:23px;opacity:.7}.landing-category-panel{background:#ffffffb3;border:1px solid #d5e1ce;border-radius:14px;padding:20px 23px;margin-top:22px}.landing-category-panel[hidden]{display:none}.landing-category-panel h4{font-weight:600;font-size:18px;color:#254f3c;margin:0 0 15px}.landing-category-panel>div{display:flex;flex-wrap:wrap;gap:10px}.landing-category-panel button{background:#f1f6eb;border:1px solid #cfddc3;padding:11px 15px;border-radius:9px;font-size:12px;color:#35553d;min-height:44px;text-align:left}.landing-category-panel button:hover{background:#e5efdc}@media(min-width:1000px){.landing-topics{margin-left:25px;margin-right:25px}}@media(max-width:760px){.landing-topics{margin:27px 0 0}.landing-topics>h3{font-size:25px}.topic-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 11px}.topic-tile{padding:17px 14px 20px;min-height:200px;border-radius:14px}.topic-tile-title{font-size:17px;padding-right:0}.topic-tile-icon{width:31px;height:31px;font-size:20px;margin-bottom:12px}.topic-tile-arrow{right:13px;top:17px;font-size:20px}.topic-tile-copy{font-size:10px}.topic-tile-turkish{font-size:10px}.landing-category-panel{padding:18px 15px}.landing-category-panel>div{flex-direction:column}.topic-tile:hover{transform:none}}@media(prefers-reduced-motion:reduce){.topic-tile{transition:none}}body:not(.welcome-mode){padding-bottom:92px}body:not(.welcome-mode) .intro{display:none}body:not(.welcome-mode) header{padding-top:14px;padding-bottom:14px}body:not(.welcome-mode) main{margin-top:12px}body:not(.welcome-mode) .layout{gap:14px}#toggleGrammar{border:1px solid #d6e1ed;background:#f5f8fc;color:#4a6380;border-radius:9px;padding:9px 12px;font:inherit;font-size:11px;cursor:pointer;min-height:40px}.welcome-mode #toggleGrammar{display:none}body:not(.welcome-mode) aside .rule{display:none}body:not(.welcome-mode).grammar-open aside .rule{display:block}body:not(.welcome-mode) aside #storageNote{display:none}body:not(.welcome-mode) .game{padding:18px 24px;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;scroll-margin-top:12px}body:not(.welcome-mode) .prompt{padding:12px 0 2px}body:not(.welcome-mode) #greek{font-size:28px;margin:7px 0;line-height:1.3}body:not(.welcome-mode) #emoji{font-size:23px;line-height:1.1}body:not(.welcome-mode) .instruction{font-size:12px;line-height:1.5;margin:8px 0}body:not(.welcome-mode) .build{min-height:110px;margin:8px 0}body:not(.welcome-mode) .build.sentence-build{min-height:110px;padding:20px 10px;gap:8px}body:not(.welcome-mode) .slot{min-height:64px}body:not(.welcome-mode) .bank-label{padding-top:10px;font-size:10px}body:not(.welcome-mode) .bank{min-height:95px;padding:12px 6px 18px;gap:13px 12px}body:not(.welcome-mode) .bank .brick{min-width:88px;font-size:21px;padding:16px 18px;margin-top:12px}body:not(.welcome-mode) .sentence-result{min-height:26px;margin:3px 0 7px;font-size:21px;line-height:1.35}body:not(.welcome-mode) #feedback{min-height:44px;padding:8px 12px;font-size:12px;line-height:1.55}body:not(.welcome-mode) .game .actions{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:80;width:min(600px,calc(100vw - 28px));display:flex;gap:9px;margin:0;padding:9px;border:1px solid #cbd8e6;border-radius:16px;background:#fffffff2;box-shadow:0 6px 30px #172c4830;backdrop-filter:blur(12px)}body:not(.welcome-mode) .game .actions button{min-height:44px;padding:12px 15px;font-size:13px}body:not(.welcome-mode) .game .actions .primary{flex:1.35}body:not(.welcome-mode) .game .actions .secondary{flex:1}@media(min-width:761px){body:not(.welcome-mode) aside.panel{grid-template-columns:minmax(0,1fr) 190px auto;grid-template-rows:auto auto;gap:8px 18px;padding:14px 20px}body:not(.welcome-mode) .topic-picker{grid-column:1;grid-row:1/3}body:not(.welcome-mode) .topic-picker label{font-size:10px;margin-bottom:7px}body:not(.welcome-mode) .topic-picker small{margin-top:6px;font-size:10px}body:not(.welcome-mode) .select-wrap select{padding-top:11px;padding-bottom:11px;font-size:13px}body:not(.welcome-mode) .select-wrap span{top:7px}body:not(.welcome-mode) aside .stats{grid-column:2;grid-row:1/3;margin:0}body:not(.welcome-mode) .stat{padding:9px 12px}body:not(.welcome-mode) .stat b{font-size:21px}body:not(.welcome-mode) aside .quiet{grid-column:3;grid-row:1;margin:0;padding:0;font-size:10px}body:not(.welcome-mode) #toggleGrammar{grid-column:3;grid-row:2}body:not(.welcome-mode) aside .rule{grid-column:1/-1;grid-row:3;margin:3px 0 0;font-size:12px;line-height:1.7;padding:12px 16px}}@media(max-width:760px){body:not(.welcome-mode){padding-bottom:88px}body:not(.welcome-mode) header{padding-top:10px;padding-bottom:10px}body:not(.welcome-mode) aside.panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px}body:not(.welcome-mode) .topic-picker{grid-column:1/-1}body:not(.welcome-mode) aside .stats{grid-column:1;grid-row:2}body:not(.welcome-mode) aside .quiet{grid-column:2;grid-row:2;align-self:center;font-size:9px;max-width:95px}body:not(.welcome-mode) #toggleGrammar{grid-column:1/-1;grid-row:3;justify-self:start;padding:5px 10px;min-height:32px;font-size:10px}body:not(.welcome-mode) aside .rule{grid-column:1/-1;grid-row:4;margin:0}body:not(.welcome-mode) .game{padding:12px}body:not(.welcome-mode) .prompt{padding-top:8px}body:not(.welcome-mode) #greek{font-size:22px}body:not(.welcome-mode) #emoji{font-size:21px}body:not(.welcome-mode) .instruction{font-size:10px;margin:6px 0}body:not(.welcome-mode) .build,body:not(.welcome-mode) .build.sentence-build{min-height:86px}body:not(.welcome-mode) .build.sentence-build{padding:15px 5px;gap:7px}body:not(.welcome-mode) .slot{min-height:55px}body:not(.welcome-mode) .bank{padding:9px 1px 14px;gap:10px 8px;min-height:80px}body:not(.welcome-mode) .bank .brick{min-width:65px;font-size:17px;padding:13px 11px}body:not(.welcome-mode) .sentence-result{font-size:17px;min-height:23px}body:not(.welcome-mode) #feedback{font-size:11px;padding:7px;min-height:39px}body:not(.welcome-mode) .game .actions{padding:7px;bottom:max(7px,env(safe-area-inset-bottom));gap:7px}body:not(.welcome-mode) .game .actions button{font-size:12px;padding:10px 11px}.case-gap-mode #greek{font-size:15px!important}.case-gap-mode .gap-fixed{font-size:18px}}@media(max-height:700px) and (min-width:761px){body:not(.welcome-mode) .game{padding-top:12px;padding-bottom:12px}body:not(.welcome-mode) .prompt small{display:none}body:not(.welcome-mode) #emoji{display:none}body:not(.welcome-mode) .build{min-height:90px}body:not(.welcome-mode) .instruction{font-size:11px}body:not(.welcome-mode) .bank .brick{font-size:19px;padding:14px 16px}}body:not(.welcome-mode) #toggleGrammar{background:linear-gradient(135deg,#fff1b8,#ffda72);color:#513505;border:2px solid #dfaa32;font-weight:750;font-size:12px;box-shadow:0 3px 0 #c6922499,0 5px 14px #b7801818;text-shadow:none;opacity:1;padding:10px 14px}body:not(.welcome-mode) #toggleGrammar:hover{background:linear-gradient(135deg,#ffe99b,#ffce4d);border-color:#b37b10;color:#3f2800}body:not(.welcome-mode) #toggleGrammar[aria-expanded=true]{background:#f6bd38;border-color:#9d6806;color:#352200;box-shadow:inset 0 2px 4px #8d5d1326}body:not(.welcome-mode) #toggleGrammar:focus-visible{outline:3px solid #254f3c;outline-offset:4px}@media(max-width:760px){body:not(.welcome-mode) #toggleGrammar{font-size:11px;padding:8px 12px;min-height:38px}}@media(max-width:760px){body:not(.welcome-mode) aside.panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;align-items:stretch;gap:10px}body:not(.welcome-mode) aside .topic-picker{grid-column:1/-1;grid-row:1/2;min-width:0;width:100%;margin:0}body:not(.welcome-mode) aside .stats{grid-column:1/-1;grid-row:2/3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;margin:0}body:not(.welcome-mode) aside .stat{min-width:0;padding:9px 11px;font-size:9px;line-height:1.45;background:#edf2fa;border:1px solid #d5dfed;color:#4f6480}body:not(.welcome-mode) aside .stat b{display:block;font-size:21px;line-height:1.1;margin:0 0 5px;color:#233c5c}body:not(.welcome-mode) aside .stat span{overflow-wrap:anywhere}body:not(.welcome-mode) #toggleGrammar{grid-column:1;grid-row:3/4;justify-self:stretch;align-self:center;white-space:normal;text-align:center;padding:8px;font-size:10px;line-height:1.4}body:not(.welcome-mode) aside .quiet{grid-column:2;grid-row:3/4;justify-self:end;align-self:center;margin:0;padding:8px 3px;max-width:none;font-size:10px;text-align:right;line-height:1.5}body:not(.welcome-mode) aside .rule{grid-column:1/-1;grid-row:4/5;margin:0}body:not(.welcome-mode) .select-wrap{min-width:0}body:not(.welcome-mode) .select-wrap select{max-width:100%;width:100%}}body.imperative-colors #bank .brick:nth-child(5n+1){--color:#ffc83c;--edge:#d89c0e;color:#172542}body.imperative-colors #bank .brick:nth-child(5n+2){--color:#ac8aff;--edge:#8965da;color:#172542}body.imperative-colors #bank .brick:nth-child(5n+3){--color:#54d5bc;--edge:#2aad96;color:#172542}body.imperative-colors #bank .brick:nth-child(5n+4){--color:#66b8f7;--edge:#348dd2;color:#172542}body.imperative-colors #bank .brick:nth-child(5n+5){--color:#ff8995;--edge:#de5c70;color:#172542}a.brand{display:block;color:inherit;text-decoration:none;cursor:pointer}a.brand:focus-visible{outline:3px solid #42764f;outline-offset:6px;border-radius:5px}.sentence-orderWord{background:#a88bff;color:#182c4d}#bank .sentence-orderWord:nth-child(5n+1){background:#ffcb3d}#bank .sentence-orderWord:nth-child(5n+2){background:#ff596b;color:#fff}#bank .sentence-orderWord:nth-child(5n+3){background:#51cfbb}#bank .sentence-orderWord:nth-child(5n+4){background:#68bcf5}@media(max-width:760px){.topic-tiles>.topic-tile:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:6px;min-height:140px;align-content:center}.topic-tiles>.topic-tile:last-child:nth-child(odd) .topic-tile-icon{grid-column:1;grid-row:1/4;margin:0;align-self:center}.topic-tiles>.topic-tile:last-child:nth-child(odd) .topic-tile-copy,.topic-tiles>.topic-tile:last-child:nth-child(odd) .topic-tile-title,.topic-tiles>.topic-tile:last-child:nth-child(odd) .topic-tile-turkish{grid-column:2;margin-top:0;max-width:none}.topic-tiles>.topic-tile:last-child:nth-child(odd) .topic-tile-title{padding-right:22px}}