:root{--bg-dark:#1a1d23;--bg-panel:#22262e;--bg-overlay:#1a1d23eb;--gold:#c8a45c;--gold-dim:#8a7340;--gold-bright:#e8c870;--tea:#7a8b6a;--tea-light:#a3b896;--text-primary:#e8e2d6;--text-secondary:#9a9488;--text-dim:#6a6458;--border:#333840;--accent-blue:#5a7a9a;--accent-red:#9a5a5a;--font-main:"Noto Serif SC", "Source Han Serif SC", "STSong", serif;--font-ui:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-dark);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-main);cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden}#app{width:100vw;height:100vh;position:relative;overflow:hidden}.title-screen{background:linear-gradient(160deg,#1a1d23 0%,#22262e 40%,#1e2530 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.title-screen:before{content:"";pointer-events:none;background:radial-gradient(at 50% 40%,#c8a45c14 0%,#0000 60%);position:absolute;inset:0}.title-logo{text-align:center;z-index:1;margin-bottom:60px;position:relative}.title-logo h1{color:var(--gold);letter-spacing:12px;text-shadow:0 0 40px #c8a45c4d;margin-bottom:12px;font-size:48px;font-weight:700}.title-logo .subtitle{color:var(--text-secondary);letter-spacing:6px;font-size:16px;font-family:var(--font-ui)}.title-buttons{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.title-btn{border:1px solid var(--gold-dim);color:var(--gold);font-family:var(--font-ui);cursor:pointer;letter-spacing:4px;text-align:center;background:0 0;min-width:200px;padding:12px 48px;font-size:16px;transition:all .3s}.title-btn:hover{border-color:var(--gold);text-shadow:0 0 10px #c8a45c4d;background:#c8a45c1a}.title-btn:disabled{opacity:.3;cursor:not-allowed}.title-version{color:var(--text-dim);font-size:12px;font-family:var(--font-ui);position:absolute;bottom:20px;right:20px}.game-screen{background:var(--bg-dark);flex-direction:column;width:100%;height:100%;display:flex;position:relative}.top-bar{background:var(--bg-panel);border-bottom:1px solid var(--border);height:40px;font-family:var(--font-ui);color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;font-size:13px;display:flex}.act-label{color:var(--gold-dim);letter-spacing:2px}.progress-bar{background:var(--border);border-radius:2px;width:120px;height:3px;overflow:hidden}.progress-fill{background:var(--gold-dim);height:100%;transition:width .5s}.scene-area{flex:1;position:relative;overflow:hidden}.bg-layer{background-position:50%;background-size:cover;transition:opacity .8s;position:absolute;inset:0}.bg-default{background:linear-gradient(170deg,#1a1d23 0%,#1e2530 50%,#22262e 100%)}.portrait-container{z-index:5;position:absolute;bottom:180px;left:50%;transform:translate(-50%)}.portrait{object-fit:contain;filter:drop-shadow(0 4px 20px #00000080);opacity:0;width:300px;height:400px;transition:opacity .4s}.portrait.visible{opacity:1}.monologue-overlay{z-index:10;pointer-events:none;opacity:0;background:#1a1d2399;justify-content:center;align-items:center;padding:40px 80px;transition:opacity .5s;display:flex;position:absolute;inset:0 0 180px}.monologue-overlay.visible{opacity:1}.monologue-text{color:var(--text-secondary);text-align:center;max-width:600px;font-size:17px;font-style:italic;line-height:1.9}.manual-overlay{z-index:10;border:1px solid var(--gold-dim);opacity:0;pointer-events:none;background:#1e2530f2;border-radius:4px;width:90%;max-width:550px;padding:24px 32px;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.manual-overlay.visible{opacity:1}.manual-overlay .manual-title{color:var(--gold);font-size:14px;font-family:var(--font-ui);letter-spacing:1px;margin-bottom:12px}.manual-overlay .manual-text{color:var(--text-primary);font-size:15px;line-height:1.8}.dialogue-box{background:linear-gradient(180deg, #1a1d23d9 0%, #1a1d23f7 30%, var(--bg-dark) 100%);border-top:1px solid var(--border);z-index:20;cursor:pointer;flex-direction:column;height:180px;padding:16px 32px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.speaker-name{font-size:14px;font-family:var(--font-ui);color:var(--gold);letter-spacing:2px;min-height:20px;margin-bottom:8px}.dialogue-text{color:var(--text-primary);flex:1;font-size:17px;line-height:1.9;overflow-y:auto}.dialogue-text::-webkit-scrollbar{display:none}.click-indicator{color:var(--text-dim);font-size:12px;font-family:var(--font-ui);animation:2s ease-in-out infinite pulse;position:absolute;bottom:12px;right:32px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}.choice-panel{z-index:30;flex-direction:column;gap:12px;width:90%;max-width:600px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.choice-panel.visible{display:flex}.choice-btn{border:1px solid var(--gold-dim);color:var(--text-primary);font-family:var(--font-main);cursor:pointer;text-align:left;letter-spacing:.5px;background:#1e2530f2;padding:16px 24px;font-size:15px;line-height:1.6;transition:all .3s}.choice-btn:hover{border-color:var(--gold);background:#c8a45c1f;transform:translate(4px)}.choice-label{color:var(--gold);font-family:var(--font-ui);margin-bottom:4px;font-size:13px}.act-transition{background:var(--bg-dark);z-index:50;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity 1s;display:flex;position:absolute;inset:0}.act-transition.visible{opacity:1}.act-transition h2{color:var(--gold);letter-spacing:8px;text-shadow:0 0 30px #c8a45c4d;font-size:32px}.settings-panel{background:var(--bg-panel);border-left:1px solid var(--border);border-bottom:1px solid var(--border);z-index:40;width:280px;font-family:var(--font-ui);padding:20px;display:none;position:absolute;top:40px;right:0}.settings-panel.visible{display:block}.settings-title{color:var(--gold);letter-spacing:2px;margin-bottom:16px;font-size:14px}.settings-row{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.settings-btn{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-ui);cursor:pointer;background:0 0;padding:6px 12px;font-size:12px;transition:all .2s}.settings-btn:hover{border-color:var(--gold-dim);color:var(--gold)}.settings-btn.danger{border-color:var(--accent-red);color:var(--accent-red)}.ending-screen{background:var(--bg-dark);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ending-screen h2{color:var(--gold);letter-spacing:8px;margin-bottom:24px;font-size:36px}.ending-screen p{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:16px;line-height:2}