.stage{background:radial-gradient(120% 90% at 50% 15%,#3a2f28 0%,#16130f 70%);position:absolute;inset:0}.stage canvas{width:100%;height:100%;display:block}.dialogue{flex-direction:column;align-items:center;padding:0 clamp(12px,4vw,48px) clamp(16px,4vh,40px);display:flex;position:absolute;inset:auto 0 0}.dialogue__panel{-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);background:linear-gradient(135deg,#302b27e0,#191613eb);border:1px solid #e2d4c53d;border-radius:18px;width:min(920px,100%);padding:clamp(17px,2.4vw,25px);position:relative;overflow:hidden;box-shadow:0 24px 70px #0000004d,inset 0 1px #ffffff0a}.dialogue__panel:before{content:"";background:linear-gradient(180deg, transparent, var(--tone-1) 35%, transparent 88%);opacity:0;width:3px;position:absolute;inset:0 auto 0 0}.dialogue__panel--speech:before{opacity:.9}.dialogue__meta{justify-content:space-between;align-items:center;gap:16px;min-height:25px;margin-bottom:9px;display:flex}.dialogue__speaker{border:1px solid color-mix(in srgb, var(--speaker-color,var(--greige)) 42%, transparent);width:-moz-fit-content;width:fit-content;color:var(--text);background:color-mix(in srgb, var(--speaker-color,var(--greige)) 16%, transparent);letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;padding:4px 11px 4px 8px;font-size:.78rem;font-weight:650;display:inline-flex}.dialogue__speaker i{background:var(--speaker-color,var(--greige));width:7px;height:7px;box-shadow:0 0 9px var(--speaker-color,var(--greige));border-radius:50%}.dialogue__narration{color:#f0eae07a;letter-spacing:.2em;font-size:.62rem;font-weight:700}.dialogue__study-hint{color:#f0eae07a;font-size:.72rem}.dialogue__ja{margin:0;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.9}.dialogue__translation{color:var(--text-dim);background:#0807062e;border:1px solid #b9aa9b21;border-radius:9px;align-items:baseline;gap:10px;margin:12px 0 0;padding:11px 12px;font-size:.95rem;line-height:1.8;display:flex}.dialogue__translation span{color:var(--tone-1);letter-spacing:.08em;flex:none;font-size:.65rem;font-weight:700}.dialogue__controls{align-items:center;gap:8px;margin-top:14px;display:flex}.dialogue__spacer{flex:1}.btn{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #b9aa9b4d;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:.9rem;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover,.btn:focus-visible{border-color:var(--greige);background:#f0eae00d;transform:translateY(-1px)}.btn:disabled{cursor:default;opacity:.55;transform:none}.btn__icon{font-size:1.1rem;line-height:1}.btn__icon--text{border:1px solid;border-radius:4px;place-items:center;width:18px;height:18px;font-size:.66rem;display:grid}.btn--primary{border-color:var(--tone-1);min-width:100px;color:var(--paper);background:linear-gradient(135deg,#ed5a40,#c93928);box-shadow:0 8px 22px #e14b323d}.btn--primary:hover,.btn--primary:focus-visible{background:linear-gradient(135deg,#f16449,#d54431);border-color:#f77b66}.btn__arrow{font-size:1.1rem;transition:transform .15s}.btn--primary:hover .btn__arrow{transform:translate(3px)}.hanzi-line{font-family:var(--font-hanzi);font-size:clamp(1.5rem,4vw,2.1rem);line-height:2.4;display:block}.word{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 1px;display:inline}.word:hover,.word:focus-visible{background:#f0eae01f}.word--trap[data-revealed=true]{-webkit-text-decoration:underline wavy var(--tone-4);text-decoration:underline wavy var(--tone-4);text-underline-offset:6px}.punct{font-family:var(--font-hanzi)}ruby rt{font-family:var(--font-ui);color:var(--tone,var(--text-dim));font-size:.42em;font-weight:500;transform:translateY(2px)}.gloss{pointer-events:none;justify-content:center;display:flex;position:absolute;inset:auto 0 100%}.gloss__card{pointer-events:auto;border-radius:var(--radius);background:#16130ff0;border:1px solid #b9aa9b4d;max-width:min(520px,92vw);margin-bottom:10px;padding:14px 16px;position:relative}.gloss__close{width:32px;height:32px;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.2rem;position:absolute;top:8px;right:8px}.gloss__close:hover,.gloss__close:focus-visible{color:var(--text);background:#f0eae014}.gloss__head{align-items:baseline;gap:10px;display:flex}.gloss__hanzi{font-family:var(--font-hanzi);font-size:1.6rem}.gloss__pinyin{color:var(--text-dim)}.gloss__ja{margin:6px 0 0}.gloss__note{border-left:2px solid var(--tone-4);color:var(--text-dim);margin:10px 0 0;padding-left:10px;font-size:.88rem;line-height:1.7}@media (max-width:560px){.dialogue{padding-inline:9px;padding-bottom:max(10px, env(safe-area-inset-bottom))}.dialogue__panel{border-radius:15px}.dialogue__study-hint{display:none}.dialogue__controls{gap:6px}.btn{padding-inline:12px;font-size:.82rem}.btn--primary{min-width:82px}}.scene-overlay{z-index:20;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0807b8;place-items:center;display:grid;position:fixed;inset:0}.conversation-log,.restart-dialog{background:#1e1a16f7;border:1px solid #b9aa9b4d;border-radius:14px;width:min(720px,100%);box-shadow:0 24px 80px #0000006b}.conversation-log{flex-direction:column;max-height:min(78dvh,720px);display:flex;overflow:hidden}.conversation-log__header{border-bottom:1px solid #b9aa9b2e;flex:none;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(18px,4vw,28px);display:flex}.conversation-log__header h2,.restart-dialog h2{margin:2px 0 0;font-size:clamp(1.2rem,3vw,1.55rem)}.conversation-log__eyebrow{color:var(--tone-1);letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:700}.scene-dialog__close,.scene-dialog__button,.conversation-log__replay{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #b9aa9b4d;border-radius:8px}.scene-dialog__close{padding:0 16px}.conversation-log__list{scrollbar-color:var(--greige) transparent;margin:0;padding:8px clamp(18px,4vw,28px) 24px;overflow-y:auto}.conversation-log__entry{border-bottom:1px solid #b9aa9b24;padding:18px 0 18px 18px;list-style:none;position:relative}.conversation-log__end{height:1px;list-style:none}.conversation-log__entry:before{background:var(--greige);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:24px;left:0}.conversation-log__speaker{color:var(--tone-1);margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.conversation-log__hanzi,.conversation-log__pinyin,.conversation-log__translation,.conversation-log__narration{margin:0}.conversation-log__hanzi{font-family:var(--font-hanzi);font-size:clamp(1.25rem,3.5vw,1.65rem);line-height:1.5}.conversation-log__pinyin{color:var(--text-dim);margin-top:2px;font-size:.82rem}.conversation-log__translation,.conversation-log__narration{margin-top:8px;line-height:1.75}.conversation-log__translation{color:var(--text-dim);font-size:.92rem}.conversation-log__replay{min-height:36px;margin-top:10px;padding:0 12px;font-size:.8rem}.scene-dialog__close:hover,.scene-dialog__close:focus-visible,.scene-dialog__button:hover,.scene-dialog__button:focus-visible,.conversation-log__replay:hover,.conversation-log__replay:focus-visible{border-color:var(--greige);background:#f0eae014}.restart-dialog{width:min(440px,100%);padding:clamp(22px,5vw,32px)}.restart-dialog>p:not(.conversation-log__eyebrow){color:var(--text-dim);margin:14px 0 0;line-height:1.7}.restart-dialog__controls{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.scene-dialog__button{padding:0 18px}.scene-dialog__button--danger{border-color:var(--tone-1);background:var(--tone-1);color:var(--paper)}.scene-dialog__button--danger:hover,.scene-dialog__button--danger:focus-visible{border-color:var(--tone-1);background:color-mix(in srgb, var(--tone-1) 88%, white)}@media (max-width:480px){.conversation-log{max-height:84dvh}.conversation-log__header{padding-block:14px}}:root{--tone-1:#e14b32;--tone-2:#3fa37a;--tone-3:#4a7fa8;--tone-4:#6b4a8c;--tone-5:#5a5550;--paper:#f0eae0;--ink:#2a2724;--greige:#b9aa9b;--lavender:#b8a8d9;--bg:#16130f;--surface:#2a2724d1;--text:var(--paper);--text-dim:#c7bcae;--font-ui:system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-hanzi:"Songti SC", "SimSun", "Noto Serif SC", "Hiragino Mincho ProN", serif;--radius:10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);overscroll-behavior:none;-webkit-text-size-adjust:100%;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{width:100%;height:100%;position:relative;overflow:hidden}.app__utilities{z-index:5;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));align-items:center;gap:8px;display:flex;position:absolute}.app__chapter{z-index:5;top:max(18px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left));color:var(--text);text-shadow:0 2px 14px #0000008c;gap:2px;display:grid;position:absolute}.app__chapter strong{font-family:var(--font-hanzi);letter-spacing:.08em;font-size:clamp(.9rem,1.6vw,1.05rem);font-weight:500}.app__eyebrow{color:var(--tone-1);letter-spacing:.22em;font-size:.62rem;font-weight:750}.app__progress{color:#f0eae08c;font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;padding:0 7px;font-size:.64rem;display:flex}.app__progress b{color:var(--text);font-size:.82rem;font-weight:650}.app__utility{min-height:44px;color:var(--text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#2a2724c7,#16130fd1);border:1px solid #b9aa9b47;border-radius:999px;align-items:center;gap:7px;padding:0 14px 0 11px;font-size:.82rem;transition:transform .16s,border-color .16s,background .16s;display:inline-flex;box-shadow:0 8px 24px #0000001f}.app__utility svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;opacity:.78;width:16px;height:16px}.app__utility:hover,.app__utility:focus-visible{border-color:var(--greige);background:#2a2724e6;transform:translateY(-1px)}.app__progress-track{z-index:5;background:#f0eae012;width:100%;height:2px;position:absolute;top:0;left:0}.app__progress-track span{background:linear-gradient(90deg, #a92d20, var(--tone-1));border-radius:0 999px 999px 0;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);display:block;box-shadow:0 0 12px #e14b3273}@media (max-width:480px){.app__utilities{gap:6px}.app__progress{display:none}.app__utility{justify-content:center;width:44px;padding:0}.app__utility>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app__chapter{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left))}}