:root{--paper: #EAE1D9;--ink: #262322;--on-dark: #EAE1D9;--muted: #6E655D;--muted-dark: #C3B7AA;--panel: #F5F0EA;--rule: #C9BDB1;--track: #D5C8BB;--done: #A79A8D;--done-text: #8A8078;--dark-rule: #4A443F;--portrait-bg: #DFD4C9;--right-line: #3F6B4F;--right-bg: #E6EDE4;--right-text: #2C4F3B;--right-on: #F7F3EE;--close-line: #8A6A1F;--close-bg: #F3EAD6;--close-text: #634C14;--wrong-line: #A2402E;--wrong-bg: #F3E2DE;--wrong-text: #7F2C1D;--wrong-on: #F9F0ED;--danger-text: #8C3524;--f-body: "Jost", system-ui, sans-serif;--f-head: "Jost", system-ui, sans-serif;--scale: 1;--lsp: 0em}html[data-dys=on]{--f-body: "Atkinson Hyperlegible", system-ui, sans-serif;--f-head: "Atkinson Hyperlegible", system-ui, sans-serif;--scale: 1.16;--lsp: .02em}html{font-size:calc(16px * var(--scale))}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);letter-spacing:var(--lsp)}*{box-sizing:border-box}a{color:var(--ink);text-decoration:underline}a:hover{color:#8a6a4f}input,select,button,textarea{font-family:inherit;letter-spacing:inherit;color:var(--ink)}img{max-width:100%}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pop{animation:pop .2s ease-out}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.shell{min-height:100vh;padding:clamp(18px,3vw,44px) clamp(16px,4vw,56px) 72px}.shell-inner{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(18px,3vw,32px)}.frame{border:1.5px solid var(--ink);padding:clamp(20px,4vw,52px);display:flex;flex-direction:column;gap:clamp(18px,3vw,30px)}.screen{display:flex;flex-direction:column;gap:26px}.screen-lg{gap:30px}.topbar{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}.wordmark{background:none;border:none;padding:0;cursor:pointer;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.24em}.topnav{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}.topnav-btn{background:none;border:none;padding:4px 0;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;display:flex;align-items:center;gap:9px}.toggle{width:26px;height:12px;border:1.5px solid var(--ink);display:inline-block;position:relative}.toggle-on:after{content:"";position:absolute;top:1px;bottom:1px;right:1px;left:50%;background:var(--ink)}.notice{border:1.5px solid var(--ink);background:var(--panel);padding:14px 18px;font-size:.9rem}.hero{font-family:var(--f-head);font-weight:500;font-size:clamp(2.4rem,6vw,4.1rem);line-height:1;letter-spacing:-.02em}.h-page{font-family:var(--f-head);font-weight:500;font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.05}.h-ex{font-family:var(--f-head);font-weight:500;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.05}.lead{font-size:1.05rem;font-weight:300;line-height:1.55;max-width:34ch}.body{font-weight:300;font-size:1rem}.eyebrow{font-size:.76rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.eyebrow-sm{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}.meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.on-dark .eyebrow,.on-dark .eyebrow-sm,.on-dark .meta{color:var(--muted-dark)}.section-head{font-size:.74rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);padding-bottom:10px;border-bottom:1.5px solid var(--ink)}.back{background:none;border:none;padding:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);cursor:pointer;display:inline-block;margin-bottom:8px;text-decoration:none}.btn{border:1.5px solid var(--ink);background:none;padding:15px 30px;font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-dark{background:var(--ink);color:var(--on-dark)}.btn-md{padding:14px 22px;font-size:.76rem;letter-spacing:.16em}.btn-md-wide{padding:14px 26px;font-size:.76rem;letter-spacing:.16em}.btn-sm{padding:10px 16px;font-size:.72rem;letter-spacing:.14em}.btn-tiny{padding:7px 13px;font-size:.7rem;letter-spacing:.14em}.btn-danger{border-color:var(--wrong-line);color:var(--danger-text)}.btn-light{background:var(--paper);color:var(--ink);border:none}.btn-on-dark{background:none;color:var(--on-dark);border:1.5px solid var(--on-dark)}.btn-hero{font-family:var(--f-head);padding:26px 46px;font-size:1.5rem;font-weight:500;letter-spacing:.14em;text-transform:none}.btn:disabled{opacity:.45;cursor:not-allowed}.tile{background:var(--panel);border:1.5px solid var(--ink);padding:34px 26px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;font-family:inherit;text-decoration:none;color:var(--ink)}.tile-dark{background:var(--ink);color:var(--on-dark)}.tile-dark .tile-sub{color:var(--muted-dark)}.tile-title{font-family:var(--f-head);font-weight:500;font-size:1.9rem;line-height:1}.tile-title-sm{font-size:1.55rem;line-height:1.1}.tile-sub{font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.grid{display:grid;gap:14px}.grid-125{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}.grid-180{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));max-width:860px}.grid-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:640px}.grid-210{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-width:860px}.grid-240{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:760px;gap:16px}.grid-opts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.grid-split{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(20px,3vw,40px)}.grid-match{grid-template-columns:1fr 1fr}.stack{display:flex;flex-direction:column}.stack-10{display:flex;flex-direction:column;gap:10px}.row-gap{display:flex;gap:12px;flex-wrap:wrap}.row{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline;padding:18px 4px;border:none;border-bottom:1px solid var(--rule);text-align:left;background:none;width:100%;font-family:inherit;color:inherit}button.row{cursor:pointer}.row-title{font-family:var(--f-head);font-weight:500;font-size:1.3rem;line-height:1.15;flex:1;min-width:200px}.row-right{font-size:.82rem;min-width:150px;text-align:right}.ex-row{padding:17px 4px;gap:6px 22px}.ex-num{width:32px;font-size:.8rem;color:var(--muted);letter-spacing:.1em}.ex-title{font-family:var(--f-head);font-weight:500;font-size:1.28rem;min-width:170px}.ex-desc{flex:1;min-width:180px;font-weight:300;font-size:.95rem}.ex-top{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);text-align:right;min-width:170px}.word-row{display:flex;gap:14px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--rule)}.word-thumb{display:block;width:46px;height:46px;object-fit:cover;flex:none}.word-target{font-weight:500;font-size:1.02rem}.word-sv{font-weight:300;font-size:.9rem;color:var(--muted)}.word-pron{font-style:italic}.board{background:var(--ink);color:var(--on-dark);padding:clamp(18px,3vw,28px);display:flex;flex-direction:column}.board-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted-dark);padding-bottom:14px}.board-row{display:flex;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--dark-rule)}.board-rank{width:22px;font-size:.85rem;color:var(--muted-dark)}.board-name{flex:1;min-width:0;font-weight:500;font-size:1rem}.board-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-dark)}.board-score{font-family:var(--f-head);font-weight:500;font-size:1.15rem}.board-empty{font-weight:300;font-size:.95rem}.field{border:none;border-bottom:1.5px solid var(--ink);background:none;padding:12px 2px;font-size:1.4rem;outline:none;width:100%}.field-sm{font-size:1rem;padding:10px 2px}.field-filled{border:none;background:var(--panel);padding:11px;font-size:.98rem;outline:none;width:100%}.field-filled:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.select{border:1.5px solid var(--ink);background:none;padding:9px 12px;font-size:.85rem}.textarea{border:1.5px solid var(--ink);background:var(--panel);padding:12px;font-size:.95rem;width:100%;min-height:130px;outline:none;resize:vertical}.segmented{display:flex;border:1.5px solid var(--ink)}.segmented button{border:none;background:none;padding:11px 16px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--on-dark)}.ex-head{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;justify-content:space-between}.stats{display:flex;gap:26px;align-items:baseline}.stat{text-align:right}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.stat-value{font-family:var(--f-head);font-weight:500;font-size:1.65rem;line-height:1.1}.progress{height:3px;background:var(--track)}.progress-fill{height:100%;background:var(--ink);transition:width .25s ease-out}.panel{border:1.5px solid var(--ink);background:var(--panel);padding:clamp(22px,4vw,40px);display:flex;flex-direction:column;gap:20px;max-width:680px}.card{width:100%;max-width:640px;min-height:270px;border:1.5px solid var(--ink);background:var(--panel);padding:34px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;font-family:inherit;color:inherit}.card-word{font-family:var(--f-head);font-weight:500;font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.05}.card-pron{font-weight:300;font-style:italic;color:var(--muted)}.card-img{display:block;max-height:150px;object-fit:cover}.card-hint{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--done-text)}.match-btn{text-align:left;background:var(--panel);border:1.5px solid var(--ink);padding:15px;font-size:1rem;cursor:pointer;font-family:inherit;width:100%}.match-btn[aria-pressed=true]{background:var(--ink);color:var(--on-dark)}.match-done{border:1px dashed var(--done);padding:15px;font-weight:300;font-size:1rem;color:var(--done-text)}.mem-card{height:110px;width:100%;border:1.5px solid var(--ink);background:var(--ink);color:var(--on-dark);cursor:pointer;font-family:var(--f-head);font-weight:400;font-size:1.4rem}.mem-face{height:110px;background:var(--panel);border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font-size:.98rem;animation:pop .2s ease-out}.mem-gone{height:110px;border:1px dashed var(--done);display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font-weight:300;font-size:.92rem;color:var(--done-text)}.type-question{font-family:var(--f-head);font-weight:500;font-size:clamp(1.8rem,4.5vw,2.8rem);line-height:1.05}.fb{padding:12px 16px;animation:pop .25s ease-out}.fb-right{border-left:3px solid var(--right-line);background:var(--right-bg);color:var(--right-text)}.fb-close{border-left:3px solid var(--close-line);background:var(--close-bg);color:var(--close-text)}.fb-wrong{border-left:3px solid var(--wrong-line);background:var(--wrong-bg);color:var(--wrong-text);animation:shake .3s ease-out}.opt{text-align:left;background:var(--panel);border:1.5px solid var(--ink);padding:17px;font-size:1.05rem;cursor:pointer;font-family:inherit;width:100%}.opt-good{background:var(--right-line);color:var(--right-on);border-color:var(--right-line);cursor:default}.opt-bad{background:var(--wrong-line);color:var(--wrong-on);border-color:var(--wrong-line);animation:shake .3s ease-out;cursor:default}.hang-panel{border:1.5px solid var(--ink);background:var(--panel);padding:clamp(20px,4vw,34px);display:flex;flex-direction:column;gap:18px}.hang-clue{font-family:var(--f-head);font-weight:500;font-size:1.5rem;line-height:1.1}.slots{display:flex;gap:9px;flex-wrap:wrap}.slot{min-width:32px;height:46px;border-bottom:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--f-head);font-weight:500;font-size:1.6rem}.lives{display:flex;gap:7px;align-items:center}.life{width:14px;height:14px;background:var(--ink)}.life-dead{background:none;border:1.5px solid var(--done)}.lives-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-left:8px}.keys{display:flex;flex-wrap:wrap;gap:8px}.key{width:46px;height:46px;background:none;border:1.5px solid var(--ink);font-family:var(--f-head);font-size:1.05rem;cursor:pointer;text-transform:uppercase;display:flex;align-items:center;justify-content:center}.key-hit{background:var(--ink);color:var(--on-dark);cursor:default}.key-miss{border-color:var(--rule);color:var(--done-text);cursor:default}.result{background:var(--ink);color:var(--on-dark);padding:clamp(24px,4vw,42px);display:flex;flex-direction:column;gap:24px}.result-head{font-family:var(--f-head);font-weight:500;font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.05}.result-stats{display:flex;gap:44px;flex-wrap:wrap}.result-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted-dark)}.result-value{font-family:var(--f-head);font-weight:500;font-size:2.4rem;line-height:1.1}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1px solid var(--muted);padding:8px 14px;font-weight:300;font-size:.88rem}.teacher-folder{display:flex;flex-direction:column;gap:14px;border-top:1.5px solid var(--ink);padding-top:16px}.folder-name{flex:1;min-width:180px;border:none;border-bottom:1.5px solid var(--rule);background:none;font-family:var(--f-head);font-weight:500;font-size:1.3rem;padding:8px 2px;outline:none}.teacher-list-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--panel);border:1px solid var(--rule);padding:12px}.teacher-list-name{flex:1;min-width:160px;border:none;border-bottom:1px solid var(--rule);background:none;padding:9px 2px;font-size:1rem;outline:none}.ed-cols{display:flex;gap:10px;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);padding:0 2px}.ed-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:10px}.ed-del{width:42px;height:42px;flex:none;background:none;border:1.5px solid var(--wrong-line);color:var(--danger-text);font-size:1.05rem;cursor:pointer}.hairline{border-top:1.5px solid var(--ink);padding-top:16px}.home{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(26px,4vw,54px);align-items:center}.portrait-wrap{width:100%;aspect-ratio:3/4;min-height:300px;overflow:hidden;background:var(--portrait-bg)}.portrait{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}.center-col{display:flex;flex-direction:column;gap:20px;align-items:center}.spread{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between}.muted-note{font-weight:300;font-size:.92rem;color:var(--muted)}.error{border-left:3px solid var(--wrong-line);background:var(--wrong-bg);color:var(--wrong-text);padding:12px 16px;font-size:.92rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}