@keyframes drift{0%{transform:translate(-2%)}to{transform:translate(3%,-2%)}}@keyframes prologue-enter{0%{opacity:0}to{opacity:1}}@keyframes prologue-art-in{0%{opacity:.35;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes sway{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@media (width<=900px){.chapter-screen{grid-template-columns:1fr}.scene{min-height:38vh}.scene .portrait{height:90%}.story-panel,.scene{min-height:auto}.map-photo{height:70vh}.map-pin .pin-copy{min-width:4.4rem}.map-pin strong{font-size:.85rem}}:root{--night:#070b12;--indigo:#121a28;--fog:#8ea0b8;--lantern:#e0b15a;--lantern-dim:#b8893d;--paper:#e6d7bc;--ink:#d8cbb4;--danger:#c45c4a;--ok:#7ea37a;--display:"ZCOOL XiaoWei", "Noto Serif SC", serif;--body:"Noto Sans SC", sans-serif;color:var(--ink);background:var(--night);font-family:var(--body);font-size:17px;line-height:1.65}*{box-sizing:border-box}html,body,#root{background:var(--night);min-height:100%;margin:0}#root{width:100%;min-height:100svh}button{font-family:inherit}.btn{appearance:none;color:var(--paper);cursor:pointer;letter-spacing:.08em;background:0 0;border:1px solid #0000;padding:.7rem 1.2rem;transition:all .2s}.btn.primary{background:var(--lantern);color:#1a1208;font-weight:600}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.primary:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--lantern);border-color:#e0b15a73}.btn.ghost:hover{background:#e0b15a14}.btn.small{padding:.35rem .7rem;font-size:.85rem}.eyebrow{color:var(--lantern);letter-spacing:.28em;margin:0 0 .4rem;font-size:.78rem}h1{font-family:var(--display);color:var(--paper);letter-spacing:.12em;margin:0 0 .6rem;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:400}.title-screen,.ending-screen{place-items:end start;min-height:100svh;display:grid;position:relative;overflow:hidden}.title-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.title-veil{background:linear-gradient(90deg,#070b12d1 0%,#070b1259 46%,#070b122e 100%);position:absolute;inset:0}.fog-drift{z-index:2;pointer-events:none;background:radial-gradient(at 30% 80%,#8ea0b82e,#0000 55%);animation:16s ease-in-out infinite alternate drift;position:absolute;inset:-10%}.title-copy{z-index:3;max-width:34rem;padding:8vh 7vw 10vh;position:relative}.lede{color:var(--fog);margin:0 0 1.8rem}.title-actions{flex-wrap:wrap;gap:.8rem;display:flex}.prologue-screen{place-items:end start;min-height:100svh;animation:1.4s prologue-enter;display:grid;position:relative;overflow:hidden}.prologue-art{animation:1.6s prologue-art-in}.prologue-copy{z-index:3;max-width:34rem;padding:8vh 7vw 10vh;animation:.9s prologue-enter;position:relative}.prologue-copy .story-text{color:var(--paper);flex:unset;margin:0 0 1.8rem}.prologue-copy .option-list{margin-bottom:.4rem}.map-screen,.codex-screen{min-height:100svh;padding:1.4rem 1.6rem 2rem}.map-top{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.map-actions{gap:.6rem;display:flex}.map-stage{background:#0b1420;border:1px solid #e0b15a40;min-height:68vh;position:relative;overflow:hidden}.map-photo{object-fit:cover;object-position:center 40%;filter:saturate(.9)contrast(1.08)brightness(.82);width:100%;height:68vh}.map-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-label{fill:#e6d7bcb8;letter-spacing:.2em;font-size:18px;font-family:var(--display)}.map-label.district{fill:#e0b15a8c;font-size:16px}.map-pin{color:var(--paper);cursor:pointer;z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;gap:.25rem;padding:0;display:flex;position:absolute;transform:translate(-50%,-100%)}.map-pin .lantern{background:var(--lantern);border-radius:7px 7px 4px 4px;width:14px;height:22px;animation:3.2s ease-in-out infinite sway;box-shadow:0 0 16px #e0b15ad9}.map-pin.locked .lantern{box-shadow:none;background:#4a5564;animation:none}.map-pin.done .lantern{background:#d9c89a}.map-pin .pin-copy{text-align:center;background:#070b12c7;min-width:5.6rem;padding:.25rem .55rem .35rem}.map-pin strong{font-family:var(--display);letter-spacing:.12em;font-size:1rem;display:block}.map-pin em{color:var(--lantern);font-size:.72rem;font-style:normal;display:block}.map-pin.locked{cursor:not-allowed;opacity:.62}.map-pin.locked em{color:#8b95a3}.map-pin:focus-visible{outline:2px solid var(--lantern);outline-offset:4px}.map-legend{color:var(--fog);margin:.8rem 0 0;font-size:.92rem}.chapter-screen{grid-template-columns:1.15fr .85fr;min-height:100svh;display:grid}.scene{min-height:100svh;position:relative;overflow:hidden}.scene>img{object-fit:cover;width:100%;height:100%}.scene .portrait{object-fit:contain;z-index:2;filter:drop-shadow(0 12px 30px #0000008c);pointer-events:none;width:auto;height:82%;position:absolute;bottom:0;right:4%}.scene-fog{pointer-events:none;background:#0c121cd9;transition:opacity .6s;position:absolute;inset:0}.scene-caption{color:var(--paper);text-shadow:0 2px 12px #000;position:absolute;bottom:1.4rem;left:1.4rem}.scene-caption span,.scene-caption em{letter-spacing:.18em;color:var(--lantern);font-size:.8rem;display:block}.scene-caption strong{font-family:var(--display);letter-spacing:.16em;font-size:1.8rem}.story-panel{background:linear-gradient(#101826,#0b111a);border-left:1px solid #e0b15a2e;flex-direction:column;gap:1rem;min-height:100svh;padding:1.4rem 1.5rem 2rem;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.story-text{white-space:pre-wrap;color:var(--ink);flex:1;margin:0}.speaker{font-family:var(--display);color:var(--lantern);letter-spacing:.18em;margin:0}.option-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.option-list.wrap{flex-wrap:wrap;display:flex}.option{text-align:left;width:100%;color:var(--paper);cursor:pointer;background:#e0b15a0d;border:1px solid #e0b15a47;padding:.75rem .9rem}.option:hover,.option.selected{border-color:var(--lantern);background:#e0b15a24}.challenge{flex-direction:column;gap:.85rem;display:flex}.challenge-prompt,.hint{white-space:pre-wrap;margin:0}.hint{color:var(--lantern-dim);font-size:.92rem}.feedback{border-left:3px solid;margin:0;padding:.7rem .8rem}.feedback.wrong{border-color:var(--danger);color:#f0c2ba}.feedback.right{border-color:var(--ok);color:#d5ead2}.order-slots{color:var(--lantern);margin:0;padding-left:1.2rem}.order-slots .num{color:var(--paper);margin-right:.4rem}.fog-meter{min-width:9rem}.fog-label{letter-spacing:.16em;color:var(--fog);margin-bottom:.25rem;font-size:.75rem;display:block}.fog-bar{background:#243044;height:4px}.fog-bar i{background:var(--lantern);height:100%;display:block}.card-peek{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.card-peek li{border-top:1px solid #e0b15a33;padding-top:.5rem}.card-peek strong{color:var(--lantern);display:block}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.codex-card{background:#121a26;border:1px solid #e0b15a2e;min-height:12rem;padding:1rem 1.05rem 1.1rem}.codex-card.locked{opacity:.45}.codex-card .place,.codex-card .vault,.codex-card .metaphor{color:var(--fog);font-size:.82rem}.codex-card h2{font-family:var(--display);color:var(--paper);margin:.2rem 0 .5rem;font-size:1.35rem}.codex-card .metaphor{color:var(--lantern-dim)}@media (width<=900px){.chapter-screen{grid-template-columns:1fr}.scene{min-height:38vh}.scene .portrait{height:90%}.story-panel,.scene{min-height:auto}.map-photo{height:70vh}.map-pin .pin-copy{min-width:4.4rem}.map-pin strong{font-size:.85rem}}