:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1117;--surface:#141a22;--surface-strong:#0e131a;--surface-soft:#121821db;--border:#dbe6f229;--border-strong:#dbe6f247;--text:#f2f5f8;--muted:#9ba8b7;--faint:#677587;--cyan:#61d9c8;--coral:#f39ab9;--amber:#f4ad62;--gold:#e7d77c;--blue:#8fa8f8;--danger:#ff8585;--font-ui:Inter, "PingFang SC", "Microsoft YaHei", sans-serif;--font-story:"Songti SC", "Noto Serif CJK SC", serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-ui);margin:0}body{min-height:100dvh;overflow:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{opacity:.38;cursor:not-allowed}::selection{color:#061411;background:var(--cyan)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3b4655;border-radius:4px}#app{min-height:100dvh}.title-screen,.game-screen,.ending-screen,.fatal{min-height:100dvh;position:relative;overflow:hidden}.title-screen{background:#101820;place-items:center;display:grid}.title-backdrop{filter:saturate(.7)contrast(1.05);background:url(/assets/cg/lobby.svg) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.03)}.title-vignette{background:linear-gradient(90deg,#070b10f5 0%,#070b10b8 45%,#070b1059 100%),linear-gradient(#070b1099 0%,#0000 52%,#070b10 100%);position:absolute;inset:0}.title-content{width:min(520px,100% - 40px);margin-right:min(38vw,520px);position:relative}.title-content h1{font-family:var(--font-story);margin:0;font-size:clamp(48px,5.5vw,72px);font-weight:700;line-height:1.08}.title-menu{grid-template-columns:1fr 1fr;gap:10px;max-width:450px;margin-top:34px;display:grid}.title-menu button,.ending-actions button{border:1px solid var(--border-strong);cursor:pointer;background:#0e131ad1;border-radius:6px;justify-content:center;align-items:center;gap:10px;min-height:48px;transition:background .18s,border-color .18s,transform .18s;display:flex}.title-menu button:hover:not(:disabled),.ending-actions button:hover{background:#202936;border-color:#61d9c89e;transform:translateY(-1px)}.title-menu .primary-btn,.ending-actions .primary-btn{background:var(--cyan);border-color:var(--cyan);color:#071613;grid-column:1/-1;font-weight:800}.title-menu button[data-action=content-info]{grid-column:1/-1}.title-menu svg,.ending-actions svg{width:18px;height:18px}.title-footer{color:#697788;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:18px;left:24px;right:24px}.game-screen{background:#090d12;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;display:grid}.scene-backdrop{background:var(--scene-image) center/cover no-repeat;filter:saturate(.78)contrast(1.02);position:absolute;inset:0;transform:scale(1.01)}.scene-shade{background:linear-gradient(#05080c38 0%,#05080c14 43%,#05080cd1 82%,#070a0e 100%);position:absolute;inset:0}.game-bar{z-index:4;border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1118e6;border-radius:7px;grid-template-columns:minmax(190px,1fr) auto;align-items:center;gap:8px 18px;width:min(1240px,100% - 32px);min-height:66px;margin:14px auto 0;padding:10px 12px 8px 16px;display:grid;position:relative;box-shadow:0 12px 36px #00000057}.game-location{flex-direction:column;gap:3px;min-width:0;display:flex}.game-location strong{font:700 15px/1.2 var(--font-story)}.game-location span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.tool-row{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.tool-row::-webkit-scrollbar{display:none}.tool-btn{border:1px solid var(--border);color:#d7dee7;cursor:pointer;background:#171e28;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:66px;height:38px;padding:0 9px;display:flex}.tool-btn:hover,.tool-btn.active{color:var(--cyan);background:#233039;border-color:#61d9c8ad}.tool-btn svg{flex:none;width:15px;height:15px}.tool-btn span{white-space:nowrap;font-size:11px}.icon-btn{border:1px solid var(--border);cursor:pointer;background:#171e28;border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-btn:hover,.icon-btn.active{color:var(--cyan);background:#233039;border-color:#61d9c8ad}.icon-btn svg{width:17px;height:17px}.story-progress{background:#ffffff14;grid-column:1/-1;height:2px;overflow:hidden}.story-progress span{background:var(--cyan);height:100%;transition:width .3s;display:block}.character-stage{z-index:2;pointer-events:none;width:min(1180px,100% - 40px);min-height:0;margin:0 auto;position:relative}.character-portrait{object-fit:contain;object-position:center top;filter:drop-shadow(0 24px 30px #00000080);width:auto;max-width:none;height:clamp(880px,118dvh,1060px);position:absolute;top:0;right:4%}.character-portrait[data-portrait=li],.character-portrait[data-portrait=xu]{height:clamp(1200px,180dvh,1400px)}.character-portrait[data-portrait=dai]{height:clamp(900px,122dvh,1100px)}.character-portrait[data-portrait=zhuowei]{height:clamp(1080px,150dvh,1260px)}.dialogue-panel{z-index:5;width:min(1060px,100% - 40px);max-height:min(62dvh,520px);margin:0 auto max(22px, env(safe-area-inset-bottom));border:1px solid var(--border-strong);border-left:3px solid var(--cyan);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d13f0;border-radius:7px;padding:18px 22px 14px;position:relative;overflow-y:auto;box-shadow:0 18px 50px #00000085}.speaker-line{align-items:center;gap:10px;height:30px;display:flex}.speaker-line strong{color:var(--speaker);font-size:16px}.speaker-line>span{color:var(--muted);font-size:12px}.speaker-line small{color:var(--faint);margin-left:auto;font-size:11px}.dialogue-text{white-space:pre-wrap;color:#f4f6f8;font:17px/1.85 var(--font-story);margin:10px 0 14px}.dialogue-text.typing:after{content:"";vertical-align:-.15em;background:var(--cyan);width:6px;height:1em;margin-left:4px;animation:.75s step-end infinite blink;display:inline-block}.continue-btn{border:1px solid var(--border);cursor:pointer;background:#171d26;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;display:flex}.continue-btn:hover{border-color:var(--cyan);background:#1e2931}.continue-btn svg{width:17px}.choice-list{gap:8px;display:grid}.choice-list button{text-align:left;border:1px solid var(--border);cursor:pointer;background:#161c25;border-radius:5px;grid-template-columns:30px 1fr;align-items:center;gap:10px;min-height:46px;padding:8px 14px;display:grid}.choice-list kbd{border:1px solid var(--border-strong);width:24px;height:24px;color:var(--cyan);font:11px var(--font-ui);background:#0c1117;border-radius:3px;place-items:center;display:grid}.choice-list span{line-height:1.55}.dialogue-hint{color:var(--faint);justify-content:space-between;gap:16px;margin-top:10px;font-size:10px;display:flex}.ending-screen{text-align:center;background:linear-gradient(145deg, color-mix(in srgb, var(--ending) 13%, #0b1016), #070a0e 65%);align-content:center;place-items:center;padding:40px 20px;display:grid}.ending-mark{font:700 min(42vw, 520px)/1 var(--font-story);color:color-mix(in srgb, var(--ending) 7%, transparent);position:absolute}.ending-screen>p,.ending-screen>h1,.ending-copy,.ending-actions{position:relative}.ending-screen>p{color:var(--ending);margin:0 0 10px;font-size:12px;font-weight:700}.ending-screen h1{font:700 clamp(46px, 7vw, 84px)/1.1 var(--font-story);margin:0}.ending-copy{color:#c7d0db;width:min(660px,100%);font:16px/1.9 var(--font-story);margin:28px 0}.ending-actions{gap:10px;display:flex}.ending-actions button{min-width:180px;padding:0 20px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030609c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border-strong);background:#10161e;border-radius:7px;grid-template-rows:auto minmax(0,1fr);width:min(620px,100%);max-height:min(82dvh,760px);display:grid;overflow:hidden;box-shadow:0 24px 80px #0000009e}.modal.wide{width:min(820px,100%)}.modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:10px 12px 10px 20px;display:flex}.modal h2{font:700 20px var(--font-story);margin:0}.modal-body{padding:18px 20px 22px;overflow:auto}.modal-lead{color:#d7dee6;margin:0 0 18px}.privacy-note,.empty-copy{color:var(--muted);font-size:12px;line-height:1.7}.history-list{gap:10px;display:grid}.history-list article{border-left:2px solid var(--border-strong);background:#151c25;padding:13px 15px}.history-list strong{margin-right:10px}.history-list small{color:var(--faint)}.history-list p{white-space:pre-wrap;color:#dce2e8;font:14px/1.7 var(--font-story);margin:8px 0 0}.route-list{border-top:1px solid var(--border);display:grid}.route-row{border-bottom:1px solid var(--border);grid-template-columns:10px 1fr auto;align-items:center;gap:12px;min-height:52px;display:grid}.route-row>span{background:var(--route);width:6px;height:28px}.route-row small{color:var(--muted)}.save-list{gap:9px;display:grid}.save-row{border:1px solid var(--border);background:#151c25;border-radius:5px;justify-content:space-between;gap:14px;min-height:78px;padding:12px 14px;display:flex}.save-row>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.save-row small,.save-row span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.save-row>div:last-child{align-items:center;gap:6px;display:flex}.save-row button{border:1px solid var(--border);cursor:pointer;background:#1c2530;border-radius:4px;align-items:center;gap:6px;min-height:36px;display:flex}.save-row svg{width:14px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ending-card{border:1px solid var(--border);background:#141b24;border-radius:6px;flex-direction:column;justify-content:end;gap:5px;min-height:126px;padding:16px;display:flex}.ending-card.unlocked{border-color:color-mix(in srgb, var(--ending) 55%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--ending) 9%, #141b24), #141b24)}.ending-card>span{color:var(--ending);font-size:11px}.ending-card strong{font:700 18px var(--font-story)}.ending-card small{color:var(--muted);line-height:1.5}.ending-card.locked{filter:grayscale()}.settings-list{gap:18px;display:grid}.content-info{gap:0;display:grid}.content-info p{color:#cbd4de;border-bottom:1px solid var(--border);margin:0;padding:14px 0;line-height:1.8}.content-info p:first-child{color:var(--amber);padding-top:2px}.content-info p:last-child{border-bottom:0;padding-bottom:2px}.range-row,.toggle-row{gap:9px;display:grid}.range-row>span,.toggle-row{justify-content:space-between;gap:16px;display:flex}.range-row output,.toggle-row small{color:var(--muted);font-size:12px}.range-row input{width:100%;accent-color:var(--cyan)}.toggle-row{grid-template-columns:1fr auto;align-items:center}.toggle-row span{flex-direction:column;gap:4px;display:flex}.toggle-row input{width:20px;height:20px;accent-color:var(--cyan)}.toast{z-index:80;left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#d9fffa;background:#111b1d;border:1px solid #61d9c880;border-radius:5px;padding:10px 16px;position:fixed;transform:translate(-50%);box-shadow:0 10px 40px #0000006b}.fatal{text-align:center;align-content:center;place-items:center;gap:16px;padding:30px;display:grid}.fatal button{min-height:42px;padding:0 20px}@keyframes blink{50%{opacity:0}}@media (hover:hover) and (pointer:fine){.choice-list button:hover{border-color:var(--cyan);background:#202b34;transform:translate(2px)}}@media (width<=760px){body{overflow:hidden}.title-screen{place-items:end stretch}.title-vignette{background:linear-gradient(#070b1040 0%,#070b10e8 54%,#070b10 100%)}.title-content{width:auto;padding:30px 20px calc(76px + env(safe-area-inset-bottom));margin:0}.title-content h1{font-size:clamp(42px,12vw,52px)}.title-menu{max-width:none}.title-menu button{min-height:46px}.title-footer{display:none}.game-screen{grid-template-rows:auto minmax(140px,1fr) auto}.game-bar{width:calc(100% - 20px);margin-top:max(8px, env(safe-area-inset-top));grid-template-columns:1fr;gap:8px;padding:9px 10px 7px}.game-location{flex-direction:row;align-items:baseline;gap:8px}.game-location strong{white-space:nowrap;font-size:13px}.game-location span{font-size:10px}.tool-row{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.tool-btn{width:100%;min-width:0;height:36px;padding:0 5px}.tool-btn span{font-size:10px}.character-stage{width:100%;min-height:0}.character-portrait{max-width:none;height:880px;top:0;left:50%;right:auto;transform:translate(-50%)}.character-portrait[data-portrait=li],.character-portrait[data-portrait=xu]{height:1200px}.character-portrait[data-portrait=dai]{height:900px}.character-portrait[data-portrait=zhuowei]{height:1080px}.dialogue-panel{width:calc(100% - 20px);max-height:calc(100dvh - 200px);margin-bottom:max(10px, env(safe-area-inset-bottom));border-left-width:2px;padding:15px 14px 12px;overflow-y:auto}.dialogue-text{margin:9px 0 12px;font-size:16px;line-height:1.75}.choice-list button{min-height:48px}.dialogue-hint span:last-child{display:none}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide{border-bottom:0;border-radius:7px 7px 0 0;width:100%;max-height:88dvh}.gallery-grid{grid-template-columns:1fr}.save-row{flex-direction:column}.save-row>div:last-child{justify-content:stretch}.save-row button{flex:1;justify-content:center}.ending-actions{flex-direction:column;width:100%}.ending-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}