@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/nunito-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/nunito-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/nunito-latin-800-normal.woff2)format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/nunito-latin-900-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/caveat-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/caveat-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/caveat-latin-700-normal.woff2)format("woff2")}:root{--paper:#f6f1e4;--paper-2:#ede3c8;--paper-3:#e2d5b2;--ink:#1c2541;--ink-2:#3a4670;--ink-soft:#1c25419e;--chrome:#f4c542;--chrome-deep:#d9a21f;--cobalt:#3a5ba0;--orange:#e8762b;--leaf:#86b049;--rose:#d96a7a;--umber:#7a5230;--night:#0b1d3a;--line:#1c254129;--shadow:0 10px 30px #0b1d3a47, 0 2px 6px #0b1d3a2e;--ui:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--hand:"Caveat", "Segoe Script", "Bradley Hand", cursive;--sub-size:22px;--fibre:none;--r:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:var(--night);height:100%;color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}canvas.stage{touch-action:none;cursor:grab;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}canvas.stage.locked{cursor:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:8px;box-shadow:0 0 0 6px #f4c542bf}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.paper{background-color:var(--paper);background-image:var(--fibre), linear-gradient(180deg, #ffffff59, #fff0 40%);color:var(--ink);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid #7a523038}.ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.ui>*{pointer-events:none}.hud{padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(16px, env(safe-area-inset-left,0px));position:absolute;top:0;bottom:0;left:0;right:0}.hud .interactive,.hud button,.hud input{pointer-events:auto}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.logo{pointer-events:auto;border:2px solid var(--ink);background:var(--chrome);width:46px;height:46px;font-family:var(--hand);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:50%;place-items:center;font-size:24px;font-weight:700;line-height:1;display:grid}.place{gap:0;min-width:0;padding:6px 14px 7px;display:grid}.place .t{font-family:var(--hand);white-space:nowrap;text-overflow:ellipsis;font-size:26px;font-weight:700;line-height:1.05;overflow:hidden}.place .m{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:12.5px;font-weight:700}.actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip{pointer-events:auto;background:var(--paper);color:var(--ink);border:1.5px solid #1c25418c;border-radius:999px;align-items:center;gap:8px;padding:8px 13px 8px 11px;font-size:14px;font-weight:800;transition:transform .12s,background .12s;display:inline-flex;box-shadow:0 3px 10px #0b1d3a38}.chip:hover{background:#fffaf0;transform:translateY(-1px)}.chip .k{color:var(--ink-2);border:1.5px solid #1c254173;border-radius:5px;padding:0 5px;font-size:11px;font-weight:800;line-height:16px}.ico{vertical-align:-3px;flex:none;width:18px;height:18px;display:inline-block}.btn .ico{width:19px;height:19px}.chip.primary{background:var(--chrome);border-color:var(--ink)}.chip.badge-dot{position:relative}.chip.badge-dot:after{content:attr(data-badge);background:var(--orange);color:#fff;border:2px solid var(--paper);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;display:grid;position:absolute;top:-6px;right:-6px}.tracker{top:calc(env(safe-area-inset-top,0px) + 74px);right:max(16px, env(safe-area-inset-right,0px));pointer-events:auto;gap:6px;width:min(330px,100vw - 32px);padding:12px 14px;display:none;position:absolute}.tracker.on{animation:.35s drop;display:grid}.tracker .tt{letter-spacing:.08em;text-transform:uppercase;color:var(--umber);align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.tracker .tt:before{content:"";background:var(--chrome);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px}.tracker .tx{font-size:17px;font-weight:700;line-height:1.3}.tracker .hint{color:var(--ink-2);background:#f4c54247;border-radius:8px;padding:6px 9px;font-size:14.5px}.tracker .row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tracker .row button{background:0 0;border:1.5px solid #1c254173;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800}.tracker .row button.primary{background:var(--chrome);border-color:var(--ink)}.dots{gap:6px;display:flex}.dots i{border:2px solid var(--ink);background:0 0;border-radius:50%;width:14px;height:14px}.dots i.on{background:var(--chrome)}.dots i.on:after{content:"✓";text-align:center;font-size:10px;font-style:normal;font-weight:900;line-height:10px;display:block}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.reticle{border:2px solid #f6f1e4f2;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:transform .15s,background .15s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #1c25418c}.reticle.on{background:#f4c542d9;transform:scale(1.6)}.reticle.hide{opacity:0}.label{text-align:center;white-space:nowrap;pointer-events:auto;cursor:pointer;padding:7px 14px 8px;display:none;position:absolute;top:calc(50% + 22px);left:50%;transform:translate(-50%)}.label.on{gap:2px;animation:.18s pop;display:grid}.label .w{letter-spacing:.01em;font-size:22px;font-weight:900}.label .x{color:var(--ink-2);font-size:13px;font-weight:700}.label .p{color:var(--ink-soft);letter-spacing:.04em;font-size:12px;font-weight:800}.label .p b{border:1.5px solid #1c254173;border-radius:4px;margin-right:2px;padding:0 4px}.label .got{color:var(--leaf);font-weight:900}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.subs{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);pointer-events:auto;width:min(900px,100vw - 32px);display:none;position:absolute;transform:translate(-50%)}.subs.on{display:block}.subs .box{color:#fbf6e8;box-shadow:var(--shadow);background:#0b1d3adb;border:1px solid #f6f1e42e;border-radius:16px;padding:12px 18px 14px}.subs .who{font-family:var(--hand);font-size:calc(var(--sub-size) * .95);color:var(--chrome);align-items:center;gap:10px;margin-bottom:4px;line-height:1;display:flex}.subs .line{font-size:var(--sub-size);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.38;display:-webkit-box;overflow:hidden}.subs .tok{cursor:pointer;border-radius:5px;padding:0 1px;transition:background .15s,color .15s}.subs .tok:hover{text-decoration:underline;text-decoration-thickness:2px}.subs .tok.past{color:#fff}.subs .tok.future{color:#fbf6e8b8}.subs .tok.kw{text-underline-offset:4px;-webkit-text-decoration:underline dotted #f4c542cc;text-decoration:underline dotted #f4c542cc}.subs .tok.lit{background:var(--chrome);color:var(--ink);text-decoration:none;box-shadow:0 0 18px #f4c542e6}.subs .ctl{gap:6px;margin-left:auto;display:flex}.subs .ctl button{color:#fbf6e8;font-size:12.5px;font-weight:800;font-family:var(--ui);background:#f6f1e41f;border:1px solid #f6f1e459;border-radius:999px;padding:3px 10px}.subs .ctl button[aria-pressed=true]{background:var(--chrome);color:var(--ink)}.meter{left:50%;top:calc(env(safe-area-inset-top,0px) + 74px);align-items:center;gap:10px;padding:8px 14px;font-weight:800;display:none;position:absolute;transform:translate(-50%)}.meter.on{display:flex}.meter .bar{background:var(--paper-3);border:1.5px solid var(--ink);border-radius:6px;width:180px;height:12px;position:relative;overflow:hidden}.meter .bar i{background:var(--cobalt);transition:width .15s linear;position:absolute;top:0;bottom:0;left:0;right:auto}.meter .bar b{background:var(--ink);width:2px;position:absolute;top:-3px;bottom:-3px;left:85%}.meter.good .bar i{background:var(--leaf)}.overlay-painting{opacity:0;pointer-events:none;width:auto;max-width:none;height:100%;transition:opacity .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-painting.on{opacity:var(--ov,.42)}.qpanel{left:max(16px, env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 130px);pointer-events:auto;gap:10px;width:min(380px,100vw - 32px);padding:14px 16px;display:none;position:absolute}.qpanel.on{animation:.3s drop;display:grid}.qpanel.wide{width:min(760px,100vw - 32px);left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%)}.qpanel h3{font-family:var(--hand);margin:0;font-size:28px;line-height:1}.qpanel .prompt{font-size:16px;font-weight:700}.qpanel .fb{color:var(--umber);min-height:1.2em;font-size:15px;font-weight:800}.stepper{align-items:center;gap:10px;display:flex}.stepper button{border:2px solid var(--ink);background:var(--paper-2);border-radius:12px;width:44px;height:44px;font-size:22px;font-weight:900}.stepper output{text-align:center;min-width:64px;font-size:34px;font-weight:900;font-family:var(--ui)}.btn{border:2px solid var(--ink);background:var(--paper-2);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:900;display:inline-flex}.btn.primary{background:var(--chrome)}.btn.ghost{background:0 0;border-color:#1c254166}.btn:disabled{opacity:.5;cursor:default}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:0 0;border:2px solid #0000;border-radius:12px;justify-items:center;gap:6px;min-width:92px;padding:8px;font-size:14px;font-weight:800;display:grid}.swatch i{border:3px solid var(--ink);border-radius:50%;width:54px;height:54px;box-shadow:inset 0 0 0 3px #ffffff59}.swatch[aria-pressed=true],.swatch:hover{border-color:var(--ink);background:#f4c54233}.choices{flex-wrap:wrap;gap:8px;display:flex}.choices button{border:2px solid var(--ink);background:var(--paper);border-radius:999px;padding:9px 14px;font-size:15px;font-weight:800}.choices button.right{background:var(--leaf);color:#fff}.choices button.used{opacity:.45}.frames{gap:8px;display:grid}.frame-line{font-size:19px;font-weight:700;line-height:1.6}.blank{border:none;border-bottom:3px solid var(--ink);background:#f4c5422e;border-radius:6px 6px 0 0;justify-content:center;min-width:120px;margin:0 4px;padding:0 8px;font-size:18px;font-weight:900;display:inline-flex}.blank.sel{background:#f4c54299}.blank.ok{border-color:var(--leaf)}.blank.no{border-color:var(--orange);background:#e8762b2e}.bank{flex-wrap:wrap;gap:8px;display:flex}.bank button{border:2px dashed var(--ink-2);background:var(--paper);border-radius:10px;padding:7px 12px;font-size:15px;font-weight:800}.bank button.used{opacity:.4}.dlg{gap:10px;display:grid}.dlg .npc{gap:2px;display:grid}.dlg .npc b{font-family:var(--hand);color:var(--umber);font-size:22px}.dlg .npc span{font-size:18px;font-weight:700}.dlg .you{gap:6px;display:grid}.dlg .you button{text-align:left;border:2px solid var(--ink);background:var(--paper);border-radius:12px;padding:9px 12px;font-size:16px;font-weight:700}.dlg .you button .n{background:var(--ink);width:22px;height:22px;color:var(--paper);border-radius:50%;place-items:center;margin-right:8px;font-size:12px;display:inline-grid}.dlg .log{max-height:120px;color:var(--ink-2);gap:2px;font-size:14px;display:grid;overflow:auto}.toasts{left:50%;top:calc(env(safe-area-inset-top,0px) + 74px);justify-items:center;gap:8px;display:grid;position:absolute;transform:translate(-50%)}.toast{padding:9px 16px;font-size:15px;font-weight:800;animation:3.4s forwards toast}.toast.good{background:#f2f7e6;border-color:#86b04999}.toast.good:before{content:"✓ ";color:var(--leaf);font-weight:900}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}8%{opacity:1;transform:none}85%{opacity:1}to{opacity:0}}.touch{display:none;position:absolute;top:0;bottom:0;left:0;right:0}.touch.on{display:block}.joy{background:#0b1d3a40;border:2px solid #f6f1e4b3;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:absolute}.joy.on{display:block}.joy i{border:2px solid var(--ink);background:#f6f1e4d9;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.joy-hint{left:max(28px, env(safe-area-inset-left,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 28px);color:#f6f1e4e6;text-align:center;border:2px dashed #f6f1e4a6;border-radius:50%;place-items:center;width:96px;height:96px;font-size:12px;font-weight:800;display:grid;position:absolute}.act-btn{right:max(24px, env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 34px);pointer-events:auto;border:3px solid var(--ink);background:var(--chrome);min-width:86px;height:86px;box-shadow:var(--shadow);border-radius:43px;padding:0 16px;font-size:15px;font-weight:900;display:none;position:absolute}.act-btn.on{display:block}.run-btn{right:max(24px, env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom,0px) + 132px);pointer-events:auto;border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:58px;height:58px;font-size:12px;font-weight:900;position:absolute}.run-btn[aria-pressed=true]{background:var(--chrome)}.move-marker{border:3px solid var(--chrome);width:26px;height:26px;box-shadow:0 0 0 2px var(--ink);opacity:0;border-radius:50%;margin:-13px 0 0 -13px;position:absolute}.move-marker.on{animation:1.2s forwards marker}@keyframes marker{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.loading-note{font-family:var(--hand);color:var(--ink);opacity:0;text-shadow:0 1px #fff9;font-size:30px;transition:opacity .3s;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.loading-note.on{opacity:.85}.modal-root{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.scrim{pointer-events:auto;padding:calc(env(safe-area-inset-top,0px) + 16px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 16px) max(16px, env(safe-area-inset-left,0px));background:#0b1d3a6b;place-items:center;animation:.2s fade;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.scrim.light{background:#0b1d3a2e}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{width:min(var(--w,560px), 100%);overscroll-behavior:contain;gap:14px;max-height:100%;padding:22px 24px;animation:.25s rise;display:grid;position:relative;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.modal h2{font-family:var(--hand);text-wrap:balance;margin:0;font-size:40px;font-weight:700;line-height:.95}.modal h3{letter-spacing:.1em;text-transform:uppercase;color:var(--umber);margin:6px 0 0;font-size:13px;font-weight:900}.modal p{margin:0;line-height:1.5}.x{background:0 0;border:2px solid #1c254166;border-radius:50%;width:38px;height:38px;font-size:20px;font-weight:900;line-height:1;position:absolute;top:12px;right:12px}.muted{color:var(--ink-soft)}.small{font-size:13.5px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:560px){.grid2{grid-template-columns:1fr}}.tabs{border-bottom:2px solid var(--line);flex-wrap:wrap;gap:6px;display:flex}.tabs button{color:var(--ink-2);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:8px 12px;font-size:15px;font-weight:900}.tabs button[aria-selected=true]{border-color:var(--chrome-deep);color:var(--ink)}.level-badge{letter-spacing:.04em;border:1.5px solid;border-radius:6px;align-items:center;padding:1px 8px;font-size:12px;font-weight:900;display:inline-flex}.level-badge.A2{color:#2f6b3a}.level-badge.B1{color:#2f4a8a}.level-badge.B2{color:#8a3a2a}.card-word{gap:4px;display:grid}.card-word .big{letter-spacing:-.01em;font-size:44px;font-weight:900;line-height:1}.card-word .meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;font-weight:700;display:flex}.ipa{font-family:"Gentium Plus", "Doulos SIL", "Charis SIL", "Lucida Sans Unicode", "Segoe UI", var(--ui);font-size:18px}.example{font-family:var(--hand);background:var(--paper-2);border-left:4px solid var(--chrome-deep);border-radius:12px;padding:10px 14px;font-size:28px;line-height:1.15}.example b{color:var(--cobalt)}.zh-reveal{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hold{-webkit-user-select:none;user-select:none;touch-action:none}.zh{letter-spacing:.04em;background:#e8762b1f;border-radius:8px;min-width:4em;padding:4px 10px;font-size:22px;font-weight:800}.zh[hidden]{display:none!important}.word-tabs{flex-wrap:wrap;gap:6px;display:flex}.word-tabs button{border:2px solid var(--ink-2);background:0 0;border-radius:999px;padding:5px 11px;font-weight:800}.word-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.saved-note{color:#2f6b3a;font-size:14px;font-weight:800}.sayit{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.score{background:var(--paper-2);border-radius:8px;padding:2px 10px;font-weight:900}.words-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.wcard{background:var(--paper-2);border:1.5px solid var(--line);text-align:left;border-radius:12px;gap:4px;padding:8px;display:grid}.wcard img,.wcard .noimg{aspect-ratio:4/3;object-fit:cover;background:var(--paper-3);border-radius:8px;width:100%;display:block}.wcard b{font-size:17px}.wcard span{color:var(--ink-2);font-size:13px}.scene-head{align-items:baseline;gap:10px;margin:8px 0 4px;display:flex}.scene-head b{font-family:var(--hand);font-size:28px}.stamps{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.stamp{aspect-ratio:1;text-align:center;border:2px dashed #1c254159;border-radius:14px;place-items:center;padding:10px;font-size:13px;font-weight:800;display:grid;position:relative;overflow:hidden}.stamp img{object-fit:cover;opacity:.25;filter:grayscale();border-radius:8px;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;bottom:10px;left:10px;right:10px}.stamp.got{border-style:solid;border-color:var(--rose)}.stamp.got img{opacity:.9;filter:none}.stamp .seal{z-index:1;background:#f6f1e4e0;border-radius:8px;padding:4px 8px;position:relative}.stamp.got .seal{color:#8a2a3a;border:2px solid #8a2a3a;transform:rotate(-8deg)}.postcard{grid-template-columns:1.15fr .85fr;gap:16px;display:grid}@media (max-width:760px){.postcard{grid-template-columns:1fr}}.pc-card{background:#fbf7ec;border:1.5px solid #7a52304d;border-radius:10px;gap:8px;padding:16px 18px;display:grid;position:relative;box-shadow:inset 0 0 0 6px #fbf7ec,inset 0 0 0 7px #7a523040}.pc-card .to{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;font-size:12.5px;font-weight:800}.pc-card textarea{resize:vertical;width:100%;min-height:230px;font-family:var(--hand);color:#233063;background:repeating-linear-gradient(#0000,#0000 33px,#3a5ba038 33px 34px);border:none;outline:none;padding:0;font-size:27px;line-height:34px}.pc-card .stampbox{border:2px dashed #7a523066;border-radius:4px;width:64px;height:76px;position:absolute;top:12px;right:12px;overflow:hidden}.pc-card .stampbox img{object-fit:cover;width:100%;height:100%}.side h4{letter-spacing:.08em;text-transform:uppercase;color:var(--umber);margin:4px 0 6px;font-size:13px}.starters{gap:6px;display:grid}.starters button{text-align:left;border:1.5px solid var(--line);background:var(--paper-2);font-family:var(--hand);border-radius:10px;padding:7px 10px;font-size:22px;line-height:1.1}.notes{gap:6px;display:grid}.note{background:var(--paper-2);border-radius:8px;padding:6px 10px;font-size:14.5px;font-weight:700}.note.good{background:#eef5e0}.note.spell{background:#fbe7da}.map-wrap{position:relative}.map-wrap canvas{border-radius:12px;width:100%;height:auto;display:block}.map-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.map-item{border:1.5px solid var(--line);background:var(--paper-2);text-align:left;border-radius:12px;grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:6px;display:grid}.map-item img,.map-item .ph{object-fit:cover;background:var(--paper-3);border-radius:6px;width:52px;height:42px}.map-item b{font-size:14.5px;display:block}.map-item span{color:var(--ink-2);font-size:12px;font-weight:700}.map-item[disabled]{opacity:.55}.map-item .st{color:#8a2a3a;font-weight:900}.field{gap:6px;display:grid}.field>span{font-size:14px;font-weight:900}.field input[type=text],.field select,.field textarea,.field input[type=number]{background:#fffdf6;border:2px solid #1c254159;border-radius:10px;padding:9px 11px;font-size:16px}.seg{border:2px solid var(--ink);border-radius:12px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.seg button{background:var(--paper);border:none;border-right:2px solid var(--ink);padding:8px 14px;font-weight:900}.seg button:last-child{border-right:none}.seg button[aria-pressed=true]{background:var(--chrome)}.toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.toggle input{width:22px;height:22px;accent-color:var(--cobalt)}input[type=range]{width:100%;accent-color:var(--cobalt)}.levels{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (max-width:560px){.levels{grid-template-columns:1fr}}.lvl{text-align:left;background:var(--paper);border:2px solid #1c25414d;border-radius:14px;gap:4px;padding:12px;display:grid}.lvl b{font-size:22px}.lvl i{font-style:normal;font-weight:800;font-family:var(--hand);color:var(--umber);font-size:22px}.lvl span{color:var(--ink-2);font-size:13.5px}.lvl[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:#f4c5424d}.kbd-list{grid-template-columns:auto 1fr;gap:6px 14px;font-size:15px;display:grid}.kbd-list kbd{font-family:var(--ui);border:1.5px solid var(--ink-2);background:var(--paper-2);white-space:nowrap;border-radius:6px;padding:1px 7px;font-size:13px;font-weight:900}table.vocab{border-collapse:collapse;width:100%;font-size:14px}table.vocab th,table.vocab td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:5px 6px}table.vocab input{background:#fffdf6;border:1.5px solid #1c254140;border-radius:6px;width:100%;padding:5px 6px;font-size:14px}.table-wrap{overflow-x:auto}.welcome{--w:720px}.welcome .hero{gap:6px;display:grid}.welcome .hero h1{font-family:var(--hand);margin:0;font-size:clamp(54px,9vw,86px);line-height:.9}.welcome .hero p{color:var(--ink-2);font-size:18px;font-weight:700}.road-line{border:2px solid var(--ink);background:linear-gradient(90deg,#5a3b22 0 16%,#c9d6e8 16% 30%,#f4c542 30% 62%,#1f3a93 62% 84%,#d9a441 84% 100%);border-radius:7px;height:14px}.road-legend{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:4px;font-size:12px;font-weight:900;display:flex}.coach{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 150px);pointer-events:auto;gap:8px;width:min(520px,100vw - 32px);padding:14px 16px;display:none;position:absolute;transform:translate(-50%)}.coach.on{animation:.3s drop;display:grid}.coach .step{letter-spacing:.08em;text-transform:uppercase;color:var(--umber);font-size:12px;font-weight:900}.coach .msg{font-size:18px;font-weight:800;line-height:1.35}.coach .keys{color:var(--ink-2);font-size:14px;font-weight:700}.fps{font:700 11px/1 var(--ui);color:#f6f1e4cc;background:#0b1d3a80;border-radius:6px;padding:3px 6px;display:none;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.fps.on{display:block}@media (max-width:700px){.place .t{font-size:21px}.chip .lbl,.chip .k{display:none}.tracker{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 140px);right:max(12px, env(safe-area-inset-right,0px));width:min(300px,100vw - 150px);padding:10px 12px}.tracker .tx{font-size:15px}.subs{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.qpanel{bottom:calc(env(safe-area-inset-bottom,0px) + 140px)}.modal{padding:18px 16px}.modal h2{font-size:34px}.card-word .big{font-size:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}