:root{--ink: #f5ead8;--ink-dim: #b8a98e;--paper: #0d0a08;--accent: #c9a15a;--accent-deep: #8a5a2b;--danger: #a33a3a}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:var(--paper);color:var(--ink);font-family:Songti SC,"Noto Serif SC",STSong,serif;overscroll-behavior:none}.app-shell{height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.ambient{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-size:cover;background-position:center;filter:blur(40px) brightness(.35);transform:scale(1.2)}.stage{position:relative;height:100dvh;aspect-ratio:9 / 16;max-width:100vw;overflow:hidden;background:#000;-webkit-user-select:none;user-select:none}@media (max-aspect-ratio: 9/16){.stage{height:auto;width:100vw;aspect-ratio:auto;position:absolute;top:0;right:0;bottom:0;left:0}}.bg-layer,.bg-layer-prev{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;will-change:transform,opacity}.bg-loop-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@keyframes lip-idle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012)}}.lip-idle-breathe{animation:lip-idle-breathe 4.6s ease-in-out 1.2s infinite;transform-origin:50% 38%}.debug-node-id{position:absolute;top:8px;left:8px;z-index:40;font-size:11px;font-family:monospace;color:#ffffffbf;background:#00000073;padding:2px 10px;border-radius:8px;cursor:pointer;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.debug-node-id:active{background:#50a05099}.debug-copy-btn{position:absolute;right:12px;bottom:34%;z-index:30;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.4);background:#000000a6;color:#ffffffe6;font-size:13px;font-family:monospace;padding:8px 16px;border-radius:10px;cursor:pointer;letter-spacing:.04em;-webkit-user-select:none;user-select:none;touch-action:manipulation}.debug-copy-btn:active{background:#50a050cc}.tap-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}.dialog-area{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#0805038c 22%,#080503eb);min-height:32%;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;pointer-events:none}.speaker{color:var(--accent);font-size:15px;letter-spacing:.14em;margin-bottom:8px}.speaker:after{content:"";display:block;width:2.2em;height:1px;margin-top:6px;background:linear-gradient(90deg,var(--accent),transparent)}.line-text{font-size:17px;line-height:1.9;text-shadow:0 1px 4px rgba(0,0,0,.8);min-height:3.8em}.line-text.narration{color:var(--ink-dim);font-style:normal;letter-spacing:.06em}.advance-hint{align-self:flex-end;color:var(--accent);opacity:.75;font-size:12px;margin-top:10px;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.choice-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 24px calc(15% + env(safe-area-inset-bottom));background:linear-gradient(transparent 30%,#080503d1)}.choice-prompt{color:#f0e8d8f5;font-size:15px;line-height:1.8;text-align:center;margin-bottom:26px;white-space:pre-wrap;background:#0d0a08a8;border-radius:12px;padding:12px 16px;text-shadow:0 1px 3px rgba(0,0,0,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.choice-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(201,161,90,.55);background:#0d0a08d1;color:var(--ink);font-family:inherit;font-size:16px;line-height:1.5;padding:14px 18px;margin-bottom:14px;border-radius:4px;cursor:pointer;transition:border-color .2s,background .2s,transform .1s;position:relative}.choice-btn:active{transform:scale(.98);background:#c9a15a2e}.choice-btn.locked{opacity:.45;cursor:not-allowed;border-style:dashed}.locked-hint{display:block;font-size:12px;color:var(--danger);margin-top:4px}.diff-toasts{position:absolute;top:14%;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.diff-toast{background:#0d0a08d9;border:1px solid rgba(201,161,90,.5);border-radius:3px;color:var(--accent);font-size:13px;letter-spacing:.1em;padding:6px 12px}.diff-toast.negative{color:var(--danger);border-color:#a33a3a99}.ending-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;background:#080503c7}.ending-tier{font-size:13px;letter-spacing:.5em;text-indent:.5em;color:var(--ink-dim);margin-bottom:14px}.ending-title{font-size:30px;letter-spacing:.2em;color:var(--accent);margin-bottom:30px}.ending-epilogue{color:var(--ink-dim);font-size:15px;line-height:2.1;max-width:30em;margin-bottom:44px;white-space:pre-wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:15px;letter-spacing:.2em;text-indent:.2em;padding:12px 34px;border-radius:3px;cursor:pointer;transition:background .2s}.btn:active{background:#c9a15a33}.btn.subtle{border-color:#b8a98e66;color:var(--ink-dim)}.btn.primary{background:var(--accent);color:#1a140c;border-color:var(--accent);font-weight:600;box-shadow:0 0 18px #c9a15a59;animation:btn-breathe 2.6s ease-in-out infinite}.btn.primary:active{background:#d8b46a}@keyframes btn-breathe{0%,to{box-shadow:0 0 14px #c9a15a47}50%{box-shadow:0 0 26px #c9a15a80}}.btn-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 50% 30%,rgba(201,161,90,.12),transparent 60%),var(--paper)}.game-title{font-size:54px;letter-spacing:.35em;text-indent:.35em;color:var(--ink);writing-mode:horizontal-tb;margin-bottom:6px}.game-subtitle{color:var(--ink-dim);font-size:14px;letter-spacing:.3em;margin-bottom:48px}.hud{position:absolute;top:calc(10px + env(safe-area-inset-top));right:12px;display:flex;gap:10px;z-index:5}.hud button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(184,169,142,.35);background:#0d0a0899;color:var(--ink-dim);font-family:inherit;font-size:12px;letter-spacing:.1em;padding:10px 14px;border-radius:3px;cursor:pointer}.hud button.hud-on{border-color:#d6b77abf;color:var(--gold, #d6b77a);background:#281e10b3}.panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080503eb;z-index:10;display:flex;flex-direction:column;padding:calc(20px + env(safe-area-inset-top)) 20px 20px;overflow-y:auto}.panel-title{color:var(--accent);font-size:18px;letter-spacing:.3em;margin-bottom:20px;text-align:center}.anchor-item{border:1px solid rgba(201,161,90,.35);border-radius:4px;padding:12px 14px;margin-bottom:12px;cursor:pointer}.anchor-item .label{color:var(--ink);font-size:15px;margin-bottom:4px}.anchor-item .meta{color:var(--ink-dim);font-size:12px}.anchor-chapter{margin-left:10px;color:var(--ink-dim);font-size:11px;letter-spacing:.08em;border:1px solid rgba(184,169,142,.3);border-radius:2px;padding:1px 6px;vertical-align:1px}.attr-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.attr-name{width:4em;color:var(--ink-dim);font-size:14px;letter-spacing:.15em}.attr-bar{flex:1;height:6px;background:#b8a98e26;border-radius:3px;overflow:hidden}.attr-bar>div{height:100%;background:linear-gradient(90deg,var(--accent-deep),var(--accent));transition:width .5s ease}.attr-val{width:2.5em;text-align:right;color:var(--ink);font-size:13px}.bg-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#b8a98e66;font-size:13px;letter-spacing:.2em}.video-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.video-layer video{width:100%;height:100%;object-fit:cover}.video-poster-fallback{background-size:cover;background-position:center;animation:video-poster-kb 8s ease-out both}@keyframes video-poster-kb{0%{transform:scale(1.08)}to{transform:scale(1)}}.skip-btn{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));right:16px;z-index:3}.tap-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}.error-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 28px;background:linear-gradient(160deg,#14100c,#0a0705);color:var(--ink, #e8e0d4);text-align:center}.error-title{font-size:22px;letter-spacing:.16em;color:var(--accent, #c9a227)}.error-desc{font-size:14px;line-height:1.9;opacity:.78;max-width:20em}.error-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}.error-actions button{padding:10px 18px;font-size:14px;color:var(--ink, #e8e0d4);background:#ffffff0f;border:1px solid rgba(201,162,39,.5);border-radius:2px;cursor:pointer}.error-detail{margin-top:10px;font-size:12px;opacity:.5;max-width:90%}.error-detail pre{white-space:pre-wrap;word-break:break-all;text-align:left;margin-top:8px}.settings-panel{gap:4px}.settings-group{max-width:460px;width:100%;margin:0 auto 22px}.settings-row{display:flex;align-items:center;justify-content:space-between}.settings-label{color:var(--ink, #e8e0d4);font-size:15px;letter-spacing:.12em;margin-bottom:10px}.settings-row .settings-label{margin-bottom:0}.settings-val{color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums}.settings-seg{display:flex;gap:8px}.settings-seg button{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(201,161,90,.35);background:#0d0a0899;color:var(--ink-dim);font-family:inherit;font-size:14px;letter-spacing:.05em;padding:9px 0;border-radius:4px;cursor:pointer}.settings-seg button.seg-on{border-color:#d6b77ad9;color:var(--gold, #d6b77a);background:#281e10bf}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:46px;height:26px;border-radius:13px;border:1px solid rgba(184,169,142,.35);background:#0d0a08b3;cursor:pointer;transition:background .2s,border-color .2s;flex:none}.switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--ink-dim);transition:transform .2s,background .2s}.switch.switch-on{border-color:#d6b77ad9;background:#281e10d9}.switch.switch-on .switch-knob{transform:translate(20px);background:var(--gold, #d6b77a)}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent-deep),var(--accent));outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold, #d6b77a);border:1px solid rgba(40,30,16,.9);cursor:pointer}.settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold, #d6b77a);border:1px solid rgba(40,30,16,.9);cursor:pointer}.settings-close{margin:10px auto 0}.load-error-bar{position:absolute;left:50%;bottom:calc(38% + env(safe-area-inset-bottom));transform:translate(-50%);z-index:20;background:#0d0a08eb;border:1px solid rgba(163,58,58,.7);border-radius:4px;color:var(--ink);font-size:14px;letter-spacing:.1em;padding:12px 22px;cursor:pointer;white-space:nowrap}.load-error-bar:active{background:#a33a3a40}.poster-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#080503f5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.poster-preview-img{max-width:100%;max-height:78vh;object-fit:contain;border:1px solid rgba(201,161,90,.45);border-radius:4px}.poster-preview-hint{color:var(--accent);font-size:14px;letter-spacing:.15em}.poster-preview-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:1px solid rgba(184,169,142,.4);background:transparent;color:var(--ink-dim);font-size:14px;letter-spacing:.2em;padding:10px 30px;border-radius:3px;cursor:pointer}.fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.fx-shake{animation:fx-shake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes fx-shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-7px,3px)}40%,60%{transform:translate(6px,-3px)}}.fx-flash-white{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:fx-flash-white .55s ease-out both}@keyframes fx-flash-white{0%{opacity:0}12%{opacity:.92}to{opacity:0}}.fx-vignette-red{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 42%,rgba(140,20,20,.55) 100%);animation:fx-vignette-red 2.4s ease-in-out infinite}@keyframes fx-vignette-red{0%,to{opacity:.65}50%{opacity:1}}