:root{--cream: #f7ecd7;--cream-dark: #eaddc2;--ink: #33261b;--terracotta: #c05a36;--terracotta-dark: #9c4527;--olive: #6d7c3f;--sky: #3f6d7c;--gold: #d9a441;--new-bg: #ffe9b0;--shadow: 0 6px 24px rgba(20, 12, 4, .45);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#1a2129;height:100%;overflow:hidden}#app{position:relative;width:100vw;height:100vh}#game-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#game-container canvas{image-rendering:pixelated}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.dlg{position:absolute;left:50%;bottom:4vh;transform:translate(-50%);width:min(720px,92vw);background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:10px;box-shadow:var(--shadow);padding:14px 18px 12px;display:none}.dlg.open{display:block}.dlg.flash-good{animation:flashGood .5s}.dlg.flash-bad{animation:flashBad .5s}@keyframes flashGood{0%,60%{box-shadow:0 0 0 4px #5c9b4c,var(--shadow)}}@keyframes flashBad{0%,60%{box-shadow:0 0 0 4px #b8432f,var(--shadow)}}.dlg-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dlg-portrait{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;border:2px solid var(--ink);flex:none}.dlg-name{font-weight:700;font-size:15px}.dlg-icon{font-size:22px;margin-left:auto}.dlg-line{font-size:21px;line-height:2.1;min-height:44px}.tok{position:relative;cursor:pointer;border-radius:4px;padding:1px 2px}.tok.plain{cursor:default}.tok.t0{background:var(--new-bg);box-shadow:0 1px 0 var(--gold)}.tok.t1{border-bottom:2px dotted var(--terracotta)}.tok.t2{border-bottom:1px dotted rgba(51,38,27,.35)}.tok.focused{outline:2px solid var(--sky);outline-offset:1px}.tok .ruby{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% - 2px);font-size:10px;line-height:1;color:var(--terracotta-dark);white-space:nowrap;font-family:Verdana,sans-serif}.tok-tip{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 2px);background:var(--ink);color:var(--cream);font-size:12px;font-family:Verdana,sans-serif;padding:3px 8px;border-radius:6px;white-space:nowrap;z-index:5}.tok-tip small{opacity:.75}.dlg-english{font-style:italic;font-size:14px;color:#6b5a45;min-height:18px;margin-top:2px}.dlg-choices{margin-top:10px;display:flex;flex-direction:column;gap:6px}.dlg-choice{border:2px solid rgba(51,38,27,.35);border-radius:8px;padding:6px 12px;font-size:18px;background:var(--cream-dark);cursor:pointer;display:flex;align-items:baseline;gap:8px}.dlg-choice .num{font-size:12px;color:var(--terracotta-dark);font-family:Verdana,sans-serif}.dlg-choice.selected{border-color:var(--terracotta);background:#fff3dd}.dlg-foot{display:flex;gap:14px;margin-top:10px;font-family:Verdana,sans-serif;font-size:11px;color:#7a6a57;align-items:center}.dlg-btn{border:1px solid rgba(51,38,27,.4);background:transparent;color:inherit;font:inherit;border-radius:6px;padding:2px 8px;cursor:pointer}.dlg-btn:hover{background:#33261b14}.dlg-cont{margin-left:auto;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.4}}.hud-quests{position:absolute;top:12px;left:12px;background:#1a140cd1;color:var(--cream);border-radius:10px;padding:10px 14px;max-width:300px;font-size:13px;border:1px solid rgba(247,236,215,.25)}.hud-quests h3{margin:0 0 4px;font-size:12px;letter-spacing:1px;color:var(--gold);text-transform:uppercase;font-family:Verdana,sans-serif}.hud-quest{margin-bottom:6px}.hud-quest .qtitle{font-weight:700}.hud-quest .qstep{font-size:13px}.hud-quest .qstep-en{font-size:11px;opacity:.75;font-style:italic}.hud-stats{position:absolute;top:12px;right:12px;background:#1a140cd1;color:var(--cream);border-radius:999px;padding:6px 14px;font-size:13px;border:1px solid rgba(247,236,215,.25)}.hud-hints{position:absolute;bottom:8px;left:50%;transform:translate(-50%);color:#f7ecd7a6;font-size:11px;font-family:Verdana,sans-serif;background:#1a140c8c;padding:4px 12px;border-radius:999px;white-space:nowrap}.hud-toasts{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--gold);color:var(--ink);font-weight:700;padding:8px 18px;border-radius:999px;border:2px solid var(--ink);box-shadow:var(--shadow);font-size:15px;animation:toastIn .25s ease-out}@keyframes toastIn{0%{transform:translateY(-12px);opacity:0}}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,92vw);max-height:82vh;background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);padding:18px 22px;display:none;overflow-y:auto}.panel.open{display:block}.panel h2{margin:0 0 4px;color:var(--terracotta-dark)}.panel .sub{font-size:13px;color:#7a6a57;margin-bottom:12px;font-family:Verdana,sans-serif}.jr-entry{border-bottom:1px solid rgba(51,38,27,.15);padding:8px 2px}.jr-word{font-size:18px;font-weight:700}.jr-pos{font-size:11px;color:#7a6a57;font-family:Verdana,sans-serif;margin-left:6px}.jr-tier{float:right;font-size:11px;font-family:Verdana,sans-serif;padding:2px 8px;border-radius:999px}.jr-tier.t0{background:var(--new-bg)}.jr-tier.t1{background:#f3c9b2}.jr-tier.t2{background:#cfd9ab}.jr-tier.t3{background:#a8c6a0}.jr-trans{font-size:14px}.jr-sentence{font-style:italic;font-size:13px;color:#6b5a45;margin-top:2px}.jr-sentence .en{font-style:normal;opacity:.7}.opt-row{display:flex;align-items:center;gap:12px;margin:12px 0;font-size:15px}.opt-row label{min-width:140px}.opt-row select,.opt-row input[type=range]{flex:1;font:inherit}.opt-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.opt-btn{font:inherit;font-size:14px;background:var(--terracotta);color:#fff;border:2px solid var(--ink);border-radius:8px;padding:6px 14px;cursor:pointer}.opt-btn.secondary{background:var(--cream-dark);color:var(--ink)}.opt-btn.danger{background:#8c2f2f}