@font-face{font-family:GFS Didot;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/gfs-didot-greek-400-normal-DZxOyfIP.woff2)format("woff2"),url(/assets/gfs-didot-greek-400-normal-COn5i8GL.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/commissioner-greek-400-normal-DS8oOZ8C.woff2)format("woff2"),url(/assets/commissioner-greek-400-normal-C7SP9rAk.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/commissioner-greek-500-normal-coyf7bmX.woff2)format("woff2"),url(/assets/commissioner-greek-500-normal-CIGRSCx5.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/commissioner-greek-600-normal-B6OkAASU.woff2)format("woff2"),url(/assets/commissioner-greek-600-normal-e4Qo-Ck_.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/commissioner-greek-700-normal-BCgC5jRt.woff2)format("woff2"),url(/assets/commissioner-greek-700-normal-D39oXiu4.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/commissioner-latin-400-normal-Csr6jJda.woff2)format("woff2"),url(/assets/commissioner-latin-400-normal-Bi_gMfKq.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/commissioner-latin-500-normal-Ph6lXY9C.woff2)format("woff2"),url(/assets/commissioner-latin-500-normal-DUs-DU6-.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/commissioner-latin-600-normal-DNCq5je2.woff2)format("woff2"),url(/assets/commissioner-latin-600-normal-CqJyhK9w.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/commissioner-latin-700-normal-CK5O0d_6.woff2)format("woff2"),url(/assets/commissioner-latin-700-normal-DT--CMAs.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/commissioner-latin-ext-400-normal-B4YVWSql.woff2)format("woff2"),url(/assets/commissioner-latin-ext-400-normal-CQdmsIN7.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/commissioner-latin-ext-500-normal-5lmxUMUk.woff2)format("woff2"),url(/assets/commissioner-latin-ext-500-normal-CMJBFFoz.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/commissioner-latin-ext-600-normal-Bko8m0tJ.woff2)format("woff2"),url(/assets/commissioner-latin-ext-600-normal-Dia7K3Ij.woff)format("woff")}@font-face{font-family:Commissioner;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/commissioner-latin-ext-700-normal-B0NVJ5rR.woff2)format("woff2"),url(/assets/commissioner-latin-ext-700-normal-CW2nbKm0.woff)format("woff")}:root{--bg:#f4f1ea;--surface:#fff;--surface-2:#eae5da;--border:#e3ded3;--ink:#10233f;--muted:#5b6878;--primary:#1f5fa8;--on-primary:#fff;--primary-strong:#1f4e8c;--on-primary-strong:#fff;--accent:#b4532e;--on-accent:#fff;--success:#2f7d5b;--success-bg:#e4f1ea;--success-border:#b9dbc8;--success-ink:#1f5c43;--on-success:#fff;--danger:#b4472e;--danger-bg:#fbede6;--danger-border:#efc9b6;--danger-ink:#8e3a1e;--on-danger:#fff;--warn-bg:#fbf1dd;--warn-ink:#6d4a0c;--now:#c98a12;--button-dark:#10233f;--on-button-dark:#fff;--sign:#1f4e8c;--sign-text:#fff;--g-read:var(--primary);--g-listen:#1c7c86;--g-word:#5e7a2e;--g-chat:var(--accent);--wave:#ffffff59;--seg-rail:var(--surface-2);--seg-on:var(--surface);--seg-line:transparent;--seg-rail-line:transparent;--seg-btn-bg:var(--bg);--body-size:15px;--body-lh:normal;--prompt-ink:var(--ink);--icon-tint:16%;--correct-anim:glow .42s ease-out;--r-card:18px;--r-hero:22px;--r-btn:14px;--r-chip:999px;--font-greek:"GFS Didot", "Noto Serif", Georgia, serif;--font-ui:"Commissioner", system-ui, -apple-system, "Segoe UI", sans-serif;--font-hand:"Playpen Sans Greek", var(--font-greek);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1117;--surface:#1b232e;--surface-2:#27313f;--border:#3d4a5c;--ink:#e6ebf1;--muted:#a9b4c2;--primary:#86b6ec;--on-primary:#0d1117;--primary-strong:#1f3d63;--on-primary-strong:#e6ebf1;--accent:#f2ab8c;--on-accent:#0d1117;--success:#3fa37a;--success-bg:#173127;--success-border:#2a6b50;--success-ink:#9fe0c2;--on-success:#0d1117;--danger:#e0775d;--danger-bg:#3b2520;--danger-border:#7a3a2a;--danger-ink:#f7bcab;--on-danger:#0d1117;--warn-bg:#3a3016;--warn-ink:#f3d58d;--now:#f0bf4c;--button-dark:#e6ebf1;--on-button-dark:#0d1117;--sign:#2a5fb0;--sign-text:#fff;--g-listen:#5cc4cf;--g-word:#b3d27a;--wave:#86b6ec4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--seg-rail:var(--surface);--seg-on:var(--surface-2);--seg-line:var(--primary);--seg-rail-line:var(--border);--seg-btn-bg:var(--surface-2);--body-size:16px;--body-lh:1.5;--prompt-ink:#dfe6ee;--icon-tint:18%;--correct-anim:none}}:root[data-theme=dark]{--bg:#0d1117;--surface:#1b232e;--surface-2:#27313f;--border:#3d4a5c;--ink:#e6ebf1;--muted:#a9b4c2;--primary:#86b6ec;--on-primary:#0d1117;--primary-strong:#1f3d63;--on-primary-strong:#e6ebf1;--accent:#f2ab8c;--on-accent:#0d1117;--success:#3fa37a;--success-bg:#173127;--success-border:#2a6b50;--success-ink:#9fe0c2;--on-success:#0d1117;--danger:#e0775d;--danger-bg:#3b2520;--danger-border:#7a3a2a;--danger-ink:#f7bcab;--on-danger:#0d1117;--warn-bg:#3a3016;--warn-ink:#f3d58d;--now:#f0bf4c;--button-dark:#e6ebf1;--on-button-dark:#0d1117;--sign:#2a5fb0;--sign-text:#fff;--g-listen:#5cc4cf;--g-word:#b3d27a;--wave:#86b6ec4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--seg-rail:var(--surface);--seg-on:var(--surface-2);--seg-line:var(--primary);--seg-rail-line:var(--border);--seg-btn-bg:var(--surface-2);--body-size:16px;--body-lh:1.5;--prompt-ink:#dfe6ee;--icon-tint:18%;--correct-anim:none}:root[data-font=sans]{--font-greek:"Commissioner", system-ui, sans-serif}@font-face{font-family:Playpen Sans Greek;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/playpen-sans-greek.woff2)format("woff2");unicode-range:U+370-3FF}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit}.greek{font-family:var(--font-greek)}.muted{color:var(--muted)}.small{font-size:.85rem}.screen{max-width:560px;min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.btn{border-radius:var(--r-card);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;min-height:56px;padding:10px 16px;font-size:1.05rem;font-weight:600;transition:transform 80ms,background-color .12s,border-color .12s,opacity .12s}.btn:active:not(:disabled){transform:scale(.97)}.btn-ghost{background:0 0;border-color:#0000}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}.btn-danger-outline{border-color:var(--danger);color:var(--danger);background:0 0}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:48px;min-height:48px;font-size:1.4rem;display:inline-flex}.icon-btn:active{background:var(--surface-2)}.icon-btn.big{background:var(--surface);border:1.5px solid var(--border);min-width:56px;min-height:56px}.home-head{text-align:center;padding-top:16px}.stats-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:.9rem}.notice{background:var(--danger-bg);border-radius:var(--r-card);margin:0;padding:10px 14px;font-size:.9rem}.home-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.btn-hero{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:88px;font-size:1.4rem;display:flex}.btn-hero small{opacity:.85;font-size:.85rem;font-weight:400}.mode-list{flex-direction:column;gap:8px;display:flex}.mode-btn{text-align:left;align-items:center;gap:14px;min-height:64px;display:flex}.mode-sample{white-space:nowrap;text-align:center;flex:0 0 64px;width:64px;font-size:1.5rem;font-weight:400;overflow:hidden}.mode-text{flex-direction:column;display:flex}.mode-text small{color:var(--muted);font-size:.85rem;font-weight:400}.home-foot{justify-content:center;gap:8px;display:flex}.game-top{align-items:center;gap:8px;display:flex}.top-title{text-align:center;flex:1;margin:0;font-size:1.1rem}.progress{flex-wrap:wrap;flex:1;justify-content:center;gap:6px;display:flex}.dot{background:var(--surface-2);border:1.5px solid var(--border);border-radius:50%;width:12px;height:12px}.dot.now{border-color:var(--now);background:var(--now)}.dot.ok{background:var(--success);border-color:var(--success)}.dot.bad{background:var(--danger);border-color:var(--danger)}.question{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:170px;display:flex}.mode-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem}.prefix{color:var(--muted);margin:8px 0 -8px;font-size:1.6rem}.prompt{word-break:break-word;margin:0;font-weight:400;line-height:1.15}.prompt.len-s{font-size:120px}.prompt.len-m{font-size:88px}.prompt.len-l{font-size:56px}.prompt.len-xl{font-size:40px}.parts{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;display:flex}.part{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;padding:4px 8px;font-size:1.3rem;display:inline-flex}.part small{color:var(--muted);font-size:.8rem;font-family:var(--font-ui)}.feedback{border-radius:var(--r-card);align-items:center;gap:10px;padding:10px 12px;animation:.16s ease-out pop;display:flex}.feedback.is-ok{background:var(--success-bg)}.feedback.is-bad{background:var(--danger-bg)}.feedback-text{flex:1;min-width:0}.feedback strong{font-size:1.1rem}.hint,.reveal{white-space:pre-line;margin:4px 0 0;font-size:.95rem}.reveal{color:var(--muted)}.speak-row{gap:6px;display:flex}.options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option{word-break:break-word;min-height:64px;font-size:1.35rem;font-weight:600}.option.is-correct{background:var(--success);border-color:var(--success);color:var(--on-success);opacity:1}.option.is-wrong{background:var(--danger-bg);border-color:var(--danger);color:var(--danger-ink);opacity:1;text-decoration:line-through;animation:.26s ease-in-out shake}.option:disabled{cursor:default}.game-foot{min-height:56px;display:flex}.btn-next{flex:1;position:relative;overflow:hidden}.btn-next-label{position:relative}.countdown{background:var(--wave);transform-origin:0;animation:linear forwards fill;position:absolute;inset:0}@keyframes fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.end-head{text-align:center;padding-top:16px}.end-emoji{margin:0;font-size:3rem}.end-head h1{margin:4px 0;font-size:3rem}.missed h2{font-size:1.05rem}.missed ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.missed-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);align-items:flex-start;gap:8px;padding:8px;display:flex}.missed-body{flex:1;min-width:0}.missed-q{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;display:flex}.missed-q .greek{font-size:1.6rem}.ans-ok{color:var(--success);font-weight:700}.ans-bad{color:var(--danger);text-decoration:line-through}.end-actions{gap:10px;margin-top:auto;display:grid}.tabs{gap:6px;display:flex;overflow-x:auto}.tab{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;flex:1 0 auto;min-height:44px;padding:0 12px}.tab.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.sub-tabs .tab{min-height:36px;font-size:.9rem}.grid-wrap{min-width:0;margin:0 -16px;position:relative}.grid-scroll{-webkit-overflow-scrolling:touch;padding:0 16px;overflow-x:auto}.grid-wrap:after{content:"";pointer-events:none;background:linear-gradient(to right, transparent, var(--bg));opacity:0;width:28px;transition:opacity .2s;position:absolute;top:0;bottom:0;right:0}.grid-wrap.more-right:after{opacity:1}.syl-grid{border-collapse:separate;border-spacing:4px;margin:0 auto}.syl-grid th,.syl-grid td{padding:0}.syl-grid tr>th:first-child{z-index:1;background:var(--bg);box-shadow:-16px 0 0 var(--bg), 3px 0 0 var(--bg);position:sticky;left:0}.head-btn{background:var(--surface-2);width:100%;min-width:40px;min-height:44px;font-size:1.2rem;font-family:var(--font-greek);cursor:pointer;border:none;border-radius:10px}.cell{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;width:100%;min-width:52px;min-height:56px;font-family:var(--font-greek);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;font-size:1.25rem;display:flex}.cell small{font-family:var(--font-ui);color:var(--muted);min-height:1em;font-size:.75rem}@media (width<=420px){.tab{padding:0 10px;font-size:.9rem}.grid-scroll{padding:0 6px}.syl-grid{border-spacing:3px}.head-btn{min-width:34px}.cell{min-width:40px;padding:2px 1px;font-size:1.1rem}}.cell.playing{border-color:var(--now);background:var(--surface-2)}.set-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.set-group h2{margin:0;font-size:1rem}.set-group p{margin:0}.toggle{justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.toggle input{width:28px;height:28px;accent-color:var(--primary)}.choice{flex-direction:column;gap:6px;display:flex}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg-btn{border:1.5px solid var(--border);background:var(--seg-btn-bg);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:10px;flex:1 0 auto}.seg-btn.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.file-btn{justify-content:center;align-items:center;display:flex}.file-btn input{display:none}.confirm{grid-template-columns:1fr 1fr;gap:8px;display:grid}.confirm p{grid-column:1/-1}.dot.almost{background:var(--now);border-color:var(--now)}.feedback.is-almost{background:var(--warn-bg)}.options.two{grid-template-columns:1fr 1fr}.options.two .option{min-height:96px;font-size:2rem}.options.multi{grid-template-columns:repeat(4,1fr);gap:8px}.options.multi .option{padding:0 4px;font-size:1.5rem;font-weight:400}.option.is-selected{border-color:var(--primary);background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--primary)}.option.is-missed{border-color:var(--success);box-shadow:inset 0 0 0 2px var(--success);opacity:1}.btn-check{flex:1}.btn-check:disabled{opacity:.5}.ear-btn{background:var(--primary);width:132px;height:132px;color:var(--on-primary);cursor:pointer;border:none;border-radius:50%;margin:12px 0;font-size:3.4rem}.ear-btn:active{transform:scale(.96)}.sign-box{background:var(--sign);color:var(--sign-text);box-shadow:inset 0 0 0 3px var(--sign), inset 0 0 0 6px var(--sign-text);font-family:var(--font-ui);letter-spacing:.04em;word-break:break-word;border-radius:10px;max-width:100%;margin:12px 0 0;padding:14px 22px;font-weight:700;line-height:1.1}.sign-box.len-s,.sign-box.len-m{font-size:64px}.sign-box.len-l{font-size:44px}.sign-box.len-xl{font-size:30px}.hunt-task{margin:12px 0 0;font-size:1.2rem}.hunt-target,.sound-chip{background:var(--surface-2);vertical-align:middle;border-radius:10px;min-width:1.6em;padding:0 8px;font-size:2rem;display:inline-block}.sound-chip{font-family:var(--font-ui);font-size:1.6rem}.kind-hunt .question{flex:none;min-height:0}.hunt-board{flex-wrap:wrap;flex:1;align-content:flex-start;gap:6px 22px;margin:8px 0 0;font-size:2.5rem;display:flex}.hunt-word{white-space:nowrap;display:inline-flex}.hunt-punct{align-self:flex-end;padding-bottom:6px}.hunt-ch{min-width:0;min-height:56px;font-family:var(--font-greek);font-size:inherit;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:6px;padding:0 2px;line-height:1}.hunt-ch.on{background:var(--surface-2);border-bottom-color:var(--primary)}.hunt-ch.hit{background:var(--success);color:var(--on-success)}.hunt-ch.wrong{background:var(--danger);color:var(--on-danger)}.hunt-ch.missed{border-bottom-color:var(--success);box-shadow:inset 0 0 0 2px var(--success)}.hunt-ch:disabled{cursor:default}.type-answer{display:flex}.type-input{min-height:56px;font:inherit;border-radius:var(--r-card);border:1.5px solid var(--border);background:var(--surface);color:var(--ink);flex:1;padding:0 14px;font-size:1.4rem}.type-input:focus{outline:2px solid var(--primary);outline-offset:1px}.diff{margin:4px 0 0;font-size:1rem}.diff mark{background:var(--now);color:var(--button-dark);border-radius:3px;padding:0 2px}.top-confusion{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:12px}.top-confusion .pair{margin:4px 0;font-size:2.6rem}.mode-btn.is-off{opacity:.5}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:8px 0 0;font-size:.85rem}.prompt.translation{padding:0 8px;font-size:1.9rem;font-weight:600;line-height:1.3}.prompt.emoji-prompt{font-size:120px;line-height:1.1}.prompt-speak{margin-top:8px}.option.emoji-option{font-size:2.6rem;font-weight:400}.option.greek{font-weight:400}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.theme-card{text-align:left;align-items:center;gap:10px;min-height:64px;padding:8px 10px;display:flex;position:relative;overflow:hidden}.theme-card .t-emoji{font-size:1.8rem}.theme-card .t-text{flex-direction:column;min-width:0;display:flex}.theme-card .t-text strong{font-size:.95rem;line-height:1.2}.theme-card .t-text small{color:var(--muted);font-size:.8rem;font-weight:400}.theme-card .t-bar{background:var(--success);height:4px;position:absolute;bottom:0;left:0}.theme-card.locked{opacity:.5}.dl{background:var(--surface-2);border-radius:999px;justify-content:center;align-items:center;height:28px;display:flex;position:relative;overflow:hidden}.dl-bar{background:var(--success);opacity:.35;transition:width .2s;position:absolute;inset:0 auto 0 0}.dl span{position:relative}.heat{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.heat-cell{min-height:56px;color:var(--on-success);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.heat-cell.unseen{color:var(--muted);text-shadow:none}.heat-cell .greek{font-size:1.5rem;line-height:1.1}.heat-cell small{font-size:.7rem}.pair-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pair-list li{align-items:center;gap:10px;display:flex}.pair-text{min-width:3.5em;font-size:1.4rem}.btn-small{min-height:40px;margin-left:auto;padding:0 10px;font-size:.85rem}.bar-row{grid-template-columns:minmax(0,1.3fr) 1fr 3em;align-items:center;gap:8px;font-size:.9rem;display:grid}.bar-track{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.bar-fill{height:100%;display:block}.bar-val{text-align:right}.summary-text{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px;font-size:.85rem}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.build-id{text-align:center;margin:0}.kind-sort .question{flex:none;min-height:0}.sort-board{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.sort-buckets{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.sort-buckets.n3{grid-template-columns:repeat(3,1fr)}.sort-buckets.n4 .sort-bucket{min-height:118px}.sort-bucket{border:2px dashed var(--border);border-radius:var(--r-card);background:var(--surface);cursor:pointer;flex-direction:column;align-items:center;gap:6px;min-height:170px;padding:8px 4px;transition:border-color .12s,background .12s;display:flex;position:relative}.sort-bucket.armed{border-color:var(--primary)}.sort-bucket.over{border-style:solid;border-color:var(--primary);background:var(--surface-2)}.sort-bucket:disabled{cursor:default}.bucket-label{font-size:1.15rem;font-weight:700;line-height:1.1}.bucket-label.greek{font-size:1.9rem;font-weight:400}.bucket-err{color:var(--danger);font-size:.85rem;font-weight:700;position:absolute;top:4px;right:6px}.bucket-cards{flex-wrap:wrap;justify-content:center;gap:3px;width:100%;display:flex}.placed{background:var(--success-bg);overflow-wrap:anywhere;border-radius:8px;max-width:100%;padding:1px 6px;font-size:.95rem;animation:.16s ease-out pop}.placed.was-wrong{background:var(--warn-bg)}.sort-help{text-align:center;min-height:1.2em;margin:0}.sort-tray{flex-wrap:wrap;place-content:flex-start center;gap:8px;display:flex}.sort-card{border:1px solid var(--border);background:var(--surface);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:12px;min-height:48px;padding:6px 12px;font-size:1.35rem}.sort-card.is-selected{border-color:var(--primary);background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--primary)}.sort-card.dragging{z-index:10;cursor:grabbing;border-color:var(--primary);outline:2px solid var(--primary);position:relative}.sort-card.shake{border-color:var(--danger);background:var(--danger-bg);animation:.26s ease-in-out 2 shake}.sort-summary{flex-direction:column;gap:10px;display:flex}.sort-sum-board{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:8px 10px}.sort-sum-title{margin:0 0 6px}.sort-sum-buckets{flex-wrap:wrap;gap:6px;margin:0;display:flex}.sort-sum-buckets .pill{padding:3px 10px}.pill.has-err{border-color:var(--danger);color:var(--danger)}.sort-sum-list{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.sort-sum-list li{align-items:center;gap:10px;display:flex}.sort-sum-list .greek{font-size:1.3rem}.kind-spell .question{flex:none;min-height:0}.spell-prompt{justify-content:center;align-items:center;gap:10px;display:flex}.spell-prompt .prompt{margin:0}.spell-board{flex-direction:column;flex:1;gap:10px;display:flex}.spell-slots{justify-content:center;gap:5px;display:flex}.spell-slot{border:none;border-bottom:3px solid var(--border);min-width:36px;min-height:56px;font-family:var(--font-greek);background:0 0;flex:0 auto;padding:0 4px;font-size:2rem;line-height:1}.spell-slot.filled{border-bottom-color:var(--success);animation:.16s ease-out pop}.spell-slot[data-accent],.spell-slot:not(:disabled){cursor:pointer;background:var(--surface);border-radius:8px 8px 0 0}.spell-slot.accent{color:var(--primary)}.spell-slot.shake,.spell-tile.shake{border-color:var(--danger);background:var(--danger-bg);animation:.26s ease-in-out 2 shake}.spell-tiles{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.spell-tile{border:1.5px solid var(--border);background:var(--surface);min-width:60px;min-height:60px;font-family:var(--font-greek);cursor:pointer;touch-action:manipulation;border-radius:12px;padding:0 10px;font-size:1.9rem}.spell-tile.used{visibility:hidden}.spell-tile:disabled{cursor:default}.kind-memory .question{flex:none;min-height:0}.memory-board{flex-direction:column;flex:1;gap:8px;display:flex}.memory-stats{justify-content:center;gap:16px;margin:0;display:flex}.memory-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.memory-card{aspect-ratio:1/.9;border:1.5px solid var(--primary);border-radius:var(--r-card);background:var(--primary);color:var(--on-primary);cursor:pointer;overflow-wrap:anywhere;justify-content:center;align-items:center;padding:4px;font-size:1.8rem;font-weight:700;transition:transform .16s,background-color .16s;display:flex}.memory-card.up{background:var(--surface);color:var(--ink);border-color:var(--border);font-size:1.5rem;font-weight:400;animation:.16s ease-out pop;transform:rotateY(0)}.memory-card .long{font-size:1.05rem}.memory-card .memory-emoji{font-size:2.6rem}.memory-card.matched{background:var(--success-bg);border-color:var(--success);opacity:1}.memory-card:disabled{cursor:default}.kind-mole .question{flex:none;min-height:0}.mole-board{flex-direction:column;flex:1;gap:10px;display:flex}.mole-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mole-hole{aspect-ratio:1/.8;background:var(--surface-2);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;display:flex}.mole{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:14px;width:92%;min-height:64px;padding:4px;font-size:1.45rem;animation:.14s ease-out mole-up}.mole.long{font-size:1.1rem}.mole.hit{background:var(--success);border-color:var(--success);color:var(--on-success)}.mole.wrong{background:var(--danger);border-color:var(--danger);color:var(--on-danger);animation:.26s ease-in-out shake}@keyframes mole-up{0%{opacity:0;transform:translateY(40%)scale(.8)}}.mole-start{margin-top:6px}.hand,.prompt.greek.hand{font-family:var(--font-hand)}.hand-note{margin:0}.alpha-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.alpha-cell{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;display:flex}.alpha-cell.on{border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary)}.alpha-cell .greek{font-size:1.5rem}.alpha-card{border-radius:var(--r-card);background:var(--surface);border:1px solid var(--border);text-align:center;grid-template-columns:1fr 1fr;align-items:center;gap:4px 12px;padding:14px;display:grid}.alpha-big{font-size:4rem;line-height:1.1}.alpha-card .row-label{grid-column:1/-1;margin:0}.alpha-name{grid-column:1/-1;justify-content:center;align-items:center;gap:12px;font-size:1.3rem;display:flex}.round-tip{border-radius:var(--r-card);background:var(--warn-bg);text-align:center;flex-direction:column;flex:1;justify-content:center;gap:10px;padding:20px;display:flex}.round-tip-label{text-transform:uppercase;letter-spacing:.06em;margin:0}.round-tip-text{margin:0;font-size:1.25rem;line-height:1.4}.round-tip-greek{margin:0;font-size:1.8rem}.kind-blank .question{flex:none;min-height:0}.blank-board{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.blank-word{flex-wrap:wrap;justify-content:center;align-items:baseline;margin:8px 0 0;font-size:3rem;line-height:1.2;display:flex}.blank-word .prefix{color:var(--muted);margin-right:.3em;font-size:.6em}.blank-gap{border-bottom:3px solid var(--primary);min-width:1.4em;color:var(--primary);text-align:center;padding:0 4px}.blank-unit{font:inherit;color:inherit;background:0 0;border:none;padding:0}button.blank-unit{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--border);cursor:pointer;border-radius:8px;padding:0 3px}.blank-fill{color:var(--success);animation:.16s ease-out pop}.blank-fill.bad{color:var(--danger)}.blank-unit.accent{text-decoration:underline;-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:6px}.blank-gloss{color:var(--muted);margin:0;font-size:1.1rem}.blank-options{width:100%;margin-top:auto}.blank-options.n3,.blank-options.n5{grid-template-columns:repeat(3,1fr)}.blank-options .option{font-size:1.8rem;font-weight:400}.kind-match .question{flex:none;min-height:0}.match-board{flex-direction:column;flex:1;gap:8px;display:flex}.match-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.match-col{flex-direction:column;gap:6px;display:flex}.match-syl{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;border-radius:12px;min-height:48px;font-size:1.6rem}.match-syl.is-selected{border-color:var(--primary);background:var(--surface-2);box-shadow:inset 0 0 0 2px var(--primary)}.match-syl.used{visibility:hidden}.match-syl.shake{border-color:var(--danger);background:var(--danger-bg);animation:.26s ease-in-out 2 shake}.match-formed{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.match-formed li{align-items:center;gap:10px;animation:.16s ease-out pop;display:flex}.match-formed .greek{font-size:1.4rem}.mode-pairs .hunt-board{flex:none;justify-content:center;margin-top:24px;font-size:3rem}.grid-note{background:var(--warn-bg);border-radius:10px;margin:0;padding:8px 12px;font-size:.95rem}.sfx{color:var(--primary);text-underline-offset:8px;font-weight:700;text-decoration:underline;text-decoration-thickness:3px}.gloss{margin:4px 0 0;font-size:1.15rem}.options.three{grid-template-columns:repeat(3,1fr)}.options.three .option{min-height:96px;font-size:2.2rem;font-weight:400}.listen-row{justify-content:center;gap:8px;margin-top:8px;display:flex}.listen-btn{background:var(--primary);border-color:var(--primary);min-height:48px;color:var(--on-primary);padding:6px 20px}.listen-slow{min-height:48px;padding:6px 14px}.sound-note b{color:var(--primary)}.listen-summary{text-align:center;margin:0}.rules-card{background:var(--surface);border:1px solid var(--border);text-align:left;justify-content:flex-start}.rules-table{border-collapse:collapse;width:100%;font-size:1.05rem}.rules-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 4px;font-size:.8rem;font-weight:600}.rules-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:10px 4px}.rules-table b{font-size:1.4rem}.rules-btn{min-height:36px;margin:4px auto 0;font-size:.9rem}.gender-fb .fb-line{margin:4px 0 0;font-size:.95rem;line-height:1.4}.gender-fb .fb-lines{margin:4px 0 0;padding-left:1.2em}.gender-fb .sfx{text-underline-offset:4px;text-decoration-thickness:2px}.nowrap{white-space:nowrap}.kind-speak .question{flex:none;min-height:0}.speak-board{flex-direction:column;flex:1;align-items:center;gap:12px;margin-top:8px;display:flex}.mic-btn{background:var(--primary);width:132px;height:132px;color:var(--on-primary);cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:3rem;display:flex}.mic-btn small{font-size:.75rem;font-family:var(--font-ui)}.mic-btn.on{background:var(--danger);animation:1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{50%{transform:scale(1.06)}}.ab-row,.self-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ab-btn{min-height:44px;padding:6px 14px}.dialog-screen{gap:8px}.chat{flex-direction:column;flex:1;gap:8px;padding-bottom:8px;display:flex;overflow-y:auto}.bubble{border-radius:16px;max-width:85%;padding:8px 12px;animation:.16s ease-out pop}.bubble.bot{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.bubble.bot.fix{background:var(--warn-bg)}.bubble.me{background:var(--primary);color:var(--on-primary);border-bottom-right-radius:4px;align-self:flex-end}.bubble-el{margin:0;font-size:1.35rem}.bubble-tr{opacity:.85;margin:2px 0 0;font-size:.9rem}.bubble-tools{align-items:center;gap:4px;margin-top:4px;display:flex}.chat-options{flex-direction:column;gap:8px;display:flex}.chat-option{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;font-size:1.2rem;font-weight:400;display:flex}.chat-option small{font-family:var(--font-ui);color:var(--muted);font-size:.85rem}.chat-option.hint-ok{border-color:var(--success);box-shadow:inset 0 0 0 2px var(--success)}.chat-mic.on{background:var(--danger-bg);border-color:var(--danger)}.dialog-summary{flex-direction:column;gap:8px;display:flex}body{font-size:var(--body-size);line-height:var(--body-lh);color:var(--ink)}.btn{border-radius:var(--r-btn);border:1px solid var(--border);color:var(--ink)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.icon-btn{color:var(--ink)}.icon-btn.big{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-btn)}.icon-btn.listen-strong{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary-strong)}.chip,.pill{border-radius:var(--r-chip);border:1px solid var(--border);background:var(--surface);align-items:center;gap:4px;padding:6px 12px;font-size:.9rem;font-weight:600;display:inline-flex}.chip.streak{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.section-title,.mode-label,.hero-label,.round-tip-label{text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-size:12px;font-weight:600}.top-title{font-size:17px;font-weight:600}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-card);color:var(--ink);font:inherit;text-align:left;cursor:pointer;display:flex}.bar{border-radius:var(--r-chip);background:var(--surface-2);width:100%;height:4px;display:block;overflow:hidden}.bar-in{border-radius:inherit;background:var(--g-color,var(--primary));height:100%;display:block}.with-nav{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.home-head{text-align:left;justify-content:space-between;align-items:flex-end;display:flex}.home-head .hello{color:var(--muted);margin:0;font-size:17px}.home-head h1{margin:0;font-size:36px;font-weight:400}.hero{border-radius:var(--r-hero);background:var(--primary-strong);color:var(--on-primary-strong);padding:18px 18px 30px;position:relative;overflow:hidden}.hero .hero-label{color:var(--on-primary-strong);opacity:.85;margin:0}.hero-title{margin:4px 0 2px;font-size:22px;font-weight:700}.hero-sub{opacity:.9;margin:0}.hero-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.hero-start{background:var(--on-primary-strong);border-color:var(--on-primary-strong);min-height:48px;color:var(--primary-strong);padding:8px 26px;font-weight:700}.hero-note{opacity:.9;font-size:13px}.hero-waves{width:100%;height:26px;position:absolute;bottom:4px;left:0;right:0}.hero-waves path{fill:none;stroke:var(--wave);stroke-width:2px}.class-card{--g-color:var(--accent);align-items:center;gap:12px;min-height:64px;padding:12px 14px}.class-icon{background:color-mix(in srgb, var(--accent) var(--icon-tint), var(--surface));height:44px;color:var(--accent);border-radius:12px;flex:0 0 44px;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.class-text{flex-direction:column;flex:1;gap:4px;display:flex}.class-text small{color:var(--muted)}.segments{border-radius:var(--r-chip);background:var(--seg-rail);box-shadow:inset 0 0 0 1px var(--seg-rail-line);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.segment{border-radius:var(--r-chip);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;font-weight:600}.segment.on{background:var(--seg-on);color:var(--ink);box-shadow:inset 0 0 0 1px var(--border), inset 0 -2px 0 var(--seg-line)}.mode-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.g-read{--g-color:var(--g-read)}.g-listen{--g-color:var(--g-listen)}.g-words{--g-color:var(--g-word)}.g-chat{--g-color:var(--g-chat)}.mode-card{flex-direction:column;align-items:flex-start;gap:4px;min-height:132px;padding:14px}.mode-card .mode-sample{text-align:left;white-space:nowrap;text-overflow:ellipsis;width:auto;max-width:100%;color:var(--g-color,var(--primary));flex:none;min-height:34px;font-size:24px;line-height:1.3;overflow:hidden}.mode-card .mode-name{font-size:15px;font-weight:600}.mode-card .mode-desc{color:var(--muted);flex:1;font-size:12.5px}.mode-card .bar{margin-top:6px}.mode-card.is-off{opacity:.5}.link-btn{min-height:44px;color:var(--primary);cursor:pointer;background:0 0;border:none;align-self:center;font-weight:600}.bottom-nav{z-index:20;max-width:560px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.5px;font-weight:600;display:flex}.nav-item.on{color:var(--primary)}.page-head h1{margin:4px 0 0;font-size:28px}.theme-card{border-radius:var(--r-card);border:1px solid var(--border);flex-wrap:wrap}.theme-card .bar{flex:0 0 100%;margin-top:6px}.theme-card.class-pack{--g-color:var(--accent)}.name-field{flex-direction:column;gap:4px;display:flex}.name-field input{border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;padding:8px 12px}.progress{flex:1;align-items:center;gap:10px;display:flex}.progress-track{border-radius:var(--r-chip);background:var(--surface-2);flex:1;height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--primary);height:100%;transition:width .2s;display:block}.progress-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.prompt.greek{color:var(--prompt-ink)}.prompt.greek.len-s,.prompt.greek.len-m{font-size:58px}.prompt.greek.len-l{font-size:46px}.prompt.greek.len-xl{font-size:clamp(34px,9vw,40px)}.option{border-radius:var(--r-btn);min-height:64px}.option.greek{font-family:var(--font-greek)}.option.is-correct{animation:var(--correct-anim)}.option.is-dim{opacity:.45}.feedback{border:1px solid var(--border);border-radius:var(--r-card)}.feedback.is-ok{background:var(--success-bg);border-color:var(--success-border);color:var(--success-ink)}.feedback.is-bad{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-ink);animation:.26s ease-in-out shake}.feedback.is-almost{background:var(--warn-bg);color:var(--warn-ink)}.feedback .hint,.feedback .reveal{color:inherit}.feedback.is-ok .feedback-text>strong:before{content:"✓ "}.btn-next{background:var(--button-dark);border-color:var(--button-dark);color:var(--on-button-dark)}.listen-btn{background:var(--primary-strong);border-color:var(--primary-strong);color:var(--on-primary-strong)}.listen-slow{background:0 0}@keyframes glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 60%, transparent)}to{box-shadow:0 0 0 12px #0000}}.end-head{position:relative}.end-head:after{content:"";background:radial-gradient(circle at 10px -4px, transparent 10px, var(--primary) 11px 12px, transparent 13px) 0 0 / 20px 14px repeat-x;width:160px;height:14px;margin:10px auto 0;animation:1.2s ease-in-out 2 wave;display:block}@keyframes wave{50%{opacity:.6;transform:translateY(-4px)}}.listen-btn,.listen-slow,.ab-btn,.rules-btn,.btn-small,.chat-mic,.icon-btn{justify-content:center;align-items:center;gap:6px;display:inline-flex}.listen-slow{padding:6px 16px}.mic-btn svg{display:block}.listen-summary svg,.missed-item svg{vertical-align:middle}.end-emoji{color:var(--primary);justify-content:center;display:flex}.feedback .fb-lines{margin:4px 0 0;padding-left:1.2em;font-size:.95rem;line-height:1.4}.feedback .fb-lines li+li{margin-top:2px}.gender-fb .fb-hint,.rules-hint{opacity:.9;margin:6px 0 0}.mictest-now{border-radius:var(--r-card);background:var(--success);color:var(--on-primary);text-align:center;margin:0;padding:8px 12px;font-weight:600}.mictest-lines{margin:0;padding-left:18px;font-size:.9rem}.mictest-log{background:var(--surface-2);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:220px;margin:0;padding:8px;font-size:.72rem;line-height:1.4;overflow:auto}.mictest audio{width:100%}.mictest-copy{width:100%;min-height:160px;font-size:.72rem}.listen-bar{background:var(--surface-2);border-radius:2px;width:min(240px,80%);height:4px;overflow:hidden}.listen-bar-fill{background:var(--danger);transform-origin:0;height:100%;animation:linear forwards listen-countdown}@keyframes listen-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.done-btn{min-width:160px;min-height:52px;font-size:1.1rem}.speak-board audio{display:none}