: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}.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}.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-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-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;justify-content:center;gap:1rem;padding:2rem 1.5rem;text-align:center;overflow-y:auto}.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}}