@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Ma+Shan+Zheng&display=swap');
:root{--ink:#302a25;--deep:#1d3531;--night:#1d2927;--night2:#2d403b;--paper:#e8ddc9;--paper2:#d7c3a0;--kraft:#b17d4f;--rust:#9f4f38;--gold:#bf9555;--muted:#837466;--blue:#668681;--line:rgba(48,42,37,.22);--sans:'DM Mono',monospace;--hand:'Ma Shan Zheng',cursive}*{box-sizing:border-box}html{background:#112321}body{margin:0;color:var(--ink);font-family:Georgia,'Times New Roman',serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.symbol-library{position:absolute;width:0;height:0;overflow:hidden}.cover-stage{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 17%,#3d5a51 0,#263c38 45%,#142624 100%);perspective:1400px}.cover-stage:before{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#e5d2ad .7px,transparent .8px);background-size:8px 8px}.cover-stage:after{content:"";position:absolute;inset:5vh 5vw;border:1px solid rgba(211,179,116,.18);pointer-events:none}.cover-top{position:absolute;top:7vh;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#d1c3a6;font:9px var(--sans);letter-spacing:.19em}.closed-book{position:relative;transform:rotateY(-10deg) rotateX(2deg);transform-style:preserve-3d;filter:drop-shadow(29px 33px 25px rgba(0,0,0,.43));transition:transform .9s cubic-bezier(.2,.75,.2,1)}.closed-book:hover{transform:rotateY(-3deg) rotateX(1deg) translateY(-10px)}.book-pages{position:absolute;right:-17px;top:10px;bottom:2px;width:17px;background:repeating-linear-gradient(90deg,#8d704e 0 2px,#e2cfaa 2px 4px);transform:skewY(-8deg);transform-origin:left}.book-cover{position:relative;width:min(390px,72vw);aspect-ratio:3/4.25;padding:0;overflow:hidden;background:linear-gradient(135deg,#253936,#1d302f 47%,#3a453a);border:1px solid #cfab68;box-shadow:inset 0 0 0 10px #192a2a,inset 0 0 0 12px rgba(208,165,94,.65);text-align:center}.cover-border{position:absolute;inset:19px;border:1px solid rgba(208,165,94,.5)}.cover-border:before,.cover-border:after{content:"✦";position:absolute;color:#c7a264;font-size:22px}.cover-border:before{left:-11px;top:-14px}.cover-border:after{right:-11px;bottom:-14px}.cover-edition{position:absolute;top:15%;left:0;right:0;color:#d7c292;font:9px var(--sans);letter-spacing:.22em}.cover-title{position:absolute;top:28%;left:0;right:0;color:#f3e5c8;font-size:57px;line-height:.89;letter-spacing:.1em;text-shadow:3px 4px 0 #152726}.cover-title em{font-style:normal;color:#d19958}.cover-emblem{position:absolute;width:100px;height:100px;left:calc(50% - 50px);bottom:21%;fill:none;stroke:#cd9d5c;stroke-width:4;opacity:.8}.cover-english{position:absolute;bottom:14%;left:0;right:0;font:8px var(--sans);letter-spacing:.2em;color:#dbc79c}.cover-case{position:absolute;bottom:8%;left:0;right:0;font-size:10px;letter-spacing:.16em;color:#cfb587}.cover-stamp{position:absolute;right:13%;top:59%;width:58px;height:58px;display:grid;place-items:center;transform:rotate(10deg);border:1px solid rgba(179,87,60,.8);border-radius:50%;color:#b66245;font:10px/1.35 var(--sans)}.bookmark{position:absolute;right:18%;bottom:-18px;width:42px;height:76px;background:#a04f39;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);transform:translateZ(-3px)}.open-command{position:absolute;bottom:14vh;color:#e3d3b4;font:10px var(--sans);letter-spacing:.16em;padding:10px 0}.open-command:after{content:"";display:block;width:100%;height:1px;background:#bda26f;transform:scaleX(.25);transform-origin:left;transition:transform .3s}.open-command:hover:after{transform:scaleX(1)}.open-command i{display:inline-block;margin-left:8px}.cover-bottom{position:absolute;bottom:6vh;left:0;right:0;text-align:center;color:#afaa93;font:italic 13px Georgia;opacity:.8}.reader{min-height:100vh;background:var(--paper);position:relative}.reader[hidden],.case-view[hidden],.evidence-modal[hidden]{display:none!important}.reader-header{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 4vw;background:#eadfc9}.icon-button{width:34px;height:34px;display:grid;place-items:center;color:var(--muted);position:relative}.icon-button svg,.case-tab svg,.primary-button svg,.text-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.icon-button:hover{color:var(--rust)}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 8px);z-index:15;transform:translateX(-50%);white-space:nowrap;padding:5px 7px;background:var(--night);color:#e9dec8;font:9px var(--sans);letter-spacing:.02em}.brand{color:var(--deep);font-size:19px;letter-spacing:.06em}.brand span{font:8px var(--sans);letter-spacing:.18em;color:var(--muted);margin-left:10px}.header-end{display:flex;gap:14px;align-items:center}.case-status{font:9px var(--sans);color:var(--rust);letter-spacing:.1em}.reader-inner{max-width:1320px;margin:0 auto;padding:0 5vw 74px}.case-heading{display:flex;justify-content:space-between;gap:40px;padding:63px 0 38px}.eyebrow,.micro{font:9px var(--sans);letter-spacing:.17em;color:var(--rust);margin:0 0 17px}.case-heading h1{position:relative;font-size:clamp(48px,6.5vw,84px);line-height:.9;font-weight:500;color:var(--deep);margin:0}.handwritten{font-family:var(--hand);font-weight:400;letter-spacing:.02em}.case-heading h1 .handwritten{display:block;position:absolute;left:52%;top:75%;white-space:nowrap;font-size:21px;line-height:1;color:var(--rust);transform:rotate(-5deg)}.case-progress{align-self:end;min-width:190px;padding-bottom:8px;border-left:1px solid var(--line);padding-left:19px;color:var(--muted);font:9px var(--sans)}.case-progress strong{display:block;margin-top:8px;color:var(--deep);font:26px Georgia}.progress-total{font-size:15px;color:#a28e77}.progress-track{height:4px;margin-top:14px;background:#d1c0a7}.progress-track span{display:block;width:0;height:100%;background:var(--rust);transition:width .4s}.case-nav{display:flex;gap:32px;border-bottom:1px solid var(--line)}.case-tab{position:relative;display:flex;align-items:center;gap:8px;padding:0 0 15px;color:#927e6b;font:10px var(--sans);letter-spacing:.08em}.case-tab span{color:#ab9479;font-size:8px;margin-left:3px}.case-tab.is-active{color:var(--rust)}.case-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--rust)}.case-view{padding-top:38px}.case-view.is-visible{display:block;animation:fadeIn .55s both}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:clamp(31px,4vw,56px);line-height:.97;font-weight:500;color:var(--deep);margin:0}.section-heading h2 i{font-style:italic;color:var(--rust)}.table-tip{font:9px/1.6 var(--sans);color:#927e6b;text-align:right;margin:0}.evidence-board{height:670px;position:relative;margin-top:31px;overflow:hidden;background:#ac784c;box-shadow:0 12px 26px rgba(61,42,28,.2);isolation:isolate}.evidence-board:before{content:"";position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(0deg,rgba(77,39,18,.16) 0 1px,transparent 1px 4px),linear-gradient(130deg,#c18b58,#a16c46 72%,#8a5b3b)}.evidence-board:after{content:"";position:absolute;inset:14px;border:1px solid rgba(236,208,161,.28);pointer-events:none}.board-folio{position:absolute;top:19px;color:#e9ce9f;font:8px var(--sans);letter-spacing:.1em;z-index:1}.folio-left{left:22px}.folio-right{right:22px}.paper{background:#e4d2ae}.evidence{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--r));transition:transform .35s,filter .35s;z-index:3;text-align:left}.evidence:hover,.evidence:focus-visible{transform:rotate(0) translateY(-12px) scale(1.065);z-index:10;filter:drop-shadow(8px 13px 10px rgba(50,27,13,.3));outline:none}.evidence-number{position:absolute;right:12px;top:10px;color:#806247;font:9px var(--sans)}.evidence b{font-weight:500}.evidence small{font:9px var(--sans);color:#846b55}.case-letter{position:absolute;left:7%;top:10%;width:278px;height:282px;padding:34px 28px 21px;z-index:4;transform:rotate(-4deg);box-shadow:3px 7px 0 rgba(68,38,20,.2);clip-path:polygon(1% 1%,98% 0,100% 96%,82% 100%,62% 97%,35% 100%,0 95%)}.tape{position:absolute;top:-5px;left:46%;width:72px;height:22px;transform:rotate(-3deg);background:rgba(223,197,148,.72)}.case-letter h2{font-size:25px;font-weight:500;color:#30483f;margin:8px 0 16px}.case-letter p:not(.micro){font-size:12px;line-height:1.8;color:#645748;margin:0 0 9px}.letter-postscript{font-size:18px!important;color:#964c37!important;transform:rotate(-3deg);margin-top:10px!important}.letter-signature{position:absolute;bottom:15px;right:22px;font:9px var(--hand);color:#806048;transform:rotate(-5deg)}.small-stamp{position:absolute;bottom:14px;left:23px;border:1px solid #b06143;border-radius:50%;padding:7px 4px;color:#a85a41;font:8px var(--sans);transform:rotate(-13deg)}.evidence-newspaper{left:57%;top:8%;width:315px;height:230px;padding:26px 24px 18px;box-shadow:3px 7px 0 rgba(68,38,20,.22);background:#e8ddc5}.tape-top{top:-7px;left:32%;transform:rotate(6deg);background:rgba(200,175,126,.76)}.news-masthead{display:block;text-align:center;font-size:30px;letter-spacing:.08em;color:#273e39;border-bottom:3px double #273e39;padding-bottom:4px}.news-date{display:block;text-align:center;font:7px var(--sans);letter-spacing:.16em;color:#856e58;margin:5px 0 14px}.news-headline{display:block;font:500 20px/1.05 Georgia;color:#2d403b}.news-columns{display:block;max-width:180px;margin-top:12px;font-size:10px;line-height:1.45;color:#796755}.news-circled{position:absolute;right:20px;bottom:27px;width:90px;color:#a04f38;font:14px var(--hand);transform:rotate(-9deg);border-bottom:1px solid #a04f38}.examined-mark{position:absolute;bottom:10px;right:12px;color:#a5553f;font:8px var(--sans);letter-spacing:.08em;opacity:.78}.evidence-photo{left:72%;top:45%;width:240px;height:220px;padding:29px 14px 11px;background:#e9dfc9;box-shadow:3px 7px 0 rgba(68,38,20,.22)}.paperclip{position:absolute;left:22px;top:-24px;width:27px;height:58px;border:2px solid #70675d;border-bottom-color:transparent;border-radius:14px;transform:rotate(15deg)}.theatre-photo{display:block;width:212px;height:143px;background:#9aada1}.photo-caption{display:block;font-size:17px;color:#344d45;margin:7px 5px 0;transform:rotate(-3deg)}.photo-time{display:block;font:7px var(--sans);color:#8f7962;margin:4px 5px}.evidence-note{left:37%;top:46%;width:232px;height:225px;padding:28px 24px;background:#dbc496;box-shadow:3px 7px 0 rgba(68,38,20,.2)}.evidence-note:before{content:"";position:absolute;inset:13px;border:1px dashed rgba(132,92,53,.3)}.note-salutation{display:block;margin-top:17px;font-size:18px;color:#344840;transform:rotate(-4deg)}.note-script{display:block;margin:18px 0 8px;font-size:22px;line-height:1.4;color:#3c5048;transform:rotate(-2deg)}.note-sign{display:block;text-align:right;font-size:16px;line-height:1.15;color:#4b5a50;transform:rotate(-5deg)}.note-date{position:absolute;bottom:11px;left:25px;font:8px var(--sans);color:#8e7158}.evidence-fragment{left:5%;top:58%;width:245px;height:184px;padding:28px 22px;background:#d4b98b;box-shadow:3px 7px 0 rgba(68,38,20,.22);clip-path:polygon(1% 3%,97% 0,100% 91%,86% 100%,63% 96%,40% 100%,0 93%)}.fragment-title{display:block;font:34px var(--hand);color:#304c45;margin:22px 0 3px}.spell-line{display:block;font:10px var(--sans);color:#a04f38;letter-spacing:.18em}.fragment-text{display:block;font-size:11px;line-height:1.6;color:#665444;margin-top:11px}.fragment-annotation{position:absolute;right:12px;bottom:19px;font-size:14px;line-height:1.1;color:#a04f38;transform:rotate(-12deg)}.evidence-key{left:53%;top:70%;width:260px;height:153px;padding:27px 20px;background:#d9c4a0;box-shadow:3px 7px 0 rgba(68,38,20,.22)}.key-art{display:block;width:170px;height:71px;margin:15px auto 2px;fill:none;stroke:#3c443f;stroke-width:7}.key-label{display:block;text-align:center;font-size:17px;color:#384943}.key-description{display:block;text-align:center;margin-top:4px}.key-note{position:absolute;right:15px;bottom:15px;font-size:14px;color:#a04f38;transform:rotate(-6deg)}.evidence-seal{left:20%;top:76%;width:215px;height:144px;padding:22px 16px;background:#d7bd91;box-shadow:3px 7px 0 rgba(68,38,20,.21)}.seal-envelope{display:block;position:relative;width:96px;height:69px;margin:10px auto 8px;background:#be9a6c;box-shadow:0 3px 0 rgba(95,57,29,.2)}.envelope-flap{position:absolute;left:0;top:0;border-left:48px solid transparent;border-right:48px solid transparent;border-top:35px solid #a98158}.wax-seal{position:absolute;left:33px;top:26px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#893f30;color:#e0b66f;font:21px Georgia;box-shadow:inset 0 -4px rgba(40,20,15,.18)}.seal-label{display:block;text-align:center;font-size:17px;color:#7a513a}.seal-description{display:block;text-align:center;font:8px var(--sans);color:#846b55;margin-top:4px}.board-annotation{position:absolute;right:7%;bottom:8%;z-index:2;color:#ecd0a1;font-size:19px;line-height:1.3;transform:rotate(-8deg)}.board-footer{display:flex;justify-content:space-between;margin-top:11px;color:#8c7866;font:9px var(--sans)}#boardStatus{color:var(--rust)}.records-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:7vw}.records-main h2{font-size:clamp(40px,5vw,66px);font-weight:500;color:var(--deep);line-height:.95;margin:0 0 43px}.timeline{list-style:none;margin:0;padding:0 0 0 13px;border-left:1px solid #ba9b77}.timeline li{display:grid;grid-template-columns:145px 1fr;gap:28px;padding:0 0 34px 28px;position:relative}.timeline li:before{content:"";position:absolute;left:-6px;top:2px;width:11px;height:11px;border:2px solid var(--rust);border-radius:50%;background:var(--paper)}.timeline time{font:10px var(--sans);color:var(--rust);padding-top:5px}.timeline h3{font-size:25px;font-weight:500;color:var(--deep);margin:0 0 7px}.timeline p{font-size:14px;line-height:1.7;color:#756657;margin:0}.detective-journal{position:relative;align-self:start;min-height:450px;padding:29px 28px 23px;box-shadow:4px 7px 0 rgba(68,38,20,.2);transform:rotate(2deg)}.detective-journal h3{font:30px var(--hand);font-weight:400;color:var(--deep);margin:8px 0 17px}.detective-journal label{display:block;font-size:16px;color:#95513d;transform:rotate(-3deg);margin-bottom:13px}.detective-journal textarea{display:block;width:100%;height:155px;resize:vertical;border:0;border-bottom:1px dashed #a88c70;background:repeating-linear-gradient(to bottom,transparent 0 29px,rgba(128,96,68,.24) 30px);color:#48554a;font:16px/30px var(--hand);outline:none}.detective-journal textarea::placeholder{color:#a8957c}.detective-journal hr{border:0;border-top:1px solid rgba(109,77,51,.28);margin:22px 0 16px}.discovered-list{margin:0;padding:0 0 0 17px;color:#7f6d5a;font:9px/1.8 var(--sans)}.discovered-list li::marker{color:var(--rust)}.case-result{margin:7px 0 0 185px;padding:23px 25px;background:#d4c09e;border-left:2px solid var(--rust)}.case-result h3{font-size:25px;font-weight:500;color:var(--deep);margin:7px 0}.case-result p{font-size:14px;line-height:1.7;color:#6f5d4d;margin:0}.deduction-layout{display:grid;grid-template-columns:1fr 390px;gap:10vw;align-items:start;padding-top:13px}.deduction-intro h2{font-size:clamp(46px,6vw,83px);line-height:.9;color:var(--deep);font-weight:500;margin:0 0 24px}.deduction-intro>p:not(.handwritten){max-width:430px;font-size:15px;line-height:1.8;color:#6f6151}.deduction-evidence{display:inline-block;margin:23px 0 42px;border:1px solid #b49168;padding:9px 13px;color:var(--rust);font:10px var(--sans)}.deduction-intro .handwritten{font-size:21px;color:var(--rust);transform:rotate(-4deg)}.deduction-form{position:relative;padding:35px 30px 29px;box-shadow:5px 8px 0 rgba(68,38,20,.17);transform:rotate(1.5deg)}.deduction-form:before{content:"";position:absolute;inset:13px;border:1px solid rgba(143,88,54,.28);pointer-events:none}.deduction-form>*{position:relative;z-index:1}.deduction-form fieldset{border:0;padding:0;margin:27px 0 24px}.deduction-form legend{font:18px Georgia;color:var(--deep);margin-bottom:14px}.deduction-form label{display:block;color:#655646;font-size:13px;padding:8px 0}.deduction-form input{accent-color:var(--rust);margin-right:9px}.select-label{margin-top:16px;font:9px var(--sans);color:var(--rust)!important;letter-spacing:.1em}.deduction-form select{display:block;width:100%;padding:10px 5px;border:0;border-bottom:1px solid #ad916f;background:transparent;color:#5e5143;font-size:13px;outline:none}.verdict-message{min-height:20px;color:var(--rust);font:10px/1.5 var(--sans);margin:19px 0 8px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--night2);color:#e8dcc2;padding:12px 16px;font:10px var(--sans);letter-spacing:.08em;transition:background .2s,transform .2s}.primary-button:hover{background:#9d4f38;transform:translateY(-2px)}.ending{max-width:720px;margin:36px auto 0;text-align:center;padding:45px 30px 36px;background:#1f3935;color:#eadfc9;box-shadow:8px 10px 0 rgba(32,54,49,.17)}.ending .solved-seal{display:inline-grid;place-items:center;width:77px;height:77px;border:1px solid #d0a35e;border-radius:50%;color:#d0a35e;font:10px var(--sans);transform:rotate(-9deg)}.ending h2{font-size:48px;line-height:.95;font-weight:500;margin:27px 0 17px}.ending>p:not(.eyebrow){max-width:535px;margin:13px auto;font-size:14px;line-height:1.85;color:#cdbfa8}.ending .handwritten{display:block;margin:27px 0 22px;color:#d0a35e;font-size:19px}.text-button{display:inline-flex;gap:8px;align-items:center;color:var(--rust);font:10px var(--sans);padding:10px 0}.reader-footer{position:absolute;bottom:0;left:0;right:0;height:47px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 4vw;color:#9c8a77;font:8px var(--sans);letter-spacing:.1em}.clue-preview{position:fixed;z-index:30;max-width:225px;padding:10px 12px;background:var(--night);color:#e6d7bb;box-shadow:5px 6px 0 rgba(21,29,27,.23);font:10px/1.5 var(--sans);pointer-events:none}.evidence-dialog{width:min(860px,calc(100vw - 40px));padding:0;border:0;background:#e6d7bb;color:var(--ink);box-shadow:12px 15px 0 rgba(18,29,27,.35);overflow:hidden;grid-template-columns:285px 1fr}.evidence-dialog::backdrop{background:rgba(12,26,25,.74);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:13px;top:12px;color:#8a624d;z-index:3}.evidence-dialog[open]{display:grid}.detail-art{min-height:410px;background:#aa7449;position:relative;overflow:hidden}.detail-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(63,33,18,.2) 0 1px,transparent 1px 5px),linear-gradient(145deg,#c39260,#8a5b3c)}.detail-art:after{content:"";position:absolute;inset:35px;border:1px solid rgba(243,214,164,.4);background:radial-gradient(circle at 50% 38%,transparent 0 58px,rgba(31,55,48,.78) 59px 61px,transparent 62px)}.detail-content{padding:43px 44px 29px}.detail-content h2{font-size:44px;line-height:.96;font-weight:500;color:var(--deep);margin:0 0 10px}.detail-origin{font:9px var(--sans);color:var(--rust);letter-spacing:.08em;margin:0 0 23px}.detail-body{font-size:16px;line-height:1.85;color:#665748;min-height:112px}.observation{margin-top:22px;border-top:1px solid rgba(122,86,59,.32);padding-top:14px}.observation .micro{display:block;color:#8a7460;margin-bottom:6px}.observation p{color:var(--rust);font-size:20px;line-height:1.25;margin:0}.detail-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(122,86,59,.32);padding-top:14px;margin-top:24px}.detail-bottom>span{font:9px var(--sans);color:#8a7460}.reset-dialog{border:0;background:#e6d7b8;color:var(--ink);padding:32px;box-shadow:9px 11px 0 rgba(18,29,27,.3);width:min(390px,calc(100vw - 40px))}.reset-dialog::backdrop{background:rgba(12,26,25,.65)}.reset-dialog h2{font-size:28px;font-weight:500;color:var(--deep);margin:0 0 10px}.reset-dialog p{font-size:13px;line-height:1.6;color:#746354}.reset-dialog>div{display:flex;justify-content:flex-end;gap:15px;margin-top:23px}.no-script{padding:20px;background:#e8ddc9}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:850px){.reader-header{height:62px;padding:0 20px}.brand{font-size:17px}.brand span{display:none}.reader-inner{padding:0 20px 70px}.case-heading{display:block;padding:44px 0 30px}.case-heading h1{font-size:51px}.case-heading h1 .handwritten{position:relative;left:8%;top:auto;margin-top:13px;font-size:18px}.case-progress{margin-top:31px;border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.case-nav{gap:20px}.case-tab{font-size:9px}.case-view{padding-top:30px}.section-heading{display:block}.section-heading h2{font-size:34px}.table-tip{text-align:left;margin-top:14px}.evidence-board{height:760px;margin-top:26px}.case-letter{left:4%;top:6%;transform:rotate(-4deg) scale(.78);transform-origin:top left}.evidence-newspaper{left:50%;top:5%;transform:rotate(4deg) scale(.68);transform-origin:top left}.evidence-photo{left:55%;top:42%;transform:rotate(-7deg) scale(.63);transform-origin:top left}.evidence-note{left:17%;top:39%;transform:rotate(8deg) scale(.66);transform-origin:top left}.evidence-fragment{left:3%;top:63%;transform:rotate(6deg) scale(.66);transform-origin:top left}.evidence-key{left:53%;top:70%;transform:rotate(-3deg) scale(.64);transform-origin:top left}.evidence-seal{left:17%;top:80%;transform:rotate(6deg) scale(.62);transform-origin:top left}.board-annotation{right:6%;bottom:3%;font-size:16px}.records-layout,.deduction-layout{grid-template-columns:1fr;gap:42px}.timeline li{grid-template-columns:110px 1fr;gap:15px;padding-left:20px}.detective-journal{max-width:350px;width:100%;margin:0 auto}.deduction-form{max-width:430px;margin:0 auto}.ending{margin-top:10px}.reader-footer{padding:0 20px}.reader-footer span:nth-child(2){display:none}.evidence-dialog{grid-template-columns:1fr}.detail-art{min-height:125px}.detail-art:after{inset:20px}.detail-content{padding:32px 26px 25px}.detail-content h2{font-size:35px}.detail-body{min-height:0}.evidence-dialog .detail-bottom .primary-button{padding:10px 11px;font-size:9px}}@media(max-width:470px){.cover-top{left:20px;right:20px}.cover-title{font-size:51px}.book-cover{width:76vw}.reader-ribbon{font-size:8px}.case-heading h1{font-size:48px}.case-nav{gap:14px}.case-tab{gap:4px;font-size:8px}.case-tab svg{width:14px}.evidence-board{height:650px}.case-letter{transform:rotate(-4deg) scale(.61)}.evidence-newspaper{transform:rotate(4deg) scale(.52)}.evidence-photo{transform:rotate(-7deg) scale(.5)}.evidence-note{transform:rotate(8deg) scale(.52)}.evidence-fragment{transform:rotate(6deg) scale(.51)}.evidence-key{transform:rotate(-3deg) scale(.5)}.evidence-seal{transform:rotate(6deg) scale(.5)}.board-folio{font-size:7px}.timeline li{display:block}.timeline time{display:block;margin-bottom:7px}.timeline h3{font-size:22px}.records-main h2{font-size:43px}.detail-content h2{font-size:31px}}
 .reader.is-open{animation:fadeIn .65s both}.evidence.is-examined:after{content:"✓ 已勘验";position:absolute;right:12px;bottom:9px;color:var(--rust);font:8px var(--sans);letter-spacing:.06em}.detail-art.art-photo:after{background:radial-gradient(ellipse at 50% 65%,#1c332e 0 24px,transparent 25px),linear-gradient(140deg,#6d8175,#c2c5a8 58%,#45564d)}.detail-art.art-key:after{background:none;border:0;content:"⚿";display:grid;place-items:center;color:#293d37;font:130px Georgia}.detail-art.art-seal:after{background:radial-gradient(circle at 50% 50%,#8b4130 0 31px,transparent 32px),linear-gradient(140deg,#b98955,#dfcba4);border:0}.detail-art.art-fragment:after{background:transparent;border:1px dashed rgba(243,214,164,.65);content:"UMBRA · LUNA · REDDE";display:grid;place-items:center;color:#ead2a7;font:16px var(--sans);letter-spacing:.16em}.detail-art.art-note:after{content:"亲爱的姐姐，";display:grid;place-items:center;color:#efd8ae;font:23px var(--hand);background:transparent;border:0}.detail-art.art-news:after{content:"月亮失窃？";display:grid;place-items:center;color:#f0dcb6;background:transparent;border:0;font:32px Georgia}
#coverStage[hidden],#reader[hidden],#investigationPanel[hidden],.case-view[hidden]{display:none!important}
.city-stage{height:100vh;min-height:680px;position:relative;overflow:hidden;background:#101b1c;color:#e9dec6;isolation:isolate}.city-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}.city-stage canvas:active{cursor:grabbing}.city-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 28%,rgba(8,16,17,.08) 54%,rgba(7,13,14,.76) 100%);z-index:2}.city-skyline-label{position:absolute;left:5vw;top:6vh;z-index:3;display:flex;flex-direction:column;gap:7px;text-shadow:0 2px 12px #0b1516}.city-skyline-label span{font:10px var(--sans);letter-spacing:.18em;color:#d5b379}.city-skyline-label small{font-size:13px;color:#d9d1bb}.city-controls{position:absolute;left:5vw;right:5vw;top:13vh;z-index:3;display:flex;justify-content:space-between;color:#a9aa9d;font:8px var(--sans);letter-spacing:.12em}.drag-hint{display:flex;gap:7px;align-items:center;color:#d7c9a8}.drag-hint svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}.detective-dialogue{position:absolute;left:5vw;right:5vw;bottom:6vh;z-index:4;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px 23px 20px 15px;background:rgba(20,33,31,.9);border:1px solid rgba(204,172,106,.35);box-shadow:0 13px 30px rgba(5,11,12,.35);backdrop-filter:blur(10px)}.dialogue-portrait{height:73px;width:57px;position:relative;overflow:hidden;align-self:end}.portrait-hat{position:absolute;left:2px;top:3px;width:53px;height:19px;background:#141e1e;border-radius:55% 55% 10% 10%;transform:rotate(-4deg)}.portrait-hat:after{content:"";position:absolute;left:-7px;top:14px;width:67px;height:7px;background:#253937;transform:rotate(-2deg)}.portrait-face{position:absolute;left:14px;top:19px;width:34px;height:38px;border-radius:48% 48% 44% 44%;background:#d8b892;box-shadow:inset -8px -3px rgba(117,67,51,.2)}.portrait-face:after{content:"";position:absolute;right:5px;top:15px;width:6px;height:4px;background:#2c312b;border-radius:50%}.portrait-coat{position:absolute;left:3px;bottom:-14px;width:55px;height:42px;border-radius:50% 50% 0 0;background:#283d3a;border-top:3px solid #c29255}.dialogue-copy{min-width:0}.dialogue-kicker{font:9px var(--sans);letter-spacing:.15em;color:#d0a966}.dialogue-copy p{font-size:19px;line-height:1.35;color:#f0e4ca;margin:7px 0 4px}.dialogue-copy small{font:9px var(--sans);color:#aeb5a5;letter-spacing:.03em}.enter-case{display:flex;align-items:center;gap:10px;padding:12px 0 12px 19px;border-left:1px solid rgba(204,172,106,.34);color:#d7ac66;font:10px var(--sans);letter-spacing:.08em;white-space:nowrap}.enter-case:hover{color:#fff0c9}.enter-case svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}.city-stage-exit{animation:cityExit .55s ease-in both;pointer-events:none}@keyframes cityExit{to{opacity:0;transform:scale(1.04)}}@media(max-width:700px){.city-stage{min-height:620px}.city-skyline-label{top:5vh;left:20px}.city-controls{left:20px;right:20px;top:12vh}.city-controls>span:last-child{display:none}.detective-dialogue{left:16px;right:16px;bottom:20px;grid-template-columns:52px 1fr;gap:14px;padding:16px}.dialogue-portrait{transform:scale(.78);transform-origin:bottom left}.dialogue-copy p{font-size:16px}.dialogue-copy small{font-size:8px;line-height:1.5;display:block}.enter-case{grid-column:1/-1;border-left:0;border-top:1px solid rgba(204,172,106,.34);padding:13px 0 0;justify-content:flex-end}.reader-footer{position:relative}}