:root{--bg:#070a0f;--surface:#0d121a;--surface2:#121a24;--ink:#e8e5dc;--muted:#8d98a7;--gold:#c8a55b;--gold2:#806631;--blue:#6f9db8;--red:#a85b57;--line:rgba(210,185,120,.22);--shadow:0 24px 70px rgba(0,0,0,.55);--serif:"Songti SC","STSong","Noto Serif SC",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif;--motion-fast:180ms;--motion-mid:320ms;--motion-slow:620ms;--ease-out:cubic-bezier(.2,.75,.25,1);--ease-soft:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}body{overflow-x:hidden;background-image:radial-gradient(circle at 20% 0,rgba(55,91,114,.12),transparent 38%),linear-gradient(135deg,rgba(200,165,91,.025) 25%,transparent 25%,transparent 75%,rgba(200,165,91,.025) 75%);background-size:auto,32px 32px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;color:var(--gold)}.muted{color:var(--muted)}
.title-screen{min-height:100svh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden}.title-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,12,.96),rgba(6,8,12,.54)),url('assets/scene/study.webp') center/cover;filter:saturate(.72)}.title-panel{position:relative;width:min(600px,100%);padding:clamp(28px,6vw,56px);border:1px solid var(--line);background:linear-gradient(145deg,rgba(10,14,20,.94),rgba(10,14,20,.72));box-shadow:var(--shadow);backdrop-filter:blur(8px)}.title-panel:before,.title-panel:after{content:"";position:absolute;width:48px;height:48px;border-color:var(--gold);opacity:.75}.title-panel:before{top:10px;left:10px;border-top:1px solid;border-left:1px solid}.title-panel:after{right:10px;bottom:10px;border-right:1px solid;border-bottom:1px solid}.title-screen h1{font-family:var(--serif);font-weight:500;font-size:clamp(3rem,11vw,6rem);line-height:.94;margin:.2em 0;color:#eee7d7;text-shadow:0 4px 30px rgba(0,0,0,.6)}.title-screen h1 span{display:block;color:var(--gold);font-size:.32em;letter-spacing:.35em;margin-bottom:1em}.title-copy{line-height:1.8;color:#b7c0ca;max-width:36em}.content-note{font-size:.78rem;color:#75808d;border-left:1px solid var(--gold2);padding-left:12px;margin:24px 0}.name-form{display:flex;gap:10px;margin-top:22px}.name-form input{flex:1;min-width:0;background:#070b10;border:1px solid var(--line);color:var(--ink);padding:13px 14px;outline:none}.name-form input:focus{border-color:var(--gold)}.primary,.secondary,.ghost{border:1px solid var(--gold2);padding:12px 18px;color:#101117;background:linear-gradient(135deg,#d1b36d,#9f7d3c);font-weight:700;letter-spacing:.04em}.secondary{background:#111923;color:var(--ink);border-color:#344557}.ghost{background:transparent;color:var(--muted);border-color:#27323e}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.game-shell{min-height:100svh;padding-bottom:78px}.topbar{height:64px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:0 18px;background:rgba(7,10,15,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{font-family:var(--serif);font-size:1.1rem;white-space:nowrap}.chapter-chip{font-size:.72rem;padding:6px 9px;border:1px solid var(--line);color:var(--gold);white-space:nowrap}.objective{margin-left:auto;color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{display:flex;gap:4px}.icon-btn{width:38px;height:38px;border:0;background:transparent;color:var(--muted);font-size:1.1rem;border-radius:50%}.icon-btn:hover{background:#151d27;color:var(--gold)}
.content{max-width:1320px;margin:auto;padding:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:12px 0 20px}.section-head h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,4vw,2.6rem);margin:0}.section-head p{margin:5px 0 0;color:var(--muted);font-size:.85rem}.progress-mini{font-size:.74rem;color:var(--gold);white-space:nowrap}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;height:70px;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);background:rgba(7,10,15,.96);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.nav-btn{border:0;background:transparent;color:#788493;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:.68rem}.nav-btn .nav-icon{font-size:1.15rem;position:relative;line-height:1}.nav-btn.active{color:var(--gold)}.nav-badge{position:absolute;left:calc(100% - 2px);top:-7px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--gold);color:#0a0d10;font:700 .62rem/17px var(--sans);box-shadow:0 0 0 2px #080b10}
.scene-wrap{position:relative;overflow:hidden;border:1px solid var(--line);background:#030506;box-shadow:var(--shadow);aspect-ratio:16/9;min-height:310px}.scene-img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}.scene-vignette{position:absolute;inset:0;box-shadow:inset 0 0 90px rgba(0,0,0,.82);pointer-events:none}.hotspot{position:absolute;width:40px;height:40px;border-radius:50%;border:1px solid rgba(222,190,112,.8);background:rgba(16,20,24,.65);color:var(--gold);box-shadow:0 0 0 6px rgba(200,165,91,.08),0 0 24px rgba(200,165,91,.3);animation:pulse 2.2s infinite}.hotspot.found{color:#7b8791;border-color:#64717b;box-shadow:none;animation:none}.hotspot:after{content:attr(data-label);position:absolute;top:46px;left:50%;transform:translateX(-50%);padding:4px 7px;background:rgba(6,8,11,.88);color:#d7d9d7;font-size:.66rem;white-space:nowrap;opacity:0;transition:.2s}.hotspot:hover:after,.hotspot:focus:after{opacity:1}.hs-door{left:7%;top:38%}.hs-cabinet{left:28%;top:54%}.hs-trophy{left:17%;top:69%}.hs-equipment{left:52%;top:15%}.hs-desk{left:70%;top:52%}.hs-window{right:8%;top:33%}@keyframes pulse{50%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(200,165,91,0),0 0 30px rgba(200,165,91,.45)}}
.case-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.brief-card{padding:16px;border:1px solid #202b36;background:linear-gradient(145deg,#101720,#0b1017)}.brief-card b{display:block;color:var(--gold);font-family:var(--serif);margin-bottom:6px}.brief-card span{font-size:.82rem;color:#aab2bc;line-height:1.6}
.people-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px}.character-card{position:relative;aspect-ratio:2/3;border:0;background:#10151d;padding:0;perspective:1000px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.45));transition:transform .25s}.character-card:hover{transform:translateY(-6px)}.card-frame{position:absolute;inset:0;border:7px solid #7b6434;outline:1px solid #d3b771;outline-offset:-4px;z-index:2;pointer-events:none;background:linear-gradient(135deg,rgba(255,231,159,.16),transparent 15%,transparent 80%,rgba(255,224,135,.1));clip-path:polygon(5% 0,95% 0,100% 4%,100% 96%,95% 100%,5% 100%,0 96%,0 4%)}.character-card:after{content:"";position:absolute;inset:10px;z-index:3;border:1px solid rgba(232,207,140,.45);pointer-events:none}.character-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.04)}.card-name{position:absolute;left:13px;right:13px;bottom:13px;z-index:4;padding:15px 8px 10px;background:linear-gradient(transparent,rgba(3,5,8,.96) 35%);text-align:center;color:#f4e8c9}.card-name b{display:block;font-family:var(--serif);font-size:1.25rem;letter-spacing:.18em}.card-name small{color:#c8a55b;letter-spacing:.14em}.card-glint{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(110deg,transparent 32%,rgba(255,240,190,.16) 47%,transparent 58%);transform:translateX(-100%);transition:.65s}.character-card:hover .card-glint{transform:translateX(100%)}
.filters{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:14px}.archive-filters{margin-bottom:4px}.group-filters{opacity:.76}.filter{border:1px solid #26313c;background:#0c1219;color:#8f9aa7;padding:8px 12px;white-space:nowrap}.filter.active{border-color:var(--gold2);color:var(--gold);background:#17170f}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.evidence-card{border:1px solid #24303b;background:linear-gradient(145deg,#111923,#0b1016);color:var(--ink);padding:15px;text-align:left;min-height:132px;position:relative;transition:.2s}.evidence-card:hover{border-color:#7c6a42;transform:translateY(-2px)}.evidence-card.seen:after{content:"已阅";position:absolute;right:9px;top:9px;color:#5f7684;font-size:.6rem;letter-spacing:.1em}.evidence-card.selected{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),0 0 22px rgba(200,165,91,.12)}.evidence-card.selectable{cursor:pointer}.evidence-id{font-family:monospace;color:var(--gold);font-size:.68rem;letter-spacing:.1em}.evidence-type{float:right;color:#667481;font-size:.65rem}.evidence-tag{display:inline-block;margin-left:9px;border:1px solid #51472f;border-radius:2px;padding:2px 5px;color:#a99567;font-size:.57rem;letter-spacing:.06em}.evidence-card h3{font-family:var(--serif);font-size:1rem;margin:12px 0 7px}.evidence-card p{font-size:.77rem;color:#9ba6b1;line-height:1.55;margin:0}.locked-card{opacity:.35;filter:grayscale(1);pointer-events:none}
.board-layout{display:grid;grid-template-columns:minmax(280px,.8fr) 1.3fr;gap:18px}.deduction-list{display:flex;flex-direction:column;gap:10px}.deduction-item{border:1px solid #283440;background:#0d141c;color:var(--ink);padding:15px;text-align:left}.deduction-item.active{border-color:var(--gold2);background:#171811}.deduction-item.done{border-color:#354c44}.deduction-item small{color:var(--muted)}.deduction-item b{display:block;margin-bottom:5px}.board-work{border:1px solid var(--line);background:radial-gradient(circle at center,#17202a,#0a0f15 72%);padding:clamp(16px,4vw,34px);min-height:480px;position:relative;overflow:hidden}.board-work:before{content:"";position:absolute;inset:0;opacity:.05;background:repeating-linear-gradient(35deg,transparent 0 22px,#fff 23px 24px)}.board-work>*{position:relative}.board-prompt{font-family:var(--serif);font-size:1.35rem}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.slot{min-height:120px;border:1px dashed #4b5660;background:rgba(4,7,10,.35);display:grid;place-items:center;text-align:center;padding:10px;color:#687480;font-size:.75rem}.slot.filled{border-style:solid;border-color:var(--gold2);color:var(--ink);background:#111923}.slot b{display:block;color:var(--gold);font-family:monospace;margin-bottom:8px}.board-actions{display:flex;gap:10px;flex-wrap:wrap}.result-note{border-left:2px solid var(--gold);padding:14px 16px;background:rgba(200,165,91,.07);line-height:1.7;margin-top:18px}.candidate-head{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.candidate-head h3{margin:0}.candidate-head span{color:var(--gold);font-family:monospace}.history-section{margin-top:16px;border:1px solid #26313b;background:#0b1016;color:var(--muted)}.history-section summary{cursor:pointer;padding:16px;color:#a7b0b9;list-style:none}.history-section summary::-webkit-details-marker{display:none}.history-section summary:after{content:"＋";float:right;color:#7e704e}.history-section[open] summary:after{content:"−"}.history-section>p,.history-section>.evidence-grid,.history-deduction-list{margin:0 16px 16px}.history-deduction-list{display:grid;gap:9px}.history-deduction-list article{border-left:2px solid #45514f;background:#0d1419;padding:12px 14px}.history-deduction-list p{margin:6px 0 0;line-height:1.6}.historical-evidence{opacity:.78}
.chapter-gate{margin-top:20px;border:1px solid var(--line);padding:20px;background:linear-gradient(90deg,rgba(200,165,91,.08),transparent)}.chapter-gate h3{font-family:var(--serif);margin:0 0 8px}.theory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:18px 0}.theory-choice{border:1px solid #35404b;background:#0d141c;color:var(--ink);padding:15px 8px}.theory-choice:hover{border-color:var(--gold)}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}.modal{width:min(740px,100%);max-height:min(88svh,900px);overflow:auto;background:#0d131b;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.modal-close{position:sticky;float:right;top:12px;margin:12px 12px 0 0;z-index:3;border:1px solid #35414c;background:#0a0f15;color:var(--ink);width:36px;height:36px;border-radius:50%}.modal-body{padding:clamp(20px,5vw,42px)}.modal-body h2{font-family:var(--serif);font-weight:500;font-size:2rem;margin:4px 0 10px}.document-view{margin-top:22px}.document-view>div:first-child{margin-bottom:18px}.document-view p{line-height:1.75}.log{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;border-left:2px solid var(--blue);padding:14px 18px;background:#0a1017}.log b{color:var(--blue);font-family:monospace}.camera{background:#07100f;border:1px solid #24443c;padding:22px;color:#9ec3b7;font-family:monospace}.camera strong{font-size:1.8rem;display:block;margin:16px 0}.document,.email,.transcript{background:#e7e2d6;color:#242624;padding:24px;box-shadow:0 10px 28px rgba(0,0,0,.25);font-family:var(--serif)}.document h4,.email h4{font-size:1.3rem}.document p,.email p{line-height:1.6}.stamp{color:#9a3e35;border:2px solid;padding:5px;display:inline-block;transform:rotate(-5deg)}.redacted{background:#252525;color:#252525}.chat{padding:16px;background:#111923}.bubble{max-width:82%;padding:12px 14px;margin:8px 0;border-radius:4px;line-height:1.55}.bubble b{display:block;color:var(--gold);font-size:.72rem;margin-bottom:4px}.bubble.them{background:#202b35}.bubble.me{background:#18343b;margin-left:auto}.bubble.muted{opacity:.55}.deleted{border:1px solid rgba(168,91,87,.5)}.sheet{border:1px solid #53616b;background:#d9ddd8;color:#222}.sheet>div{display:grid;grid-template-columns:1fr 1.2fr .7fr;padding:10px;border-bottom:1px solid #9aa39c}.sheet .focus{background:#dfcdb0}.sheet em{color:#8e3d34}.photo{min-height:260px;display:grid;place-items:center;background:radial-gradient(circle,#3e4a4d,#11161b);position:relative;overflow:hidden}.photo small{position:absolute;left:10px;bottom:8px;color:#b8c1c1}.trophy-icon{font-size:6rem;color:var(--gold);text-shadow:0 10px 20px #000;transform:rotate(-18deg)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#28333c}.compare>div{min-height:180px;padding:20px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent,#0b1117),radial-gradient(circle at 60% 30%,#40505a,#141b22);color:#dbe0df}.compare span{color:var(--gold);margin-top:8px}.floorplan{height:300px;border:3px solid #77838b;position:relative;background:repeating-linear-gradient(0deg,#131b22 0 29px,#1c252d 30px)}.floorplan i,.room-label{position:absolute;padding:5px;background:#d3c49e;color:#151515;font-style:normal;font-size:.7rem}.room-label{left:40%;top:45%}.fp-door{left:-3px;bottom:18%}.fp-window{right:-3px;top:20%}.fp-desk{right:22%;bottom:15%}.fp-cabinet{left:18%;top:20%}.torn{clip-path:polygon(0 0,100% 3%,97% 91%,82% 87%,70% 100%,54% 90%,40% 99%,24% 88%,0 94%)}.trophy-front span{color:#e5d6a6;font-family:var(--serif);font-size:1.4rem}.trophy-base{background:radial-gradient(circle,#938367,#342d25)}.code-ring{border:4px solid #b9a57c;border-radius:50%;padding:45px 20px;color:#211c15;background:#cabc9b;font-family:monospace}.fiber-photo i{width:150px;height:4px;background:#090909;transform:rotate(28deg);box-shadow:0 0 8px #7490a0}.dent-photo i{width:120px;height:32px;border:2px solid #a48755;border-radius:50%;position:absolute;transform:rotate(-12deg)}.dent-photo i+ i{transform:rotate(19deg) translate(8px,10px)}.transcript p{border-bottom:1px solid #b8b1a3;padding-bottom:9px}.equipment-lines{width:70%;height:80px;border-top:5px solid #111;border-bottom:10px solid #222;transform:rotate(-2deg)}
.suspect-profile{display:grid;grid-template-columns:210px 1fr;gap:24px}.profile-card{aspect-ratio:2/3;position:relative;border:5px solid #806a3a}.profile-card img{width:100%;height:100%;object-fit:cover}.profile-card div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#030507);padding:30px 10px 12px;text-align:center}.profile-card b{font-family:var(--serif);font-size:1.35rem}.profile-card small{display:block;color:var(--gold)}.profile-facts p{line-height:1.7}.topic-list{display:flex;flex-direction:column;gap:8px;margin-top:18px}.topic-btn{border:1px solid #32404c;background:#111923;color:var(--ink);text-align:left;padding:12px}.topic-btn:hover{border-color:var(--gold2)}.topic-btn.locked{opacity:.4;pointer-events:none}.dialogue-response{margin-top:16px;border-left:2px solid var(--gold);padding:14px;background:#151b22;line-height:1.8}
.report{display:grid;gap:15px}.report-row{display:grid;grid-template-columns:190px 1fr;gap:12px;align-items:center}.report-row label{color:#b8c0c8}.report-row select{width:100%;background:#0a1017;color:var(--ink);border:1px solid #374551;padding:12px}.ending{min-height:440px;display:flex;flex-direction:column;justify-content:end;padding:clamp(28px,7vw,70px);background:linear-gradient(transparent,rgba(5,7,10,.98)),url('assets/scene/study.webp') center/cover}.ending h2{font-size:clamp(2rem,6vw,4rem);margin:0 0 12px}.ending p{max-width:680px;line-height:1.9;color:#c1c7ca}.ending.true h2{color:var(--gold)}.stats{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}.stats span{border-left:1px solid var(--gold2);padding-left:10px;color:#9ea7ae}.toast{position:fixed;left:50%;bottom:90px;z-index:150;transform:translate(-50%,20px);opacity:0;background:#171d24;border:1px solid var(--gold2);padding:11px 18px;box-shadow:var(--shadow);transition:.25s;max-width:88%;text-align:center}.toast.show{transform:translate(-50%,0);opacity:1}.hint-steps{display:grid;gap:10px}.hint-step{padding:13px;border:1px solid #29343f;background:#0b1118}.archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.archive-card{padding:20px;border:1px solid #29343f;background:#0c1219;color:var(--ink);text-align:left}.archive-card.locked{opacity:.35}
@media(max-width:900px){.people-grid{grid-template-columns:repeat(3,1fr)}.board-layout{grid-template-columns:1fr}.case-brief{grid-template-columns:1fr}.objective{display:none}.report-row{grid-template-columns:1fr;gap:6px}}
@media(max-width:620px){.content{padding:14px}.topbar{padding:0 12px;height:58px}.brand{font-size:.95rem}.chapter-chip{font-size:.61rem}.people-grid{grid-template-columns:repeat(2,1fr);gap:12px}.character-card:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.scene-wrap{aspect-ratio:auto;height:54svh;min-height:390px}.scene-img{width:auto;max-width:none;height:100%;position:absolute;left:50%;transform:translateX(-50%)}.hs-door{left:4%;top:36%}.hs-cabinet{left:25%;top:52%}.hs-trophy{left:10%;top:67%}.hs-equipment{left:50%;top:15%}.hs-desk{left:72%;top:52%}.hs-window{right:4%;top:31%}.slots{grid-template-columns:1fr}.slot{min-height:74px}.suspect-profile{grid-template-columns:1fr}.profile-card{width:min(250px,72vw);margin:auto}.theory-grid{grid-template-columns:repeat(2,1fr)}.theory-choice:last-child{grid-column:1/-1}.modal-backdrop{padding:8px}.modal-body{padding:22px 16px}.name-form{flex-direction:column}.title-panel{padding:30px 22px}.section-head{align-items:start}.evidence-grid{grid-template-columns:1fr 1fr}.evidence-card{min-height:145px;padding:12px}.evidence-card h3{font-size:.9rem}.evidence-card p{font-size:.7rem}.ending{min-height:70svh;padding:28px 20px}}
@media(max-width:380px){.evidence-grid{grid-template-columns:1fr}.people-grid{gap:8px}.card-name b{font-size:1rem}.chapter-chip{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.chapter-gate{margin-bottom:90px;scroll-margin-bottom:90px}
.toast{pointer-events:none}
.character-card.has-dialogue{animation:card-breathe 2.8s ease-in-out infinite}.character-card.has-dialogue .card-frame{box-shadow:0 0 18px rgba(211,183,113,.34),inset 0 0 14px rgba(211,183,113,.12)}
@keyframes card-breathe{50%{filter:drop-shadow(0 16px 34px rgba(200,165,91,.38))}}
.vn-overlay{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at 25% 30%,#1b2731,#05070a 68%);padding:clamp(12px,3vw,34px)}.vn-stage{height:100%;max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr);border:1px solid rgba(200,165,91,.28);background:#090d12;box-shadow:0 28px 90px #000;position:relative;overflow:hidden}.vn-portrait{position:relative;min-height:0;overflow:hidden;background:#10171d}.vn-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070a0e 0,transparent 46%),linear-gradient(90deg,transparent 65%,rgba(7,10,14,.75))}.vn-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.72) contrast(1.05)}.vn-portrait>div{position:absolute;z-index:2;left:clamp(20px,4vw,54px);right:20px;bottom:clamp(24px,6vh,70px);display:flex;flex-direction:column}.vn-portrait span,.vn-panel header span{color:var(--gold);font-size:.67rem;letter-spacing:.22em}.vn-portrait b{font-family:var(--serif);font-size:clamp(2.2rem,5vw,4.8rem);font-weight:500;letter-spacing:.12em}.vn-portrait small{color:#c6a85e;letter-spacing:.15em}.vn-panel{padding:clamp(22px,4vw,58px);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:18px;min-height:0;background:linear-gradient(145deg,#111923,#090d12 65%)}.vn-panel header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px}.vn-panel h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,3vw,2.4rem);margin:5px 0 0}.vn-close{width:42px;height:42px;border:1px solid #38434d;background:#0a1016;color:#d9d9d3;font-size:1.4rem;flex:0 0 auto}.vn-history{overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:8px}.vn-history-item{border-left:2px solid #536471;padding:8px 12px;display:grid;gap:4px;color:#aeb6bc;line-height:1.65;font-size:.86rem}.vn-history-item b{color:#d8c27d}.vn-history-item.detective{margin-left:9%;border-left-color:#6f98aa;background:rgba(71,112,129,.08)}.vn-current{border:1px solid rgba(200,165,91,.32);background:rgba(7,11,15,.88);padding:clamp(18px,3vw,30px);box-shadow:0 14px 34px rgba(0,0,0,.28)}.vn-current b{color:var(--gold);letter-spacing:.12em}.vn-current p{font-family:var(--serif);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.8;margin:9px 0 0}.vn-panel footer{display:flex;justify-content:flex-end}.vn-choices{display:grid;gap:10px}.vn-choices button{border:1px solid #384753;background:#101923;color:#e2e1da;text-align:left;padding:15px 18px;min-height:52px}.vn-choices button:hover{border-color:var(--gold);background:#191b17}.vn-evidence-prompt{border-left:2px solid var(--gold);padding:14px 16px;background:rgba(200,165,91,.08);display:flex;align-items:center;justify-content:space-between;gap:16px}.vn-picker{position:absolute;inset:0 0 0 41%;z-index:6;background:rgba(7,10,14,.98);padding:clamp(18px,4vw,48px);overflow:auto}.vn-picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vn-picker-head button{border:1px solid #35414b;background:#101820;color:#ddd;padding:10px 14px}.vn-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vn-picker-grid button{border:1px solid #2e3a45;background:#111923;color:#ddd;text-align:left;padding:14px;display:grid;gap:6px}.vn-picker-grid button:hover{border-color:var(--gold)}.vn-picker-grid span{color:var(--gold);font-family:monospace}.vn-picker-grid small{color:#8f9ba5;line-height:1.45}.dialogue-prologue{filter:none}
.review-list{display:grid;gap:9px;margin-top:18px}.review-list .topic-btn{display:flex;justify-content:space-between;gap:14px;align-items:center}.review-list small{color:#7f8b95;font-weight:400}
@media(max-width:760px){.vn-overlay{padding:0}.vn-stage{grid-template-columns:1fr;grid-template-rows:42svh 58svh;border:0}.vn-portrait>div{left:20px;bottom:14px}.vn-portrait b{font-size:2.25rem}.vn-panel{padding:16px;gap:10px}.vn-panel header{padding-bottom:9px}.vn-panel h2{font-size:1.25rem}.vn-history{font-size:.78rem}.vn-history-item{padding:5px 9px;line-height:1.45}.vn-current{padding:14px}.vn-current p{font-size:1rem;line-height:1.65}.vn-choices button{padding:12px;min-height:48px}.vn-evidence-prompt{padding:10px;align-items:stretch;flex-direction:column}.vn-picker{inset:42svh 0 0;padding:16px}.vn-picker-grid{grid-template-columns:1fr}.vn-picker-grid button{min-height:82px}.vn-close{width:38px;height:38px}.dialogue-prologue{display:block;padding:0}}
.prologue{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:clamp(20px,6vw,72px);overflow:hidden;background:#070a0f url('assets/scene/study.webp') center/cover}.prologue:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.97) 0%,rgba(5,8,12,.77) 48%,rgba(5,8,12,.28) 100%),linear-gradient(0deg,rgba(5,8,12,.92),transparent 60%)}.prologue-dispatch:after,.prologue-victim:after,.prologue-timeline:after,.prologue-arrival:after{content:"";position:absolute;right:8%;top:11%;width:min(34vw,380px);aspect-ratio:3/4;border:1px solid rgba(200,165,91,.28);background:rgba(7,10,15,.72);transform:rotate(2deg);box-shadow:0 28px 70px rgba(0,0,0,.5)}.prologue-dispatch:after{background:linear-gradient(145deg,rgba(16,28,38,.9),rgba(6,9,13,.9)),repeating-linear-gradient(0deg,transparent 0 34px,rgba(200,165,91,.08) 35px)}.prologue-victim:after{background:radial-gradient(circle at 50% 36%,rgba(200,165,91,.34),transparent 9%),linear-gradient(145deg,rgba(18,27,35,.94),rgba(6,9,13,.92))}.prologue-timeline:after{background:linear-gradient(90deg,transparent 49%,rgba(200,165,91,.35) 50%,transparent 51%),linear-gradient(145deg,rgba(12,22,31,.95),rgba(6,9,13,.94))}.prologue-arrival:after{background:linear-gradient(160deg,rgba(111,157,184,.18),rgba(7,10,15,.95))}.prologue-shade{position:absolute;inset:0;box-shadow:inset 0 0 140px rgba(0,0,0,.65)}.prologue-panel{position:relative;z-index:2;width:min(680px,100%);padding:clamp(26px,5vw,52px);background:linear-gradient(145deg,rgba(8,12,17,.96),rgba(10,15,21,.84));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.prologue-panel:before{content:"";position:absolute;left:0;top:42px;width:3px;height:80px;background:var(--gold)}.prologue-panel h1{font-family:var(--serif);font-size:clamp(2.2rem,7vw,4.4rem);line-height:1.08;font-weight:500;margin:.2em 0 .35em;color:#eee8d9}.prologue-copy{color:#c2c9cf;font-family:var(--serif);font-size:clamp(1rem,2.3vw,1.18rem);line-height:1.95}.prologue-copy strong{color:#e1c77f}.prologue-copy blockquote{margin:20px 0;padding:12px 0 12px 18px;border-left:1px solid var(--gold);color:#e0d9c9}.prologue-aside{margin-top:20px;padding:13px 15px;background:rgba(200,165,91,.08);border:1px solid rgba(200,165,91,.18);color:#d8c28a;font-size:.82rem;line-height:1.7}.prologue-progress{display:flex;gap:8px;margin-bottom:22px}.prologue-progress i{display:block;width:28px;height:2px;background:#35404b}.prologue-progress i.active{background:var(--gold)}.intro-timeline{list-style:none;padding:0;margin:0}.intro-timeline li{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}.intro-timeline b{color:var(--gold);font-family:monospace}.onboarding{display:flex;gap:14px;align-items:center;margin:-5px 0 14px;padding:13px 16px;border:1px solid rgba(200,165,91,.3);background:linear-gradient(90deg,rgba(200,165,91,.12),rgba(12,19,26,.72));font-size:.8rem}.onboarding b{color:#e4ca84;white-space:nowrap}.onboarding span{color:#aeb7bf}
@media(max-width:720px){.prologue{align-items:flex-end;padding:12px;min-height:100svh;background-position:62% center}.prologue:before{background:linear-gradient(0deg,rgba(5,8,12,.99) 8%,rgba(5,8,12,.76) 68%,rgba(5,8,12,.38))}.prologue:after{display:none}.prologue-panel{padding:26px 21px;max-height:92svh;overflow:auto}.prologue-panel h1{font-size:2.25rem}.prologue-copy{font-size:.96rem;line-height:1.82}.prologue-aside{margin-top:14px}.intro-timeline li{grid-template-columns:84px 1fr}.onboarding{align-items:flex-start;flex-direction:column;gap:5px}.onboarding b{white-space:normal}}
@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(200,165,91,0),0 0 30px rgba(200,165,91,.45)}}

/* Visual-novel presentation: only the active line stays on stage. */
.vn-panel{grid-template-rows:auto minmax(24px,1fr) auto auto}.vn-dialogue-space{min-height:0}.vn-content{display:grid;gap:12px}.vn-header-actions{display:flex;gap:9px;align-items:flex-start}.vn-log-btn{height:42px;border:1px solid #38434d;background:#0a1016;color:#d8c27d;padding:0 14px;white-space:nowrap}.vn-log-btn:hover{border-color:var(--gold)}
.vn-history-drawer{position:absolute;inset:0 0 0 41%;z-index:8;background:linear-gradient(145deg,#111923,#070a0e 75%);padding:clamp(22px,4vw,58px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:20px;box-shadow:-24px 0 60px rgba(0,0,0,.42)}.vn-history-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.vn-history-head span{color:var(--gold);font-size:.67rem;letter-spacing:.22em}.vn-history-head h3{font-family:var(--serif);font-size:2rem;font-weight:500;margin:5px 0 0}.vn-history-head button{border:1px solid #38434d;background:#0a1016;color:#ddd;padding:10px 16px}.vn-history-list{overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:8px}
@media(max-width:760px){.vn-panel{grid-template-rows:auto minmax(12px,1fr) auto auto}.vn-dialogue-space{min-height:0}.vn-header-actions{gap:6px}.vn-log-btn{height:38px;padding:0 10px;font-size:.72rem}.vn-content{gap:8px}.vn-history-drawer{inset:42svh 0 0;padding:16px}.vn-history-head{padding-bottom:10px}.vn-history-head h3{font-size:1.35rem}.vn-history-list{font-size:.78rem}}

/* Restrained motion language: short state cues, never continuous spectacle. */
button{transition:transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease,box-shadow var(--motion-fast) ease}button:active{transform:translateY(1px) scale(.985)}
.vn-overlay.is-entering{animation:vn-overlay-in var(--motion-mid) ease both}.vn-overlay.is-entering .vn-stage{animation:vn-stage-in var(--motion-mid) var(--ease-out) both}.vn-overlay.is-entering .vn-portrait img{animation:vn-portrait-in var(--motion-slow) var(--ease-soft) both}.vn-overlay.is-entering .vn-portrait>div{animation:vn-caption-in 480ms var(--ease-out) 90ms both}.vn-overlay.is-entering .vn-panel>header{animation:vn-caption-in 420ms var(--ease-out) 70ms both}
.vn-current{transform-origin:50% 100%;animation:vn-line-in 240ms var(--ease-out) both}.vn-current p{animation:vn-text-in 280ms ease 35ms both}.vn-choices button{opacity:0;animation:vn-choice-in 260ms var(--ease-out) both}.vn-choices button:nth-child(1){animation-delay:45ms}.vn-choices button:nth-child(2){animation-delay:95ms}.vn-choices button:nth-child(3){animation-delay:145ms}.vn-evidence-prompt{animation:vn-line-in 260ms var(--ease-out) both}.vn-panel footer .primary{animation:vn-control-in 220ms var(--ease-out) 55ms both}
.vn-history-drawer,.vn-picker{animation:vn-drawer-in var(--motion-mid) var(--ease-out) both}.vn-history-item{animation:vn-log-item-in 220ms var(--ease-out) both}.vn-history-item:nth-child(2){animation-delay:28ms}.vn-history-item:nth-child(3){animation-delay:56ms}.vn-history-item:nth-child(n+4){animation-delay:84ms}.vn-picker-grid button{opacity:0;animation:vn-choice-in 240ms var(--ease-out) both}.vn-picker-grid button:nth-child(2){animation-delay:25ms}.vn-picker-grid button:nth-child(3){animation-delay:50ms}.vn-picker-grid button:nth-child(4){animation-delay:75ms}.vn-picker-grid button:nth-child(n+5){animation-delay:100ms}
.modal-backdrop{animation:vn-overlay-in var(--motion-fast) ease both}.modal{animation:vn-modal-in var(--motion-mid) var(--ease-out) both}.chapter-gate:not(.pending),.result-note{animation:vn-line-in var(--motion-mid) var(--ease-out) both}.toast.show{animation:vn-toast-in var(--motion-mid) var(--ease-out) both}
@keyframes vn-overlay-in{from{opacity:0}to{opacity:1}}@keyframes vn-stage-in{from{opacity:.55;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}@keyframes vn-portrait-in{from{opacity:.72;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes vn-caption-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes vn-line-in{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:none}}@keyframes vn-text-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes vn-choice-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}@keyframes vn-control-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes vn-drawer-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes vn-log-item-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes vn-modal-in{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}@keyframes vn-toast-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:760px){.vn-history-drawer,.vn-picker{animation-name:vn-drawer-up}@keyframes vn-drawer-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
.title-screen h1 em{display:block;color:var(--gold);font-family:var(--sans);font-size:.28em;font-style:normal;letter-spacing:.32em;margin-top:.7em}