:root{color-scheme:dark;--bg: #16233b;--bg-deep: #0f1626;--panel: #1e2c47;--panel-edge: #35486e;--ink: #f2ede4;--ink-dim: #b9b3a6;--sun: #d64545;--best: #67c587;--ok: #8fb6dd;--awkward: #d9b45c;--poor: #d97c6c;--font: "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Noto Sans CJK JP", "Noto Sans JP", sans-serif}*{margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg-deep);color:var(--ink);font-family:var(--font);overflow:hidden;overscroll-behavior:none}.game-root{position:fixed;top:0;right:0;bottom:0;left:0}.hud,.dpad,.btn-a{z-index:10}.vn-bottom{z-index:20}.toast{z-index:25}.gloss-backdrop{z-index:30}.screen{z-index:40}.world-host{position:absolute;top:0;right:0;bottom:0;left:0}.world-host canvas{image-rendering:pixelated}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:calc(6px + env(safe-area-inset-top)) 12px 6px;background:linear-gradient(#0f1626eb,#0f162600);font-size:.85rem;pointer-events:none}.hud-right{display:flex;gap:.8rem;align-items:center}.hud-composure{letter-spacing:.15em;color:var(--sun)}.hud-furigana{pointer-events:auto;background:none;border:1px solid var(--panel-edge);border-radius:999px;color:var(--ink-dim);font:inherit;font-size:.75rem;padding:.1em .7em;cursor:pointer;white-space:nowrap}.hud-right{flex-shrink:0}.hud-title{color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vn-bottom{position:absolute;left:0;right:0;bottom:0;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;background:linear-gradient(#0f162600,#0f1626bf 40%)}.dialogue,.choice-panel{width:min(720px,100%);background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px;padding:14px 16px 18px;box-shadow:0 10px 30px #00000073}.dialogue{cursor:pointer;position:relative;min-height:5.4em}.nameplate{display:inline-block;font-size:.8rem;font-weight:700;color:#fff;border-radius:6px;padding:.1em .6em;margin-bottom:.5em}.dialogue-text{font-size:1.08rem;line-height:2.1}.dialogue.narr .dialogue-text{color:var(--ink-dim)}.hint-text{font-size:.95rem;color:var(--ink-dim);line-height:2}.hint-chip{display:inline-block;border:1px solid var(--awkward);color:var(--awkward);border-radius:6px;font-size:.75rem;padding:0 .5em;margin-right:.6em}.advance-marker{position:absolute;right:14px;bottom:8px;color:var(--ink-dim);font-size:.7rem;animation:bob 1.1s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}ruby rt{font-size:.55em;color:var(--ink-dim)}.gloss-word{all:unset;cursor:pointer;border-bottom:1px dotted var(--ok);padding-bottom:1px}.gloss-word:active{background:#8fb6dd2e}.choice-goal{font-size:.85rem;color:var(--ink-dim);margin-bottom:.6em}.choice-panel{max-height:72vh;overflow-y:auto;overscroll-behavior:contain}.choice-hint{margin-bottom:.5em}.choice-hint-btn{background:none;border:1px dashed var(--awkward);border-radius:8px;color:var(--awkward);font:inherit;font-size:.8rem;padding:.3em .8em;cursor:pointer}.choice-hint-text{font-size:.85rem;color:var(--ink-dim);line-height:1.9;border:1px solid var(--awkward);border-radius:8px;padding:.5em .8em}.choice-option{display:block;width:100%;text-align:left;background:var(--bg);border:1px solid var(--panel-edge);border-radius:10px;color:var(--ink);font:inherit;font-size:1rem;line-height:1.9;padding:.55em .9em;margin-top:.5em;cursor:pointer}.choice-option:hover,.choice-option:focus-visible{border-color:var(--ok)}.toast{position:absolute;top:calc(40px + env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(560px,calc(100% - 24px));background:var(--panel);border:1px solid var(--panel-edge);border-left-width:5px;border-radius:10px;padding:8px 12px;font-size:.85rem;display:flex;gap:.7em;align-items:baseline;box-shadow:0 8px 22px #0006}.toast.eval-best{border-left-color:var(--best)}.toast.eval-ok{border-left-color:var(--ok)}.toast.eval-awkward{border-left-color:var(--awkward)}.toast.eval-poor{border-left-color:var(--poor)}.toast-badge{white-space:nowrap;font-weight:700}.toast-fb{color:var(--ink-dim)}.toast-review{margin-left:auto;background:none;border:1px solid var(--panel-edge);border-radius:999px;color:var(--ok);font:inherit;font-size:.75rem;padding:.1em .8em;white-space:nowrap;cursor:pointer}.review-sheet{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(640px,calc(100% - 24px));max-height:70vh;overflow-y:auto;background:var(--bg);border:1px solid var(--panel-edge);border-radius:12px;padding:12px 14px}.breakdown{list-style:none;display:grid;gap:.5rem;margin-top:.6em;text-align:left}.breakdown-item{display:grid;gap:.25em;background:var(--panel);border:1px solid var(--panel-edge);border-left-width:5px;border-radius:10px;padding:.55em .8em;font-size:.88rem}.breakdown-item.eval-best{border-left-color:var(--best)}.breakdown-item.eval-ok{border-left-color:var(--ok)}.breakdown-item.eval-awkward{border-left-color:var(--awkward)}.breakdown-item.eval-poor,.breakdown-item.eval-fail{border-left-color:var(--poor)}.breakdown-item.picked{outline:2px solid var(--ink-dim);outline-offset:-2px}.breakdown-badge{font-size:.78rem;font-weight:700}.picked-chip{margin-left:.7em;font-size:.7rem;font-weight:400;border:1px solid var(--ink-dim);border-radius:6px;padding:0 .5em;color:var(--ink-dim)}.breakdown-text{line-height:1.9}.breakdown-fb{color:var(--ink-dim);font-size:.82rem}.review-details{width:100%;text-align:left;font-size:.85rem;max-width:620px}.review-details>summary{cursor:pointer;color:var(--ok);padding:.3em 0}.journal-item .review-details{grid-column:2;font-size:.8rem}.gloss-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e1859}.gloss-sheet{position:absolute;left:50%;bottom:calc(150px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100% - 24px));background:var(--bg);border:1px solid var(--ok);border-radius:12px;padding:12px 14px}.gloss-head{display:flex;align-items:center;gap:.7em}.gloss-reading{font-size:1.05rem;font-weight:700}.gloss-level{font-size:.7rem;border:1px solid var(--panel-edge);border-radius:6px;padding:0 .5em;color:var(--ink-dim)}.gloss-close{margin-left:auto;background:none;border:none;color:var(--ink-dim);font-size:1.3rem;cursor:pointer;line-height:1}.gloss-add{background:none;border:1px solid var(--best);border-radius:999px;color:var(--best);font:inherit;font-size:.75rem;padding:.15em .8em;cursor:pointer;white-space:nowrap}.gloss-add:disabled{border-color:var(--panel-edge);color:var(--ink-dim);cursor:default}.notebook-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,calc(100% - 24px));max-height:80vh;overflow-y:auto;background:var(--bg);border:1px solid var(--panel-edge);border-radius:12px;padding:14px 16px}.notebook-empty{margin-top:.8em;color:var(--ink-dim);font-size:.9rem;line-height:1.9}.notebook-list{list-style:none;display:grid;gap:.5rem;margin-top:.8em}.notebook-item{background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:.6em .8em;font-size:.88rem}.notebook-head{display:flex;align-items:baseline;gap:.7em;flex-wrap:wrap}.notebook-reading{font-weight:700;font-size:1rem}.notebook-meaning{margin-top:.35em;color:var(--ink);line-height:1.8}.notebook-item .gloss-note{margin-top:.3em}.gloss-meaning{margin-top:.5em;font-size:.92rem;line-height:1.8}.gloss-note{margin-top:.4em;font-size:.8rem;color:var(--ink-dim)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;text-align:center;overflow-y:auto;overscroll-behavior:contain}.screen-inner{margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;min-height:0}.title-screen,.complete-screen{background:var(--bg)}.maru{width:74px;height:74px;border-radius:50%;background:var(--sun);box-shadow:0 6px 24px #d6454559}.maru.small{width:46px;height:46px}.title-logo{font-size:clamp(2.4rem,9vw,3.4rem);letter-spacing:.12em}.title-sub{color:var(--ink-dim);font-size:.9rem}.title-menu{display:grid;gap:.6rem;width:min(320px,100%);margin-top:.5rem}.btn{font:inherit;font-size:1rem;padding:.65em 1.2em;border-radius:10px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);cursor:pointer}.btn.primary{background:var(--sun);border-color:var(--sun);color:#fff;font-weight:700}.btn.ghost{background:none;color:var(--ink-dim)}.btn:disabled{opacity:.4;cursor:default}.title-build{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom));font-size:.72rem;color:var(--ink-dim)}.import-box,.export-box{display:grid;gap:.5rem;width:min(360px,100%)}.import-box textarea,.export-box textarea{font:inherit;font-size:.75rem;min-height:4.5em;border-radius:8px;border:1px solid var(--panel-edge);background:var(--bg-deep);color:var(--ink);padding:.5em;word-break:break-all}.import-error{color:var(--poor);font-size:.8rem}.fail-screen{background:linear-gradient(#2e1014f5,#180c10fa)}.fail-title{color:var(--poor);letter-spacing:.1em}.fail-steps{display:grid;gap:.7rem;max-width:560px;line-height:2;color:var(--ink-dim)}.lesson-box{max-width:560px;border:1px solid var(--awkward);border-radius:12px;padding:.8rem 1rem;font-size:.92rem;line-height:1.9}.lesson-chip{display:inline-block;color:var(--awkward);font-size:.75rem;border:1px solid var(--awkward);border-radius:6px;padding:0 .5em;margin-bottom:.4em}.summary-screen{background:#0f1626f7}.grade-row{font-size:1rem;color:var(--ink-dim)}.grade{display:inline-block;font-size:2.4rem;font-weight:800;color:var(--best);margin-left:.3em}.journal{list-style:none;display:grid;gap:.55rem;max-width:620px;width:100%;text-align:left;font-size:.85rem}.journal-item{display:grid;grid-template-columns:1.4em 1fr;column-gap:.5em;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:.5em .8em}.journal-icon{font-weight:700}.journal-item.eval-best .journal-icon{color:var(--best)}.journal-item.eval-ok .journal-icon{color:var(--ok)}.journal-item.eval-awkward .journal-icon{color:var(--awkward)}.journal-item.eval-poor .journal-icon,.journal-item.eval-fail .journal-icon{color:var(--poor)}.journal-chosen{grid-column:2}.journal-fb{grid-column:2;color:var(--ink-dim)}.saved-badge{color:var(--best);font-size:.85rem}.saved-badge.pending{color:var(--ink-dim)}.complete-note{color:var(--ink-dim);line-height:2}.dpad{position:absolute;left:calc(14px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:2px;touch-action:none}.dpad-btn{border:1px solid var(--panel-edge);background:#1e2c47bf;color:var(--ink-dim);border-radius:10px;font-size:1rem;touch-action:none;-webkit-user-select:none;user-select:none}.dpad-up{grid-column:2;grid-row:1}.dpad-left{grid-column:1;grid-row:2}.dpad-right{grid-column:3;grid-row:2}.dpad-down{grid-column:2;grid-row:3}.btn-a{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(38px + env(safe-area-inset-bottom));width:64px;height:64px;border-radius:50%;border:1px solid var(--sun);background:#d64545cc;color:#fff;font-size:1.3rem;font-weight:800;touch-action:none;-webkit-user-select:none;user-select:none}@media(pointer:coarse){.dialogue-text{font-size:1rem}}.confirm-box{display:flex;flex-direction:column;gap:.6rem;padding:.9rem 1rem;border:1px solid var(--panel-edge);border-radius:12px;background:var(--panel)}.confirm-box p{margin:0;font-size:.92rem}.minigame-backdrop{z-index:30}.minigame-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 20px));max-height:min(86vh,calc(100% - 20px));overflow-y:auto;overscroll-behavior:contain;background:var(--bg);border:1px solid var(--panel-edge);border-radius:12px;padding:14px 16px 18px}.minigame-sheet.is-unarmed{pointer-events:none}.minigame-close{position:absolute;top:8px;right:12px;z-index:1}.minigame-logo{font-size:1.7rem;font-weight:800;letter-spacing:.12em;text-align:center;margin-top:.6em;color:var(--awkward);text-shadow:0 2px 0 rgba(0,0,0,.45)}.minigame-sub{text-align:center;font-weight:700;margin-top:.5em}.minigame-rules{color:var(--ink-dim);font-size:.9rem;text-align:center;margin-top:.5em;line-height:1.7}.kanban,.crossword{display:flex;flex-direction:column;align-items:center;gap:.55rem}.kanban-head{width:100%;display:flex;justify-content:space-between;color:var(--ink-dim);font-size:.85rem;padding:0 1.4em 0 .2em}.kanban-board{min-width:7em;max-width:100%;padding:.45em .8em;background:#6e4e33;border:3px solid #4a3421;border-radius:8px;box-shadow:inset 0 0 0 2px #7d5a3c,0 3px #2f2115;color:#f7e6b5;font-weight:800;letter-spacing:.14em;text-align:center;line-height:1.35}.kanban-timer{width:min(320px,90%);height:6px;border-radius:3px;background:var(--bg-deep);overflow:hidden}.kanban-timer-fill{height:100%;background:var(--awkward)}.kanban-opts{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.kanban-opt{font:inherit;font-size:1.02rem;padding:.6em .4em;border-radius:10px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);cursor:pointer}.kanban-opt:disabled{cursor:default;opacity:.75}.kanban-opt.is-correct{border-color:var(--best);background:#67c5872e;opacity:1}.kanban-opt.is-missed{border-color:var(--poor);background:#d97c6c2e}.kanban-meaning{width:100%;border:1px solid var(--panel-edge);border-radius:10px;background:var(--panel);padding:.7em .9em;display:flex;flex-direction:column;gap:.4rem;align-items:center;text-align:center}.kanban-score{font-size:2.2rem;font-weight:800}.kanban-recap{list-style:none;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.kanban-recap li{display:grid;grid-template-columns:auto auto 1fr;gap:.7em;align-items:baseline;border-bottom:1px dashed var(--panel-edge);padding:.3em .1em}.kanban-recap-sign{font-weight:800;font-size:1.15rem}.kanban-recap-yomi{color:var(--awkward);font-weight:700}.kanban-recap-imi{color:var(--ink-dim);font-size:.82rem}.crossword{--cw-cell: 36px}.cw-picker{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;margin-top:.4rem}.cw-head{width:100%;display:flex;justify-content:space-between;align-items:baseline;padding:0 1.6em 0 .2em}.cw-progress{color:var(--ink-dim);font-size:.9rem}.cw-grid{display:grid;gap:3px;padding:8px;background:#ece7d8;border-radius:6px;box-shadow:0 2px #00000059}.cw-cell{position:relative;width:var(--cw-cell);height:var(--cw-cell);display:grid;place-items:center;background:#f8f4e8;border:1px solid #c9c2ad;border-radius:3px;color:#3b3a37;font-weight:700;font-size:1.05rem;line-height:1}.cw-cell.is-void{visibility:hidden}.cw-cell.is-active{outline:2px solid var(--sun);outline-offset:-1px}.cw-cell.is-locked{background:#dfe8d5;color:#2c4a33}.cw-cell.is-pending{color:#8a6d3b}.cw-cell.is-wrong{animation:cw-shake .35s;background:#e8c9c2}@keyframes cw-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.cw-num{position:absolute;top:1px;left:2px;font-size:.52rem;font-weight:600;color:#8a7f6a}.cw-clues{list-style:none;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.cw-clue{display:block;width:100%;text-align:left;font:inherit;font-size:.9rem;line-height:1.65;padding:.45em .7em;border-radius:8px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--ink);cursor:pointer}.cw-clue.is-active{border-color:var(--sun)}.cw-clue.is-solved,.cw-clue:disabled{opacity:.5;cursor:default;text-decoration:line-through}.cw-clue-tag{display:inline-block;margin-right:.6em;font-size:.75rem;font-weight:700;color:var(--awkward)}.cw-input{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.cw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.cw-chip{width:42px;height:42px;font:inherit;font-size:1.15rem;font-weight:700;border-radius:8px;border:1px solid #c9c2ad;background:#f8f4e8;color:#3b3a37;cursor:pointer;box-shadow:0 2px #b5ad96}.cw-chip:disabled{opacity:.25;cursor:default;box-shadow:none}.cw-done{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}