:root{--bg:#171319;--bg-soft:#201a23;--panel:#251e28;--panel-2:#2d2430;--line:#3b3040;--text:#ece4de;--text-dim:#a99ba0;--rose:#d59099;--rose-deep:#b76e79;--amber:#d9a878;--danger:#c97b6e;--serif:"Songti SC", "Noto Serif SC", Georgia, serif;--sans:-apple-system, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{color:var(--text);font-family:var(--sans);overscroll-behavior:none;background:#0d0a0f;justify-content:center;display:flex}#app{background:var(--bg);-webkit-user-select:none;user-select:none;width:min(100vw,480px);height:100dvh;position:relative;overflow:hidden}@media (width>=520px){#app{box-shadow:0 0 60px #d5909914, 0 0 0 1px var(--line)}}.boot-loading{height:100%;color:var(--text-dim);letter-spacing:.3em;justify-content:center;align-items:center;display:flex}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.hidden{display:none!important}.btn{font-family:var(--sans);border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;padding:.7em 1.2em;font-size:15px;transition:background .15s,border-color .15s,transform 50ms}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:linear-gradient(135deg, var(--rose-deep), #9c5560);color:#fff5f2;border-color:#0000}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-small{border-radius:8px;padding:.4em .9em;font-size:13px}.btn-danger{color:var(--danger);border-color:#c97b6e66}.gate{background:radial-gradient(120% 90% at 50% 0%, #2a1f28 0%, var(--bg) 60%);justify-content:center;align-items:center}.gate-box{text-align:center;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#251e28bf;border-radius:18px;width:84%;max-width:360px;padding:2.2em 1.6em}.gate-deco{color:var(--rose);margin-bottom:.6em;font-size:22px}.gate-title{font-family:var(--serif);letter-spacing:.08em;font-size:24px;font-weight:600}.gate-subtitle{color:var(--text-dim);margin-top:.5em;font-size:13px}.gate-hint{color:var(--text-dim);margin:1.4em 0;font-size:13px;line-height:1.7}.gate-form{gap:8px;display:flex}.gate-input{background:var(--bg-soft);border:1px solid var(--line);min-width:0;color:var(--text);border-radius:10px;outline:none;flex:1;padding:.7em 1em;font-size:15px}.gate-input:focus{border-color:var(--rose-deep)}.gate-msg{color:var(--rose);min-height:1.4em;margin-top:1em;font-size:13px;line-height:1.5}.shake{animation:.4s shake}.title{background:radial-gradient(80% 50% at 50% 105%, #b76e7938 0%, transparent 70%), radial-gradient(120% 80% at 50% -10%, #2a2130 0%, var(--bg) 55%);justify-content:center;align-items:center}.title-inner{flex-direction:column;align-items:center;gap:2.4em;width:84%;max-width:360px;display:flex}.title-head{text-align:center}.title-deco{color:var(--rose);letter-spacing:.5em;margin-bottom:1em;font-size:14px}.title-name{font-family:var(--serif);letter-spacing:.1em;font-size:32px;font-weight:600;line-height:1.4}.title-sub{color:var(--text-dim);letter-spacing:.15em;margin-top:.8em;font-size:14px}.title-fallback{color:var(--amber);border:1px dashed #d9a87873;border-radius:8px;margin-top:1em;padding:.4em .8em;font-size:12px;display:inline-block}.title-menu{flex-direction:column;gap:12px;width:100%;display:flex}.btn-menu{letter-spacing:.2em;background:#2d2430cc;flex-direction:column;align-items:center;gap:4px;width:100%;padding:.95em;font-size:16px;display:flex}.btn-menu:not(:disabled):hover{border-color:var(--rose-deep)}.btn-note{color:var(--text-dim);letter-spacing:.05em;font-size:11px}.title-footer{color:var(--text-dim);letter-spacing:.2em;font-size:11px}.chars{background:var(--bg)}.page-bar{padding:max(10px, env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.page-bar-title{font-family:var(--serif);letter-spacing:.2em}.char-list{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.char-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:14px;padding:14px;display:flex}.char-portrait{background:var(--bg-soft);border-radius:10px;flex:none;width:96px;height:128px;overflow:hidden}.char-portrait .sprite-wrap,.char-portrait .sprite-placeholder{width:100%;height:100%}.char-portrait img.sprite{object-fit:cover;object-position:top;width:100%;height:100%}.char-info{flex:1;min-width:0}.char-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.char-name{font-family:var(--serif);font-size:18px;font-weight:600}.char-age{color:var(--text-dim);font-size:12px}.char-role{letter-spacing:.1em;border-radius:99px;padding:2px 8px;font-size:10px}.role-heroine{color:var(--rose);background:#d590992e}.role-main{color:#e8b7bd;background:#b76e7940}.role-side{color:var(--amber);background:#d9a87829}.char-desc{color:var(--text-dim);margin-top:.6em;font-size:13px;line-height:1.7}.char-theme{color:var(--rose);font-size:13px;font-family:var(--serif);margin-top:.5em}.game{background:var(--bg)}.stage{background-position:50%;background-size:cover;transition:background-image .3s;position:absolute;inset:0}.stage:after{content:attr(data-scene-label);top:max(52px, calc(env(safe-area-inset-top) + 44px));letter-spacing:.25em;color:#ece4de8c;border-left:2px solid var(--rose-deep);padding-left:8px;font-size:12px;position:absolute;left:14px}.sprite-host{pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sprite-wrap{aspect-ratio:3/4;justify-content:center;align-items:flex-end;height:72%;max-height:620px;margin-bottom:26vh;display:flex}.game .sprite-wrap{margin-bottom:24%}img.sprite{object-fit:contain;filter:drop-shadow(0 8px 24px #00000073);height:100%}.sprite-placeholder{opacity:.92;border-radius:16px 16px 0 0;justify-content:center;align-items:center;width:78%;height:92%;display:flex;box-shadow:0 8px 24px #00000059}.sprite-placeholder-name{font-family:var(--serif);letter-spacing:.3em;color:#fff8f4d9;writing-mode:vertical-rl;font-size:26px}.sprite-enter{animation:.35s ease-out sprite-in}.game-bar{padding:max(8px, env(safe-area-inset-top)) 10px 8px;z-index:5;background:linear-gradient(#0d0a0f99,#0000);justify-content:flex-end;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.btn-bar{color:var(--text-dim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#171319a6;border-color:#3b3040cc;padding:.35em .8em;font-size:12px}.btn-bar:hover{color:var(--text)}.dialog{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--line);z-index:4;cursor:pointer;background:linear-gradient(#201a23eb,#171319f5);border-radius:16px;min-height:24%;padding:14px 16px 26px;position:absolute}.dialog-speaker{font-family:var(--serif);color:var(--rose);letter-spacing:.1em;border-bottom:1px solid #d5909959;margin-bottom:8px;padding-bottom:2px;font-size:15px;font-weight:600;display:inline-block}.dialog-text{min-height:3.8em;color:var(--text);font-size:15.5px;line-height:1.9}.dialog-hint{color:var(--rose);font-size:12px;animation:1.2s infinite bounce;position:absolute;bottom:8px;right:16px}.choices{z-index:6;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:30%;left:20px;right:20px}.btn-choice{text-align:left;background:#251e28f0;border-color:#b76e7980;border-radius:12px;width:100%;padding:.9em 1.2em;font-size:14.5px;line-height:1.6;animation:.25s ease-out backwards choice-in}.btn-choice:nth-child(2){animation-delay:60ms}.btn-choice:nth-child(3){animation-delay:.12s}.btn-choice:nth-child(4){animation-delay:.18s}.btn-choice:hover{border-color:var(--rose);background:#332733f5}.overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d0a0fa8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;width:86%;max-width:380px;max-height:82%;padding:18px;display:flex;overflow:hidden}.overlay-tall{height:78%}.overlay-title{font-family:var(--serif);letter-spacing:.25em;text-align:center;color:var(--rose);font-size:17px}.confirm-message{text-align:center;padding:.4em 0;font-size:14.5px;line-height:1.8}.confirm-actions{gap:10px;display:flex}.confirm-actions .btn{flex:1}.setting-row{align-items:center;gap:12px;display:flex}.setting-label{flex:none;font-size:14px}.setting-slider{accent-color:var(--rose-deep);flex:1}.setting-value{color:var(--text-dim);text-align:right;width:3.2em;font-size:13px}.backlog{flex-direction:column;flex:1;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.backlog-line{color:var(--text-dim);border-left:2px solid var(--line);padding-left:10px;font-size:13.5px;line-height:1.7}.backlog-choice{color:var(--amber);border-left-color:#d9a87880}.backlog-empty{color:var(--text-dim);text-align:center;padding:2em 0;font-size:13px}.affinity-list{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.affinity-item{background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;padding:12px 14px}.affinity-row{align-items:center;gap:8px;display:flex}.affinity-name{font-family:var(--serif);font-size:16px;font-weight:600}.affinity-value{color:var(--rose);margin-left:auto;font-size:14px}.affinity-bar{background:var(--bg-soft);border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.affinity-bar-fill{background:linear-gradient(90deg, var(--rose-deep), var(--rose));border-radius:99px;height:100%;transition:width .3s}.affinity-detail{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}.affinity-meta{color:var(--text-dim);font-size:12.5px;line-height:1.7}.affinity-theme{color:var(--rose);font-size:12.5px;font-family:var(--serif);margin-top:4px}.save-list{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.save-item{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.save-head{justify-content:space-between;align-items:baseline;display:flex}.save-slot-name{color:var(--amber);font-size:14px;font-weight:600}.save-time{color:var(--text-dim);font-size:11.5px}.save-summary{color:var(--text-dim);white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.save-actions{gap:8px;margin-top:10px;display:flex}.save-note{color:var(--text-dim);text-align:center;font-size:11px}.ending{background:radial-gradient(90% 60% at 50% 110%, #b76e7940 0%, transparent 70%), var(--bg);justify-content:center;align-items:center}.ending-box{text-align:center;border:1px solid var(--line);background:#251e28b3;border-radius:18px;flex-direction:column;gap:1.2em;width:84%;max-width:360px;max-height:88%;padding:2em 1.4em;display:flex;overflow-y:auto}.ending-badge{letter-spacing:.35em;border:1px solid;border-radius:99px;align-self:center;padding:4px 14px 4px 18px;font-size:11px}.ending-main{color:var(--rose);border-color:#d5909980}.ending-side{color:var(--amber);border-color:#d9a87880}.ending-bad{color:var(--text-dim);border-color:var(--line)}.ending-title{font-family:var(--serif);letter-spacing:.08em;font-size:25px;font-weight:600;line-height:1.5}.ending-route{color:var(--text-dim);letter-spacing:.2em;font-size:13px}.ending-text{color:var(--text);text-align:left;font-size:14.5px;line-height:2}.ending-recap{border-top:1px dashed var(--line);padding-top:1em}.ending-recap-title{color:var(--text-dim);letter-spacing:.2em;margin-bottom:.6em;font-size:12px}.ending-recap-line{color:var(--rose);font-size:13.5px;line-height:1.9}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}@keyframes sprite-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes choice-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fx-shake{animation:.45s shake}@keyframes flash{0%{filter:brightness()}30%{filter:brightness(2.2)}to{filter:brightness()}}.fx-flash{animation:.5s flash}