@font-face{font-family:Nunito;src:url(/keyboard/nunito.ttf) format("truetype");font-weight:400 900;font-display:swap}.keyboard-app{--paper:#fff8ec;--ink:#1f2a44;--coral:#f2795a;--sun:#ffc93c;--muted:#535d72;--green:#467e58;background:var(--paper);color:var(--ink);min-height:100vh;font-family:Nunito,Arial,sans-serif;line-height:1.5;display:flex;flex-direction:column;caret-color:var(--ink);selection-background-color:var(--sun)}.keyboard-app *{box-sizing:border-box}.keyboard-app ::selection{background:var(--sun);color:var(--ink)}.keyboard-app a,.keyboard-app button,.keyboard-app input,.keyboard-app select,.keyboard-app textarea{outline-offset:5px}.keyboard-app :focus-visible{outline:3px solid #325eaa}.keyboard-app button{cursor:pointer;touch-action:manipulation}.keyboard-app button:disabled{cursor:default;opacity:.7}.keyboard-header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;gap:20px;border-bottom:1px solid #e5ddcf}.brand-link{font-size:20px;font-weight:900;text-decoration:none;letter-spacing:-.03em}.brand-link span{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--muted)}.keyboard-header nav{display:flex;align-items:center;gap:24px}.roadmap-link{font-size:13px;text-underline-offset:4px}.parent-button{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;padding:10px 14px;border:1px solid #c6bfae;border-radius:12px;background:none;color:var(--ink)}.parent-button svg,.stage-instruction svg{width:22px;height:22px}.keyboard-home{width:min(1100px,90%);margin:54px auto 40px;text-align:center;flex:1}.home-title h1{font-size:clamp(40px,5vw,66px);font-weight:900;line-height:1.04;letter-spacing:-.035em;text-wrap:balance;margin:0}.home-title p{font-size:17px;color:var(--muted);margin:22px 0 35px}.game-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 auto 30px;max-width:920px}.mode-choice{text-align:left;display:flex;flex-direction:column;padding:20px 24px 24px;border:2px solid transparent;border-radius:16px;background:#f0e9dc;color:var(--ink);transition:background .15s}.mode-choice:hover{background:#e8dfce}.mode-choice.selected{border-color:var(--ink);background:#fff}.mode-choice strong{font-size:21px;font-weight:900;margin:10px 0 5px}.mode-choice>span:last-child{font-size:13px;max-width:24ch;line-height:1.5}.mode-example{font-weight:900;font-size:48px;letter-spacing:-.04em;line-height:1.2}.mode-find .mode-example{color:#bc462d}.mode-explore .mode-example{color:#296d9e}.mode-word .mode-example{color:#39724b;font-size:34px;padding:8px 0}.play-button{display:inline-flex;justify-content:center;align-items:center;gap:65px;background:var(--ink);color:white;border:0;border-radius:12px;font-size:21px;font-weight:900;padding:17px 32px;min-height:64px}.play-button:hover{background:#354461}.home-help{font-size:13px;margin:17px 0 24px;color:var(--muted)}.home-bottom{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.home-bottom button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.keyboard-footer{display:flex;gap:24px;justify-content:center;border-top:1px solid #e5ddcf;padding:18px;font-size:11px;color:var(--muted);flex-wrap:wrap}.keyboard-footer a{text-underline-offset:4px}.game-screen{width:min(1040px,94%);margin:18px auto 30px;flex:1}.round-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.exit-button{border:1px solid #c6bfae;border-radius:10px;background:none;padding:10px 14px;font-size:13px;color:var(--ink)}.exit-button small{margin-left:12px;font-size:10px}.mode-name{font-size:13px;font-weight:800}.progress-dots{display:flex;gap:9px}.progress-dots span{width:13px;height:13px;border:1px solid #9a8c72;border-radius:50%}.progress-dots .filled{background:var(--sun);border-color:#a07810}.letter-stage{background:white;border-radius:24px;text-align:center;padding:24px 20px 17px;min-height:325px;position:relative;box-shadow:0 8px 32px #3c28000b}.stage-instruction{font-size:22px;font-weight:800;display:flex;justify-content:center;gap:18px;align-items:center}.stage-instruction button{border:0;background:#f5f1e8;border-radius:50%;padding:10px;color:var(--ink);width:44px;height:44px;display:grid;place-items:center}.letter-pair{font-weight:900;font-size:clamp(120px,16vw,210px);line-height:1.03;letter-spacing:-.035em;margin:12px 0;color:var(--ink)}.feedback{font-size:14px;color:var(--muted);min-height:24px}.hint-button,.text-button{background:none;border:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:12px;min-height:44px}.hint-button{font-weight:800}.letter-stage.miss{background:#f5f0ff}.letter-stage.success{background:#fff4ce}.choice-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:24px auto 20px}.choice-key{width:88px;height:88px;border-radius:16px;border:0;background:#e8dfce;color:var(--ink);font-size:39px;font-weight:900;border-bottom:5px solid #c5b89f;user-select:none;-webkit-user-select:none}.choice-key:active{transform:translateY(2px);border-bottom-width:3px}.choice-key:hover{background:#ded0b5}.target-key{background:var(--sun)!important;outline:2px solid #96701a;outline-offset:2px}.physical-map{display:flex;flex-direction:column;gap:5px;align-items:center;margin:10px auto;max-width:840px}.physical-map>div{display:flex;justify-content:center;gap:5px}.map-key{border:1px solid #d1c6b1;background:#fffaf2;border-radius:7px;color:var(--ink);width:44px;height:39px;font-weight:800;font-size:14px}.input-hint{color:var(--muted);font-size:11px;text-align:center;margin-top:12px}.word-slots{display:flex;gap:12px;justify-content:center;margin:45px 0}.word-slots span{font-size:65px;font-weight:900;line-height:1.2;border-bottom:4px solid #c8c8bf;color:#71766e;padding:4px 9px}.word-slots .current{color:var(--ink);border-color:var(--green);background:#edf7ed}.word-slots .typed{color:#356d46;border-color:#356d46}.object-reward{display:flex;align-items:center;justify-content:center;gap:20px;font-size:28px;font-weight:900;margin:15px auto}.object-reward img{object-fit:contain;width:130px;height:130px;border-radius:16px}.success .letter-pair{font-size:90px}.next-button{border:0;background:var(--ink);color:white;padding:14px 30px;border-radius:12px;font-size:20px;font-weight:900;margin:18px 0 5px;min-height:58px}.finish-stage{text-align:center;padding:60px 10px;display:flex;flex-direction:column;align-items:center;gap:25px}.finish-stage h1{font-size:42px;line-height:1.1;font-weight:900;margin:0}.finish-stage p{margin:0;color:var(--muted)}.finish-letters{font-size:80px;letter-spacing:.06em;font-weight:900;color:#a94d2b}.parent-panel{width:min(640px,90%);margin:25px auto 50px;flex:1}.parent-panel h1{font-size:36px;font-weight:900;margin:12px 0}.parent-panel>p{font-size:14px;color:var(--muted);margin:12px 0 24px}.parent-panel>label{display:flex;flex-direction:column;gap:8px;margin:24px 0;font-size:16px;font-weight:800}.parent-panel label span{font-size:12px;font-weight:500;color:var(--muted)}.parent-panel input:not([type=checkbox]),.parent-panel select,.parent-panel textarea{background:white;border:1px solid #c6bfae;border-radius:10px;padding:12px 14px;color:var(--ink);font-size:18px;width:100%;min-height:48px}.parent-panel textarea{min-height:95px;resize:vertical}.parent-panel .check-label{flex-direction:row;align-items:center;font-size:14px;gap:12px}.parent-panel input[type=checkbox]{width:22px;height:22px;accent-color:var(--ink)}.native-note{border-top:1px solid #c6bfae;padding-top:24px;margin:24px 0;font-size:14px}.native-note p{margin:10px 0}.native-note a{text-decoration:underline;text-underline-offset:4px}.explore-grid{max-width:750px;gap:8px}.explore-grid .choice-key{width:60px;height:60px;font-size:28px}.voice-note{background:#fff0c4;padding:12px;border-radius:10px}@media(min-width:900px){.game-screen{max-width:960px}.letter-stage{min-height:340px}.choice-grid{margin-top:25px}.parent-button:hover{background:white}}@media(max-width:600px){.keyboard-header{padding:16px 5%;gap:10px}.brand-link{font-size:15px}.brand-link span{font-size:9px}.keyboard-header nav{gap:8px}.roadmap-link{display:none}.parent-button{padding:9px;font-size:11px}.parent-button span{max-width:70px;line-height:1.1}.keyboard-home{margin-top:32px}.home-title h1{font-size:43px}.home-title p{font-size:14px;margin:18px 0 25px}.home-title p br{display:none}.game-picker{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.mode-choice{display:grid;grid-template-columns:75px 1fr;column-gap:15px;padding:12px 16px;min-height:95px}.mode-example{grid-row:1/3;align-self:center;font-size:37px}.mode-word .mode-example{font-size:21px}.mode-choice strong{font-size:18px;margin:0}.mode-choice>span:last-child{font-size:12px;max-width:28ch}.play-button{min-height:60px;font-size:19px;width:100%;gap:50px}.home-help{font-size:11px;margin:13px 0 18px}.home-bottom{font-size:10px;gap:13px}.keyboard-footer{font-size:10px;gap:12px;padding:14px}.game-screen{width:92%;margin:14px auto 24px}.round-bar{margin-bottom:12px}.exit-button{padding:9px;font-size:11px}.exit-button small{margin-left:5px}.mode-name{font-size:11px}.progress-dots{gap:6px}.progress-dots span{width:10px;height:10px}.letter-stage{padding:20px 12px 12px;min-height:298px;border-radius:18px}.stage-instruction{font-size:18px;gap:12px}.letter-pair{font-size:137px;margin:15px 0 8px}.feedback{font-size:12px}.choice-grid{gap:12px;margin:20px auto 12px;max-width:340px}.choice-key{width:80px;height:80px;font-size:36px}.physical-map{display:none}.input-hint{font-size:10px}.word-slots{gap:5px;margin:44px 0}.word-slots span{font-size:38px;padding:2px 5px}.object-reward{font-size:24px;gap:15px}.object-reward img{width:110px;height:110px}.success .letter-pair{font-size:72px}.finish-stage{padding:50px 5px;gap:25px}.finish-stage h1{font-size:34px}.explore-grid .choice-key{width:72px;height:72px;font-size:30px}.explore-grid{gap:10px;max-width:340px}.parent-panel h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.keyboard-app *{animation:none!important;transition:none!important}}.dictionary-home-note{font-size:12px;color:var(--muted);margin:14px 0 0}.mode-listen .mode-example{font-size:32px;color:#2a647c}.mode-memory .mode-example{font-size:34px;color:#6e4588}.mode-missing .mode-example{font-size:34px;color:#a26028}.curriculum-controls{margin:30px 0;border-top:1px solid #c6bfae;padding-top:25px}.curriculum-controls h2{font-size:25px;font-weight:900}.curriculum-controls>label{display:flex;flex-direction:column;gap:6px;margin:18px 0;font-weight:800}.curriculum-controls p{font-size:13px;margin:12px 0}.curriculum-controls code{display:block;font-size:10px;overflow-wrap:anywhere}.curriculum-controls details{margin:15px 0}.curriculum-controls summary{cursor:pointer;font-size:13px}.dictionary-table{max-height:500px;overflow:auto;border-top:1px solid #d1c6b1;border-bottom:1px solid #d1c6b1}.dictionary-table details{padding:8px;border-bottom:1px solid #e5ddcf}.dictionary-table summary{font-size:14px}.dictionary-table textarea{font-size:14px;min-height:70px}.dictionary-table p{font-size:11px}.word-choice{width:auto;min-width:120px;max-width:300px;padding:12px 20px;font-size:25px}.listen-prompt{display:flex;flex-direction:column;align-items:center;gap:20px;border:0;background:none;margin:35px auto;color:var(--ink);font-weight:800;font-size:22px}.listen-prompt svg{width:65px;height:65px}.definition-reward{border:0;background:transparent;max-width:600px;margin:15px auto;display:flex;align-items:center;justify-content:center;gap:14px;font-size:18px;font-weight:700;color:var(--ink)}.definition-reward svg{width:22px;height:22px;flex-shrink:0}.selection-receipt{font-size:10px;color:var(--muted);margin:10px 0 0}.selection-receipt summary{cursor:pointer}.selection-receipt p{margin:8px 0;overflow-wrap:anywhere}.mode-listen .letter-pair{font-size:clamp(40px,8vw,90px)}@media(max-width:600px){.mode-listen .mode-example,.mode-memory .mode-example,.mode-missing .mode-example{font-size:23px}.dictionary-home-note{font-size:10px}.word-slots{flex-wrap:wrap}.word-slots span{font-size:clamp(24px,7vw,38px)}.game-picker{grid-template-columns:1fr 1fr}.mode-choice{display:flex;padding:12px;min-height:152px}.mode-choice strong{font-size:15px;margin-top:6px}.mode-choice>span:last-child{font-size:10px}.mode-example{font-size:35px;align-self:flex-start}.mode-word .mode-example{font-size:22px;padding:8px 0}.keyboard-home{margin-top:25px}.home-title h1{font-size:39px}.home-title p{margin:15px 0 22px}.definition-reward{font-size:15px}}.word-choice{height:auto;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center}.word-choice img{object-fit:contain;border-radius:10px;max-width:100%;height:100px;background:white}.candidate-review input{margin:10px 0}.candidate-review article{padding:12px 0;border-bottom:1px solid #d1c6b1}.parent-panel details select{font-size:13px}@font-face{font-family:Nunito;src:url(/keyboard/nunito-regular.ttf) format("truetype");font-weight:400 600;font-display:swap}.mode-meaning .mode-example{font-size:28px;color:#8b4c2d}.mode-meaning .listen-prompt{max-width:680px;font-size:22px;line-height:1.55}.mode-meaning .letter-pair{font-size:clamp(40px,8vw,90px)}@media(max-width:600px){.keyboard-home{padding-bottom:95px}.keyboard-home>.play-button{position:fixed;bottom:14px;left:5%;width:90%;z-index:5;box-shadow:0 6px 24px #1f2a4430}.mode-meaning .mode-example{font-size:22px}.mode-meaning .listen-prompt{font-size:18px}.home-title p br{display:initial}}