:root{--color-bg-room:#16151a;--color-ink-light:#f2efe6;--color-text-secondary:#9b988f;--color-accent-gold:#d9b25c;--color-accent-gold-bright:#f0cf85;--color-border-gold:rgba(217,178,92,.45);--color-border-faint:rgba(242,239,230,.12);--color-info-blue:#7fb3d9;--color-warn-red:#d98d8d;--font-serif:"Noto Serif SC", serif;--font-sans:"Noto Sans SC", sans-serif;--radius-lg:6px;--scene-human-1:#4a4030;--scene-human-2:#2c2620;--scene-human-3:#1a1611;--scene-spirit-1:#3a4148;--scene-spirit-2:#23282d;--scene-spirit-3:#13161a;--scene-night-1:#2a2f4a;--scene-night-2:#191c30;--scene-night-3:#0d0e1c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#000;font-family:var(--font-sans);color:var(--color-ink-light);overflow:hidden}#stage{position:relative;width:100vw;height:100vh;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center}#screen-title{background:radial-gradient(ellipse at 50% 0%,rgba(255,235,200,.1),transparent 55%),linear-gradient(165deg,var(--scene-human-1) 0%,var(--scene-human-2) 45%,var(--scene-human-3) 100%)}.title-logo{text-align:center}.title-logo .cn{font-family:var(--font-serif);font-weight:900;font-size:64px;color:var(--color-accent-gold-bright);letter-spacing:.2em}.title-logo .en{font-size:13px;color:var(--color-text-secondary);letter-spacing:.4em;margin-top:10px}.title-sub{margin-top:18px;font-size:13px;color:var(--color-text-secondary);letter-spacing:.1em}.title-menu{margin-top:70px;display:flex;flex-direction:column;gap:18px;align-items:center}.title-btn{font-family:var(--font-serif);font-size:16px;letter-spacing:.15em;color:var(--color-ink-light);cursor:pointer;padding:6px 20px}.title-btn.primary{color:var(--color-accent-gold-bright);border-bottom:1px solid var(--color-accent-gold)}.title-btn:hover{color:var(--color-accent-gold-bright)}#screen-chapter{background:#0a090bfa}.chapter-num{font-size:14px;color:var(--color-text-secondary);letter-spacing:.3em;margin-bottom:14px}.chapter-title{font-family:var(--font-serif);font-weight:700;font-size:38px;color:var(--color-accent-gold-bright);letter-spacing:.15em}.chapter-rule{width:60px;height:1px;background:var(--color-border-gold);margin:20px auto}.chapter-desc{font-size:13px;color:var(--color-text-secondary);max-width:420px;text-align:center;line-height:1.9;margin-top:6px}#screen-vn{justify-content:flex-end}.vn-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:opacity .6s ease}.vn-bg.dim:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047}.vn-bg-tint-warm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#78461429;z-index:1}.vn-act-tag{position:absolute;top:22px;left:26px;font-size:11px;letter-spacing:.15em;color:var(--color-text-secondary);border-left:2px solid var(--color-accent-gold);padding-left:10px}.vn-cg{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:88%;max-height:900px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5));opacity:0;transition:opacity .5s ease}.vn-cg.show{opacity:1}.vn-heart-badge{position:absolute;top:80px;left:50%;transform:translate(-50%);font-size:12px;color:#f0cf85;background:#00000080;border:1px solid var(--color-accent-gold);padding:6px 16px;border-radius:999px;letter-spacing:.1em;opacity:0;transition:opacity .4s;display:flex;align-items:center;gap:6px}.vn-heart-badge.show{opacity:1}.vn-textbox-wrap{position:relative;z-index:2;width:100%;max-width:780px;padding:0 24px 34px}.vn-name{display:inline-block;font-family:var(--font-serif);font-size:15px;color:var(--color-accent-gold-bright);background:#141318eb;border:1px solid var(--color-border-gold);border-bottom:none;padding:6px 22px;border-radius:6px 6px 0 0;letter-spacing:.1em}.vn-textbox{background:linear-gradient(180deg,#1c1b21f0,#100f13f7);border:1px solid var(--color-border-gold);border-radius:0 8px 8px;padding:20px 26px 26px;min-height:92px;font-size:15px;line-height:1.9;cursor:pointer;position:relative}.vn-textbox.narration{font-size:13.5px;color:var(--color-text-secondary);font-style:normal;background:#100f13bf;border-color:var(--color-border-faint);text-align:center}.vn-textbox.monologue{font-style:italic;color:#cfc9e6;background:#1e1a2e8c;border-color:#9d8cd666}.vn-advance-hint{position:absolute;right:20px;bottom:12px;font-size:11px;color:var(--color-text-secondary);animation:blink 1.4s infinite}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.vn-choices{position:relative;z-index:3;width:100%;max-width:780px;padding:0 24px 34px;display:flex;flex-direction:column;gap:12px}.vn-choice-btn{background:linear-gradient(180deg,#23222aeb,#141318f5);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:14px 20px;font-size:14px;color:var(--color-ink-light);cursor:pointer;text-align:left;transition:all .15s}.vn-choice-btn:hover{border-color:var(--color-accent-gold-bright);color:var(--color-accent-gold-bright);background:#d9b25c1a}.affection-toast{position:absolute;top:26%;left:50%;transform:translate(-50%) translateY(-10px);background:#0009;border:1px solid var(--color-accent-gold);color:var(--color-accent-gold-bright);padding:8px 20px;border-radius:999px;font-size:13px;opacity:0;transition:all .4s;z-index:5;white-space:nowrap}.affection-toast.show{opacity:1;transform:translate(-50%) translateY(0)}#screen-rotate{background:#0a090b}.rotate-icon{font-size:52px;color:var(--color-accent-gold);animation:spin 2.4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate-text{margin-top:22px;font-size:16px;color:var(--color-ink-light)}.rotate-sub{margin-top:10px;font-size:12px;color:var(--color-text-secondary)}.rotate-go{margin-top:34px;font-family:var(--font-serif);font-size:14px;color:var(--color-accent-gold-bright);border:1px solid var(--color-accent-gold);padding:10px 30px;border-radius:6px;cursor:pointer;letter-spacing:.1em}#screen-battle{background:radial-gradient(ellipse at 50% 0%,rgba(180,210,230,.08),transparent 55%),linear-gradient(165deg,var(--scene-spirit-1) 0%,var(--scene-spirit-2) 45%,var(--scene-spirit-3) 100%)}.battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.55}.battle-top-bar{position:absolute;top:14px;left:88px;right:16px;display:flex;align-items:center;gap:16px;z-index:3}.gauge{flex:1;display:flex;align-items:center;gap:8px}.gauge-label{font-size:11px;color:var(--color-text-secondary);white-space:nowrap}.gauge-track{flex:1;height:7px;border-radius:4px;background:#ffffff14;border:.5px solid var(--color-border-faint);overflow:hidden}.gauge-fill{height:100%;background:var(--color-info-blue);transition:width .3s linear}.pause-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--color-border-gold);background:#00000059;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-accent-gold-bright);cursor:pointer}.char-dock{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;align-items:center;width:66px;z-index:3}.char-portrait{width:54px;height:54px;border-radius:50%;border:1.5px solid var(--color-border-gold);background:linear-gradient(180deg,#d9b25c2e,#0000004d);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:12px;color:var(--color-accent-gold-bright);overflow:hidden}.char-portrait img{width:100%;height:100%;object-fit:cover}.char-portrait.heroine{border-color:#9d8cd6}.char-name{font-size:10px;color:var(--color-text-secondary)}.char-portrait.skill-active{box-shadow:0 0 14px 2px #d9b25c8c}.battle-grid{position:absolute;left:96px;right:30px;top:16%;bottom:20%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:8px;z-index:2}.cell{border:1px solid var(--color-border-faint);background:#00000029;border-radius:5px;position:relative;overflow:visible}.cell.spawn-col{border-color:#d9b25c59}.cell.breach-flash{border-color:var(--color-warn-red);background:#d98d8d40}.ghost{position:absolute;width:78%;height:78%;top:11%;left:11%;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:left .05s linear;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.ghost.hit{animation:ghost-hit .25s ease}@keyframes ghost-hit{0%{transform:scale(1)}50%{transform:scale(1.25);filter:brightness(1.6)}to{transform:scale(0);opacity:0}}.skill-dock{position:absolute;left:96px;right:30px;bottom:10px;display:flex;gap:10px;z-index:3}.skill-btn{padding:8px 16px;border-radius:var(--radius-lg);border:1px solid var(--color-border-gold);background:#0006;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--color-accent-gold-bright)}.skill-btn .dot{width:6px;height:6px;border-radius:50%;background:var(--color-info-blue);box-shadow:0 0 5px var(--color-info-blue)}.battle-footer{position:absolute;left:96px;right:30px;bottom:52px;font-size:11px;color:var(--color-text-secondary);text-align:center;z-index:3}.tip-pill{position:absolute;top:13%;left:50%;transform:translate(-50%);background:#0000008c;border:1px solid var(--color-accent-gold);color:var(--color-accent-gold-bright);font-size:13px;padding:8px 18px;border-radius:999px;z-index:4;opacity:0;transition:opacity .35s;white-space:nowrap}.tip-pill.show{opacity:1}.tip-pill.warn{border-color:var(--color-warn-red);color:var(--color-warn-red)}.spawn-hint{position:absolute;top:16%;bottom:20%;width:calc((100% - 158px)/5);right:30px;border:1.5px dashed var(--color-accent-gold-bright);border-radius:6px;opacity:0;transition:opacity .35s;z-index:3;pointer-events:none}.spawn-hint.show{opacity:.9}.tap-hint-circle{position:absolute;width:44px;height:44px;border:2px solid var(--color-accent-gold-bright);border-radius:50%;opacity:0;transition:opacity .35s;z-index:4;pointer-events:none}.tap-hint-circle.show{opacity:1;animation:pulse-ring 1.1s infinite}@keyframes pulse-ring{0%{transform:scale(.9)}50%{transform:scale(1.15)}to{transform:scale(.9)}}.pause-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:10}.pause-dim.show{display:flex}.pause-card{width:280px;background:linear-gradient(180deg,#23222af2,#141318fa);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:16px 0}.pause-title{font-family:var(--font-serif);font-size:14px;color:var(--color-accent-gold-bright);text-align:center;margin-bottom:8px}.pause-item{font-size:13px;padding:12px 24px;color:var(--color-ink-light);border-top:1px solid var(--color-border-faint);cursor:pointer}.pause-item:first-of-type{border-top:none}.pause-item.warn{color:var(--color-warn-red)}.pause-item:hover{color:var(--color-accent-gold-bright)}.result-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000ad;display:none;align-items:center;justify-content:center;z-index:10}.result-dim.show{display:flex}.result-card{width:70%;max-width:420px;text-align:center}.result-title{font-family:var(--font-serif);font-size:22px;color:var(--color-accent-gold-bright);letter-spacing:.15em;margin-bottom:14px}.result-line{font-size:13px;color:var(--color-ink-light);margin-bottom:22px;line-height:1.7}.result-btn{display:inline-block;padding:10px 32px;border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);font-size:13px;color:var(--color-accent-gold-bright);cursor:pointer}.result-btn:hover{background:#d9b25c1f}#screen-end{background:#080709fa}.end-title{font-family:var(--font-serif);font-size:30px;color:var(--color-accent-gold-bright);letter-spacing:.2em}.end-sub{margin-top:14px;font-size:13px;color:var(--color-text-secondary)}.end-restart{margin-top:46px;font-family:var(--font-serif);font-size:14px;color:var(--color-accent-gold-bright);border:1px solid var(--color-accent-gold);padding:10px 30px;border-radius:6px;cursor:pointer}#dev-badge{position:fixed;bottom:10px;right:14px;font-size:10px;color:var(--color-text-secondary);z-index:999;letter-spacing:.05em;opacity:.6}#loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a090bf5;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px}#loading-overlay.show{display:flex}.loading-logo{font-family:var(--font-serif);font-weight:900;font-size:34px;color:var(--color-accent-gold-bright);letter-spacing:.15em}.loading-text{font-size:12px;color:var(--color-text-secondary);letter-spacing:.1em}.modal-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:40}.modal-dim.show{display:flex}.modal-card{width:82%;max-width:360px;background:linear-gradient(180deg,#23222af7,#141318fc);border:1px solid var(--color-border-gold);border-radius:var(--radius-lg);padding:22px 20px;text-align:center}.modal-title{font-family:var(--font-serif);font-size:16px;color:var(--color-accent-gold-bright);margin-bottom:12px}.modal-text{font-size:13px;color:var(--color-ink-light);line-height:1.7;margin-bottom:20px}.modal-btns{display:flex;gap:10px}.modal-btn{flex:1;padding:10px 0;font-size:13px;border:1px solid var(--color-border-faint);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-ink-light)}.modal-btn.confirm{border-color:var(--color-accent-gold);color:var(--color-accent-gold-bright)}.modal-btn:hover{background:#d9b25c14}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;text-align:left}.settings-row label{font-size:13px;color:var(--color-ink-light);white-space:nowrap}.settings-row input[type=range]{flex:1;accent-color:var(--color-accent-gold)}.settings-row select{background:#0006;color:var(--color-ink-light);border:1px solid var(--color-border-faint);border-radius:4px;padding:6px 10px;font-size:13px}