:root{--night:#191410;--wood:#35271c;--cream:#eee1c5;--paper:#e9ddc4;--muted:#bdad91;--gold:#c5a168;--rule:#b8945947;--serif:'Songti SC','STSong','Noto Serif SC',Georgia,serif;--sans:'PingFang SC','Microsoft YaHei',sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--cream);font-family:var(--serif);font-size:16px;line-height:1.7}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f0cd85;outline-offset:5px}button:disabled{opacity:.48}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1{font-size:clamp(26px,3.1vw,46px);letter-spacing:.12em}h2{font-size:30px;line-height:1.6}small{font-size:12px}.eyebrow{font:12px/1.6 Georgia,var(--serif);letter-spacing:.19em;color:var(--gold)}.text-button{background:none;border:0;padding:8px 0;font-size:14px;letter-spacing:.03em}.text-button:hover{color:#ffe1a0}.masthead{height:88px;display:flex;justify-content:space-between;align-items:center;padding:0 4.5%;border-bottom:1px solid var(--rule);background:#1a1511;position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:16px;font-size:18px;letter-spacing:.08em}.wordmark small{display:block;font:10px Georgia;letter-spacing:.22em;color:var(--gold);margin-top:2px}.monogram{font:italic 38px Georgia;color:var(--gold);border-right:1px solid var(--rule);padding-right:18px}.header-actions{display:flex;align-items:center;gap:28px}.chapter-count{font-size:13px;color:var(--muted);border-right:1px solid var(--rule);padding-right:28px}#record-count{font:14px Georgia;color:var(--gold);margin-left:8px}.sound-button{color:var(--muted)}main:focus{outline:none}.site-footer{display:flex;justify-content:space-between;padding:14px 4.5%;font-size:12px;color:var(--muted);border-top:1px solid var(--rule);position:relative;background:#1a1511}.site-footer button{font-size:12px;padding:0}.hall{position:relative;isolation:isolate;min-height:780px;height:calc(100svh - 144px);max-height:1100px;overflow:hidden}.library-background{position:absolute;inset:0 0 18%;background:#302319 url('../assets/optimized/01d30f3c188507d9/library/library-room.webp') center 46%/cover no-repeat;z-index:-3}.hall-shade{position:absolute;inset:0;background:linear-gradient(180deg,#100d09a6,transparent 31%,#17100a15 60%,#191410),linear-gradient(90deg,#120e09a6,transparent 36%,transparent 68%,#120e0980);z-index:-2}.hall-title{text-align:center;padding-top:36px;text-shadow:0 2px 16px #000}.hall-title h1{margin:9px 0 5px}.hall-title>p:last-child{font-size:15px;letter-spacing:.18em;color:#deccb0}.welcome{position:absolute;top:210px;left:5.7%;width:260px;text-shadow:0 2px 10px #000}.welcome>.eyebrow{font-size:11px;margin-bottom:12px}.welcome>p:not(.eyebrow){font-size:21px;line-height:2}.welcome-line{width:34px;height:1px;background:var(--gold);margin:20px 0}.welcome>span{font-size:14px;color:#ddcfb6}.rhyme{position:absolute;right:5%;top:183px;width:210px;text-align:center;padding:22px 17px 25px;background:#22180fcc;border:1px solid #ac895847;box-shadow:0 12px 40px #100a064d}.rhyme-index{font:35px Georgia;color:var(--gold)}.rhyme .eyebrow{font-size:12px;margin:3px 0 14px;letter-spacing:.12em}.rhyme>p:not(.eyebrow){font-size:16px;line-height:2.1;letter-spacing:.06em}.rhyme .crossed{color:#bcaa8d;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#c8b68a}.rhyme .next-rhyme{border-top:1px solid var(--rule);padding-top:10px;margin-top:10px;color:#f4ddb1}.desk{position:absolute;bottom:0;width:100%;height:300px}.desk-art{position:absolute;inset:0;background:#4b3020 url('../assets/optimized/01d30f3c188507d9/library/desk.webp') center 48%/cover;box-shadow:0 -15px 60px #110b0780;z-index:-1}.table-arrangement{max-width:1370px;padding:8px 4.5% 0;margin:auto;display:grid;grid-template-columns:1fr 180px 1fr;gap:14px;align-items:center;height:252px}.bookmark-group{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;align-items:center}.bookmark-slot{position:relative;text-align:center;min-width:0}.bookmark{border:0;background:transparent;position:relative;width:100%;padding:0;display:block;transform:rotate(var(--tilt));transition:transform .35s,filter .35s;filter:drop-shadow(4px 9px 3px #120b09b3);height:178px}.bookmark .prop{height:100%;width:100%}.bookmark:not(:disabled):hover{transform:translateY(-13px) rotate(0)}.bookmark-slot.is-active .bookmark{filter:drop-shadow(0 0 12px #e5b45ca6) drop-shadow(4px 7px 3px #160e09)}.bookmark-slot:not(.is-active) .bookmark:disabled{opacity:.72;filter:sepia(.4) brightness(.65) drop-shadow(3px 6px 3px #130c08)}.slot-number{font:12px Georgia;letter-spacing:.14em;color:#e1c7a2;display:block;margin-top:8px}.pick-hint{position:absolute;top:-35px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:13px;letter-spacing:.08em;color:#ffe2a5;text-shadow:0 1px 8px black}.pick-hint span{margin-left:4px}.bookmark-seal{position:absolute;bottom:15%;left:20%;width:60%;text-align:center;font:16px Georgia;color:#493a29;background:#d7c198;border-block:1px solid #6d563c;padding:1px 0}.central-book{align-self:center;text-align:center;position:relative}.central-book .prop{width:100%;height:190px;filter:drop-shadow(9px 10px 4px #1b100ab3)}.central-book p{font-size:14px;letter-spacing:.14em;margin-top:0;text-shadow:0 1px 4px #000}.central-book p span{display:block;font-size:11px;letter-spacing:.03em;color:#d4be9b;margin-top:2px}.table-caption{text-align:center;color:#cdb594;font-size:12px;letter-spacing:.15em;margin-top:6px}.prop{position:relative;display:block;overflow:hidden;pointer-events:none}.prop img{position:absolute;max-width:none;user-select:none;/* Exact sheet crop values are set after asset inspection. */width:500%;height:100%;object-fit:fill;top:0;left:0}.prop-portrait img{left:0}.prop-clock img{left:-100%}.prop-scales img{left:-200%}.prop-quill img{left:-300%}.prop-book img{left:-400%}.groove{display:grid;place-items:center;margin:auto;width:65%;height:83%;border:1px solid #9c765445;box-shadow:inset 2px 4px 9px #100805b3;background:#160f0a66;border-radius:45% 45% 8px 8px;font:24px Georgia;color:#b68e524d}.just-vanished{animation:vanish-settle 1.4s both}@keyframes vanish-settle{from{filter:drop-shadow(0 0 20px #e5be7d);opacity:.15}to{filter:none;opacity:1}}
.room{max-width:1200px;margin:auto;padding:32px 50px 60px;background:radial-gradient(ellipse at 23% 34%,#5c452126,transparent 55%)}.room-heading{position:relative;text-align:center;margin-bottom:36px}.room-heading>#back-hall{position:absolute;left:0;top:0;color:var(--muted)}.room-heading .eyebrow span{margin-left:20px;color:#a6967f}.room-heading h1{font-size:34px;margin:12px 0}.wall-claim{color:#d5c1a0;font-size:17px;letter-spacing:.08em}.investigation{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-bottom:35px;border-bottom:1px solid var(--rule)}.instrument-label{text-align:center;font-size:15px;letter-spacing:.3em;color:var(--gold);margin-bottom:9px}.year-dial{position:relative;width:100%;max-width:450px;aspect-ratio:1;margin:auto}.dial-rings{position:absolute;inset:3%;border:1px solid #bc945e8f;border-radius:50%;box-shadow:0 0 0 6px #a98a5721,0 0 0 9px #a98a5759,inset 0 0 60px #99702c12}.dial-rings:before{content:'';position:absolute;inset:12%;border:1px solid #bc945e59;border-radius:50%}.year-buttons{position:absolute;inset:0}.year-point{position:absolute;left:50%;top:50%;width:55px;height:36px;margin:-18px -27.5px;transform:rotate(var(--angle)) translateY(-187px) rotate(calc(-1 * var(--angle)));border:1px solid transparent;background:#211a13;color:#bead8e;font:16px Georgia;z-index:2;transition:background .2s}.year-point[aria-pressed=true]{border-color:#d7b777;color:#211709;background:#d2b179;box-shadow:0 0 18px #d7ac5033}.dial-center{position:absolute;inset:28%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dial-center>span:first-child{font:18px Georgia;letter-spacing:.2em;color:var(--gold)}.dial-center strong{font:64px/1.25 Georgia;font-weight:400;color:#f5e3be}.dial-center>span:last-of-type{font-size:12px;color:var(--muted);white-space:nowrap}.month-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.time-meter{width:80%;height:4px;margin-top:20px;background:#453623}.time-meter i{height:100%;width:100%;display:block;background:#ccaa64;transform-origin:left;transition:transform .5s}.year-control{max-width:370px;margin:6px auto 0;text-align:center}.year-control label{font-size:14px;letter-spacing:.08em;color:#d6c4a4}.year-control input{display:block;width:100%;margin:16px 0 3px;accent-color:#cdaa66;cursor:pointer;min-height:24px}.year-control>div{display:flex;justify-content:space-between;font:12px Georgia;color:var(--muted)}.evidence-panel>.eyebrow{font-size:13px;letter-spacing:.1em}.evidence-panel h2{font-size:24px;margin:8px 0 22px}.stat-pair{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--rule);padding:18px 0;margin-bottom:28px}.stat-pair>div+div{border-left:1px solid var(--rule);padding-left:30px}.stat-pair strong{display:block;font:42px/1.2 Georgia;font-weight:400;color:#eddbb5}.stat-pair span{font-size:13px;color:var(--muted)}.months-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.months-heading h3{font-size:14px}.months-heading>span{font-size:12px;color:var(--muted)}.month-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.month-column{display:flex;align-items:center;flex-direction:column;font:11px Georgia;color:var(--muted);gap:7px}.month-value{font-size:10px;white-space:nowrap;color:#dbcaab}.month-track{height:72px;width:100%;max-width:18px;display:flex;align-items:flex-end;background:#d0aa6520}.month-track i{display:block;width:100%;background:#b89a61;transition:height .45s}.month-column.unrecorded .month-track{background:repeating-linear-gradient(135deg,transparent 0 4px,#bfa46d16 4px 5px)}.year-finding{font-size:15px;line-height:1.9;margin:20px 0 14px;padding-left:14px;border-left:2px solid #ad8852;color:#e4d2ad}.source-note{font-family:var(--sans);font-size:11px;color:#a99a83;line-height:1.8}.deduction{padding-top:30px;display:grid;grid-template-columns:1fr 1.3fr;gap:0 40px}.deduction h2{font-size:25px;margin:8px 0}.deduction-heading>p:last-child{font-size:14px;color:var(--muted)}.choice-list{display:grid;gap:10px}.choice{display:grid;grid-template-columns:24px 1fr 14px;gap:12px;align-items:center;border:1px solid #ad875642;background:#bfa26709;text-align:left;padding:14px 16px;font-size:15px;line-height:1.7;transition:background .2s,border .2s}.choice>span:first-child{font:17px Georgia;color:var(--gold)}.choice>span:last-child{color:var(--gold)}.choice:not(:disabled):hover{background:#bfa2671c;border-color:#c3a46c}.choice.is-wrong{border-color:#b87d63;background:#b4775812}.answer-feedback{grid-column:2;font-size:14px;color:#d4ae8e;min-height:24px;margin-top:12px}.result{max-width:1200px;margin:auto;padding:24px 60px 65px;position:relative;overflow:hidden}.result-layout{display:grid;grid-template-columns:230px 1fr;gap:65px;position:relative;z-index:1}.revealed-bookmark{padding-top:45px;text-align:center;animation:reveal 1s both}.revealed-bookmark .prop{width:160px;height:350px;margin:auto;filter:drop-shadow(0 10px 24px #c5a16b29)}.revealed-bookmark .eyebrow{margin-top:24px}.revealed-bookmark h1{font-size:38px;margin:9px 0}.reveal-caption{font-size:12px;color:var(--muted)}.poirot-verdict{padding:34px 0 0}.poirot-verdict h2{font-size:31px;line-height:1.7;margin:12px 0 28px}.poirot-verdict>p:not(.eyebrow){margin:17px 0;font-size:17px;line-height:2}.poirot-verdict>p.stage-direction{font-size:13px;color:var(--muted)}.verdict-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:30px;align-items:center}.primary-button{background:#c3a16a;color:#21190f;border:1px solid #e0c18d;padding:12px 22px;font-size:15px;letter-spacing:.04em}.primary-button:hover{background:#dfc390}.poirot-portrait{position:absolute;width:270px;height:410px;bottom:-55px;left:10px;opacity:.22;mask-image:linear-gradient(black 30%,transparent)}.poirot-portrait .prop{height:100%;width:100%}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.paper-dialog{background:var(--paper);color:#33281d;border:1px solid #ae9164;max-width:600px;width:calc(100% - 32px);max-height:85svh;padding:40px;box-shadow:0 15px 90px #0009;color-scheme:light}.paper-dialog::backdrop{background:#120e0bb8;backdrop-filter:blur(5px)}.paper-dialog .eyebrow{color:#87663c}.paper-dialog h2{margin:7px 0 20px}.paper-dialog h3{font-size:25px}.paper-dialog p{line-height:1.9}.dialog-close{position:absolute;right:14px;top:8px;background:none;border:0;font-size:28px;line-height:44px;width:44px;color:#5e4934}.paper-dialog .text-button{color:#6b4824}.paper-dialog .primary-button{margin-top:20px;background:#624832;color:#fff2d4;border-color:#624832}.dialog-actions{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap}.record-number{font-size:13px;letter-spacing:.1em;color:#7c6144}.paper-dialog dt{font-size:13px;color:#8b6e4a;margin-top:16px}.paper-dialog dd{margin:3px 0 0;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:12px;z-index:30;background:var(--cream);color:var(--night);padding:10px}.skip-link:focus{top:10px}.noscript{padding:40px}
@media(min-width:1500px){.year-point{transform:rotate(var(--angle)) translateY(-187px) rotate(calc(-1 * var(--angle)))}}
@media(max-width:1100px){.masthead{padding-inline:3%}.chapter-count{display:none}.hall{min-height:790px}.table-arrangement{grid-template-columns:1fr 140px 1fr;padding-inline:3%;gap:10px}.bookmark{height:165px}.central-book .prop{height:180px}.welcome{left:4%;width:230px}.welcome>p:not(.eyebrow){font-size:19px}.rhyme{right:4%;width:190px}.investigation{gap:35px}.room{padding-inline:30px}.year-point{transform:rotate(var(--angle)) translateY(-163px) rotate(calc(-1 * var(--angle)))}.result-layout{gap:40px}}
@media(max-width:760px){.masthead{height:76px;padding:0 20px;gap:10px}.wordmark{font-size:14px;gap:10px;letter-spacing:.02em}.wordmark small{font-size:8px;letter-spacing:.12em}.monogram{font-size:29px;padding-right:10px}.header-actions{gap:16px}.text-button{font-size:13px}.sound-button{font-size:0;min-width:28px}.sound-button::after{content:'静音';font-size:12px}.sound-button[aria-pressed=true]::after{content:'有声'}#record-count{display:none}.hall{height:auto;min-height:1030px;max-height:none}.library-background{inset:0 0 300px;background-position:center top}.hall-title{padding:28px 16px 0}.hall-title .eyebrow{font-size:10px}.hall-title h1{font-size:26px;letter-spacing:.06em;margin-top:12px}.hall-title>p:last-child{font-size:13px}.welcome{top:177px;left:24px;width:calc(100% - 48px)}.welcome>p:not(.eyebrow){font-size:19px;line-height:1.8}.welcome>.eyebrow{font-size:10px}.welcome-line{margin:13px 0}.welcome>span{font-size:13px}.rhyme{top:375px;right:24px;width:calc(100% - 48px);padding:14px 18px;text-align:left;display:grid;grid-template-columns:48px 1fr;column-gap:13px;background:#21170fcc}.rhyme-index{grid-row:1 / 3;align-self:center;font-size:32px;text-align:center;border-right:1px solid var(--rule)}.rhyme .eyebrow{margin:0;font-size:11px}.rhyme>p:not(.eyebrow){font-size:14px;line-height:1.85;letter-spacing:.03em}.rhyme br:nth-of-type(odd){display:none}.rhyme .next-rhyme{grid-column:2;padding-top:6px;margin-top:6px;font-size:13px}.desk{height:445px;bottom:0}.table-arrangement{height:auto;max-width:580px;grid-template-columns:1fr 110px;gap:10px 0;padding:24px 16px 0}.bookmark-group{gap:3px}.bookmark-group:last-child{grid-column:1 / -1;margin-inline:28px}.central-book{grid-row:1;grid-column:2}.central-book .prop{height:155px}.central-book p{font-size:12px;letter-spacing:.04em}.central-book p span{font-size:10px;line-height:1.5}.bookmark{height:137px}.bookmark-group:last-child .bookmark{height:148px}.pick-hint{font-size:11px;top:-25px;letter-spacing:0}.slot-number{font-size:10px;margin-top:4px}.bookmark-seal{font-size:12px}.table-caption{margin-top:15px;font-size:11px}.site-footer{padding:12px 20px;gap:10px;font-size:10px}.site-footer>span:first-child{max-width:130px}.site-footer button{font-size:11px}.room{padding:18px 22px 35px}.room-heading{padding-top:38px;margin-bottom:25px}.room-heading>#back-hall{top:0}.room-heading h1{font-size:28px;margin:12px 0}.wall-claim{font-size:14px;letter-spacing:0}.room-heading .eyebrow{font-size:11px}.investigation{grid-template-columns:1fr;gap:28px}.year-dial{max-width:355px}.year-point{font-size:14px;width:48px;margin-left:-24px;transform:rotate(var(--angle)) translateY(-148px) rotate(calc(-1 * var(--angle)))}.dial-center strong{font-size:52px}.year-control{max-width:320px}.evidence-panel h2{font-size:23px;margin-top:7px}.stat-pair{padding-block:16px;margin-bottom:22px}.stat-pair strong{font-size:37px}.month-track{height:80px}.month-chart{gap:6px}.month-column,.month-value{font-size:11px}.deduction{grid-template-columns:1fr;gap:22px;padding-top:26px}.deduction h2{font-size:24px}.choice{font-size:16px;padding:16px 12px}.answer-feedback{grid-column:1;margin-top:0}.result{padding:16px 24px 40px}.result-layout{grid-template-columns:1fr;gap:0}.revealed-bookmark{padding-top:10px}.revealed-bookmark .prop{width:110px;height:235px}.revealed-bookmark .eyebrow{margin-top:14px}.revealed-bookmark h1{font-size:33px}.poirot-verdict{padding-top:30px}.poirot-verdict h2{font-size:27px;margin-bottom:24px}.poirot-verdict>p:not(.eyebrow){font-size:16px}.poirot-portrait{display:none}.verdict-actions{gap:10px}.primary-button{padding:13px 18px}.paper-dialog{padding:32px 25px}.paper-dialog h2{font-size:26px}}
@media(max-width:380px){.masthead{padding-inline:12px}.header-actions{gap:10px}.wordmark{font-size:13px}.table-arrangement{grid-template-columns:1fr 90px;padding-inline:10px}.bookmark{height:122px}.year-point{transform:rotate(var(--angle)) translateY(-132px) rotate(calc(-1 * var(--angle)))}.rhyme{left:18px;width:calc(100% - 36px)}.room{padding-inline:18px}.month-chart{gap:4px}.month-value{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Raster props are cropped and masked in their original coordinate space. */
.prop svg{display:block;width:100%;height:100%}.host-signature{display:flex;gap:14px;align-items:center;margin-bottom:6px}.host-portrait{width:57px;height:96px;filter:drop-shadow(2px 3px 3px #0007)}.host-signature .eyebrow{font-size:12px;line-height:1.8}.welcome{top:168px;width:285px}.welcome>p:not(.eyebrow){font-size:18px;line-height:1.85}.welcome-line{margin:13px 0}.bookmark:not(.is-active) .prop{padding-inline:2px}
@media(max-width:760px){.welcome{top:169px;left:24px;width:calc(100% - 48px)}.host-signature{float:left;flex-direction:column;gap:3px;margin:0 20px 0 0;width:63px}.host-portrait{height:110px;width:63px}.host-signature .eyebrow{font-size:8px;text-align:center}.welcome>p:not(.eyebrow){font-size:18px;line-height:1.9}.welcome-line{margin-left:83px}.welcome>span{font-size:12px}}
.year-dial{container-type:inline-size}.year-point{transform:rotate(var(--angle)) translateY(-41cqw) rotate(calc(-1 * var(--angle)))}
.departing .revealed-bookmark .prop{animation:paper-depart .75s ease-in both}.departing .revealed-bookmark h1{animation:ink-fade .6s ease-in both}
@keyframes paper-depart{0%{transform:translateY(0) rotate(0);opacity:1}45%{transform:translateY(-22px) rotate(-8deg);opacity:.9}100%{transform:translateY(45px) rotate(12deg) scale(.88);opacity:0}}
@keyframes ink-fade{to{opacity:0;letter-spacing:.3em;filter:blur(3px)}}
/* Scene rhythm: a quiet hall, a highlighted action, then a lit reading surface. */
.hall-title{padding-top:30px}.hall-title h1{font-size:clamp(27px,3vw,43px)}
.hall .bookmark-slot.is-active{z-index:2}.hall .bookmark-slot.is-active .bookmark{height:194px;filter:drop-shadow(0 0 20px #e5b45c80) drop-shadow(4px 9px 4px #160e09)}
.hall .bookmark-slot.is-active .pick-hint{color:#ffe9b8;font-size:14px}.rhyme{background:#22180f9c;border-color:#ac89582e}
.evidence-panel{background:#eee3cc;color:#33291d;padding:30px 32px;box-shadow:0 14px 45px #08050340;border-top:3px solid #b18c52}
.evidence-panel>.eyebrow{color:#795b32}.evidence-panel h2{color:#302619}.evidence-panel .stat-pair{border-color:#94734745}.evidence-panel .stat-pair>div+div{border-color:#94734745}.evidence-panel .stat-pair strong{color:#392b19}.evidence-panel .stat-pair span,.evidence-panel .months-heading>span{color:#6c5b43}.evidence-panel .month-column,.evidence-panel .month-value{color:#5b4931}.evidence-panel .month-track{background:#9774471a}.evidence-panel .month-track i{background:#916e39}.evidence-panel .year-finding{color:#473620;border-color:#977447}.evidence-panel .source-note{color:#6b5b45;font-size:12px}
.deduction{background:#eee3cc;color:#33291d;margin-top:36px;padding:30px 32px;box-shadow:0 10px 35px #08050326}.deduction .eyebrow{color:#795b32}.deduction-heading>p:last-child{color:#705d43}.choice{background:#faf3e5;border-color:#ad875666;color:#33291d}.choice>span:first-child,.choice>span:last-child{color:#88642f}.choice:not(:disabled):hover{background:#fffaf0;border-color:#8d6a38}.choice:disabled{opacity:.62}.choice.is-wrong{border-color:#955638;background:#efd9c5}.answer-feedback{color:#7d472c}.evidence-panel :focus-visible,.deduction :focus-visible{outline-color:#745124}
.instrument-area{padding-block:18px}.instrument-label{font-size:17px}.year-dial{max-width:470px}.dial-center strong{font-size:70px}.room{animation:room-arrive .55s ease-out both}.room-heading{margin-bottom:42px}
.is-entering .library-background,.is-entering .hall-title,.is-entering .welcome,.is-entering .rhyme{transition:opacity .6s,transform .65s;opacity:.18;transform:scale(1.025)}
.is-entering .bookmark:not(.is-lifting){opacity:.25;transition:opacity .4s}.bookmark.is-lifting{animation:bookmark-enter .65s ease-in both!important;opacity:1!important}
@keyframes bookmark-enter{0%{transform:rotate(var(--tilt));opacity:1}55%{transform:translateY(-55px) rotate(0) scale(1.2);opacity:1}100%{transform:translateY(-100px) rotate(0) scale(1.45);opacity:0}}
@keyframes room-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){
 .hall{display:flex;flex-direction:column;min-height:0;height:auto;max-height:none;overflow:hidden;padding-bottom:22px}
 .library-background{inset:0;background-position:center top;background-size:auto 720px;background-repeat:no-repeat}
 .hall-shade{background:linear-gradient(180deg,#100d0940,transparent 35%,#191410 88%)}
 .hall-title{padding:22px 16px 0}.hall-title h1{font-size:26px;margin:9px 0 5px}.hall-title>.eyebrow{font-size:10px}
 .welcome{position:relative;top:auto;left:auto;width:auto;margin:22px 24px 0;min-height:114px}
 .host-signature{margin-right:18px;width:55px}.host-portrait{width:55px;height:94px}.host-signature .eyebrow{font-size:8px}
 .welcome>p:not(.eyebrow){font-size:17px;line-height:1.7}.welcome>p br{display:none}.welcome-line{display:none}.welcome>span{display:block;font-size:13px;margin-top:9px;color:#e8d7b7}
 .desk{position:relative;bottom:auto;height:auto;margin-top:25px;padding-bottom:14px;order:3}
 .desk-art{background-position:center;box-shadow:0 -10px 35px #100b0750}
 .table-arrangement{padding-top:31px;grid-template-columns:1fr 100px;gap:14px 4px;align-items:center}
 .bookmark-group{align-items:end}.bookmark{height:112px}.hall .bookmark-slot.is-active .bookmark{height:156px}.hall .bookmark-slot.is-active .pick-hint{font-size:12px;top:-27px}
 .central-book .prop{height:142px}.central-book p span{font-size:11px}.bookmark-group:last-child{margin-inline:24px}.bookmark-group:last-child .bookmark{height:120px}.table-caption{margin-top:14px}
 .rhyme{position:relative;top:auto;right:auto;left:auto;order:4;width:auto;margin:18px 20px 0;padding:16px 18px;background:#21180fa6;grid-template-columns:32px 1fr;gap:10px}
 .rhyme-index{font-size:26px}.rhyme>p:not(.eyebrow){font-size:14px;line-height:2;letter-spacing:0}.rhyme br{display:block!important}
 .rhyme .next-rhyme{font-size:14px}.room-heading{margin-bottom:20px}.room{padding-inline:18px}.investigation{gap:24px}.year-dial{max-width:355px}.dial-center strong{font-size:55px}
 .evidence-panel{padding:25px 20px}.deduction{padding:25px 20px;margin-top:26px}.deduction h2{font-size:23px}.choice{padding:13px 10px;grid-template-columns:18px 1fr 12px;gap:9px}.month-chart{gap:4px}.month-value{font-size:10px}.source-note{font-size:12px}
}
@media(max-width:380px){.table-arrangement{grid-template-columns:1fr 85px;padding-inline:12px}.hall-title h1{font-size:24px}.welcome{margin-inline:20px}.welcome>p:not(.eyebrow){font-size:16px}.central-book .prop{height:128px}.evidence-panel,.deduction{padding-inline:16px}}

/* Stable hall shared by the scrolling opening and saved investigations. */
.cinematic-hall{min-height:800px}
.cinematic-hall .library-background{inset:0;background-position:center 45%}
.cinematic-hall .welcome{top:160px;left:4.5%;width:260px;margin:0;z-index:3}
.cinematic-hall .host-signature{float:none;display:flex;flex-direction:row;width:auto;gap:18px;margin:0 0 12px}
.cinematic-hall .host-portrait{width:90px;height:154px;flex-shrink:0}
.cinematic-hall .host-signature .eyebrow{font-size:12px;text-align:left}
.hall-speech>p{font-size:18px;line-height:1.9;text-shadow:0 2px 10px #000}
.hall-speech>span{display:block;margin-top:14px;font-size:14px;color:#e2cba5}
.opening-speech{display:none}
.cinematic-hall .rhyme{top:172px;right:5%;width:228px;padding:24px 18px;margin:0;background:linear-gradient(120deg,#f2e7ce,#d9c4a1);color:#3b2d1e;border:1px solid #ba9b6b;box-shadow:0 18px 50px #0c070780;z-index:4;text-align:center;display:block}
.cinematic-hall .rhyme .eyebrow,.cinematic-hall .rhyme-index{color:#806139}
.current-verse{font-size:16px;line-height:2;letter-spacing:.035em}
.current-poem .text-button{margin-top:12px;color:#745129;border-top:1px solid #98764766;font-size:14px}
.previous-verse{font-size:14px;margin:5px 0 12px;color:#897356}
.cinematic-hall .rhyme .crossed,.poem-stanza.crossed{color:#897356;text-decoration:line-through;text-decoration-color:#755a3c}
.poem-verses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 48px;text-align:center}
.poem-stanza{position:relative;font-size:18px;line-height:2;letter-spacing:.04em;break-inside:avoid}
.stanza-number{display:block;font:12px/1.8 Georgia;color:#8e6d40;letter-spacing:.18em;margin-bottom:8px}
.poem-postscript{margin:64px 0 16px;font-size:16px;line-height:1.9;color:#7a6142;text-align:center}
.rhyme-dialog{max-width:820px}.rhyme-dialog:focus-visible,.rhyme :focus-visible{outline-color:#76512b}
#replay-opening[hidden]{display:none}
.ambient-light{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 52% 35%,#efb76721,transparent 52%);animation:lamplight 9s ease-in-out infinite alternate}
@keyframes lamplight{to{opacity:.55}}
.opening-settled .bookmark-slot.is-active .bookmark{animation:bookmark-invite .6s ease-in-out both}
@keyframes bookmark-invite{0%,100%{transform:rotate(var(--tilt))}45%{transform:translateY(-14px) rotate(0)}}
.case-return .current-verse{animation:reveal .5s both}.case-return .bookmark-slot.is-active{animation:reveal .5s .3s both}
/* Native document scrolling drives the light, text exposure and final composition. */
.scroll-opening .masthead{position:absolute;top:0;width:100%;background:transparent;border-color:#e6c78c25}
.scroll-opening .header-actions{visibility:hidden}
.scroll-story{position:relative;isolation:isolate;--approach:0;--hero-fade:1}
.story-backdrop{position:sticky;top:0;height:100svh;margin-bottom:-100svh;z-index:-2;overflow:hidden;pointer-events:none}
.story-room{position:absolute;inset:-3%;background:#21180f url('../assets/optimized/01d30f3c188507d9/library/library-room.webp') center/cover;transform:scale(calc(1 + var(--approach) * .07));filter:brightness(calc(.72 - var(--approach) * .2))}
.story-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#100c0970,transparent 30%,#120c0870),linear-gradient(90deg,#100a0966,transparent 60%,#100a0933)}
.story-skip{position:fixed;top:104px;right:4.5%;z-index:8;padding:8px 14px;border:1px solid #c5a16855;background:#19120ccc;color:#e9d3a9;font-size:14px}
.story-skip[hidden]{display:none}
.story-hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;padding:140px 28px 120px}
.story-hero-copy{opacity:var(--hero-fade);transform:translateY(calc(var(--approach) * -35px));text-shadow:0 4px 38px #050302}
.story-hero .eyebrow{font-size:14px;letter-spacing:.3em;color:#dfc492}
.story-hero h1{font-size:clamp(42px,6.5vw,96px);line-height:1.45;letter-spacing:.07em;margin:25px 0 22px;color:#f6ead1}
.story-hero-copy>p:last-child{font-size:18px;letter-spacing:.12em;color:#e2cfaf}
.scroll-cue{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);font-size:14px;letter-spacing:.12em;color:#e5d4b5;display:grid;gap:8px;text-align:center;padding:10px 22px}
.scroll-cue span{font-size:25px;line-height:1}
.story-invitation{min-height:70svh;display:grid;place-items:center;text-align:center;padding:100px 28px 150px}
.story-invitation h2{font-size:clamp(30px,4vw,54px);margin:20px 0;letter-spacing:.08em}
.story-invitation>div>p:last-child{font-size:19px;line-height:2.1;color:#e4d1af}
.story-poem{padding:0 24px 22svh;position:relative}
.story-paper{max-width:620px;margin:auto;padding:48px 40px;background:#eee4cf url('../assets/optimized/01d30f3c188507d9/library/letter-paper.webp') center/100% 100%;color:#392c20;border:1px solid #c2ad8766;box-shadow:0 24px 65px #0007,inset 0 0 32px #8b694725}
.story-paper header{text-align:center;margin-bottom:36px}
.story-paper .poem-verses{grid-template-columns:repeat(2,minmax(0,1fr));max-width:360px;margin-inline:auto;gap:24px 36px}
.story-paper .poem-postscript{margin-top:36px}
.story-paper .eyebrow{color:#806139;font-size:13px}
.story-paper h2{font-size:clamp(30px,4vw,45px);letter-spacing:.15em;margin-top:14px}
.scroll-story [data-scroll-reveal],.scroll-story .poem-stanza{--exposure:0;opacity:var(--exposure);transform:translateY(calc((1 - var(--exposure)) * 38px))}
.story-arrival{position:relative;min-height:calc(100svh + 125svh);--settle:0;--desk-light:0;--host-light:0}
.story-arrival .hall{position:sticky;top:0;height:100svh;min-height:700px;max-height:none}
.story-arrival .library-background{background:none}
.story-arrival .welcome{left:calc(4.5% + (1 - var(--settle)) * 34%);top:calc(160px + (1 - var(--settle)) * 20px);opacity:var(--host-light);width:280px}
.story-arrival .host-signature{gap:18px}
.story-arrival .host-portrait{width:calc(90px + (1 - var(--settle)) * 60px);height:calc(154px + (1 - var(--settle)) * 103px)}
.story-arrival .host-words{display:grid}
.story-arrival .opening-speech,.story-arrival .hall-speech{grid-area:1/1}
.story-arrival .opening-speech{display:block;opacity:calc(1 - var(--settle) * 1.5)}
.opening-speech h2{font-size:26px;line-height:1.7;margin-bottom:14px}
.opening-speech p{font-size:17px;line-height:1.9;margin-bottom:10px}
.opening-speech .arrival-hint{color:#d3b782;font-size:14px;margin-top:24px}
.story-arrival .hall-speech,.story-arrival .hall-title{opacity:var(--settle)}
.story-arrival .rhyme{opacity:var(--settle);transform:translateY(calc((1 - var(--settle)) * 70px))}
.story-arrival .desk{opacity:var(--desk-light);transform:translateY(calc((1 - var(--desk-light)) * 90px)) scale(calc(.94 + var(--desk-light) * .06));transform-origin:center bottom}
.story-mobile-host{display:none}
@media(max-width:760px){
 .cinematic-hall{min-height:0}
 .cinematic-hall .welcome{position:relative;top:auto;left:auto;width:auto;margin:20px 24px 0;min-height:105px;display:flex;gap:18px;align-items:center}
 .cinematic-hall .host-signature{flex:0 0 55px;flex-direction:column;gap:2px;margin:0}
 .cinematic-hall .host-portrait{width:55px;height:94px}
 .cinematic-hall .host-signature .eyebrow{font-size:8px;text-align:center}
 .hall-speech>p{font-size:16px;line-height:1.7}.hall-speech>span{font-size:13px;margin-top:8px}
 .cinematic-hall .rhyme{position:relative;top:auto;left:auto;right:auto;width:auto;margin:18px 20px 0;padding:18px 20px;order:4}
 .current-poem{display:grid;grid-template-columns:32px 1fr;gap:5px 15px;text-align:left}
 .current-poem .rhyme-index{grid-row:1/4;font-size:26px;align-self:center}
 .current-poem .eyebrow{margin:0}.current-poem .current-verse,.current-poem .previous-verse,.current-poem .text-button{grid-column:2}
 .current-poem .text-button{justify-self:start;margin-top:5px}.current-poem .current-verse{font-size:16px}
 .poem-verses{grid-template-columns:1fr;gap:34px}.poem-stanza{font-size:18px;line-height:2;letter-spacing:0}
 .story-paper{max-width:420px;padding:36px 22px}.story-paper header{margin-bottom:30px}
 .story-paper .poem-verses{grid-template-columns:minmax(0,1fr);gap:26px}
 .story-poem{padding-inline:16px;padding-bottom:8svh}.story-paper h2{font-size:28px}
 .story-skip{top:90px;right:20px;font-size:13px}
 .story-hero{padding-inline:24px}.story-hero h1{font-size:clamp(36px,8vw,58px)}
 .story-hero-copy>p:last-child{font-size:16px}.story-invitation{min-height:65svh;padding:90px 24px}
 .story-invitation>div>p:last-child{font-size:17px}
 .site-footer{flex-wrap:wrap}.site-footer>span:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
}
/* Small/short viewports and reduced motion use the same chapters in natural flow. */
@media(max-width:760px),(max-height:700px),(prefers-reduced-motion:reduce){
 .story-arrival{min-height:0}
 .story-arrival .hall{position:relative;top:auto;height:auto;min-height:800px}
 .story-arrival .welcome{left:4.5%;top:160px;opacity:1;width:260px}
 .story-arrival .host-portrait{width:90px;height:154px}
 .story-arrival .opening-speech{display:none}
 .story-arrival .hall-speech,.story-arrival .hall-title,.story-arrival .desk,.story-arrival .rhyme{opacity:1;transform:none}
 .story-mobile-host{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:95svh;text-align:center;padding:100px 24px}
 .story-mobile-host .prop{width:170px;height:290px;margin:0 auto 25px}
 .story-mobile-host h2{font-size:28px;margin:15px 0}.story-mobile-host p:not(.eyebrow){font-size:17px;line-height:2;color:#e2cfaf}
}
@media(max-width:760px){
 .story-arrival .hall{min-height:0}
 .story-arrival .welcome{left:auto;top:auto;width:auto}
 .story-arrival .host-portrait{width:55px;height:94px}
 .story-arrival .rhyme{left:auto;top:auto}
}
@media(prefers-reduced-motion:reduce){
 .story-room,.story-hero-copy,.scroll-story [data-scroll-reveal],.scroll-story .poem-stanza{transform:none;opacity:1}
 .story-room{filter:brightness(.6)}
}

/* The first room begins with an object; evidence unfolds below it. */
.room.room-with-clock{position:relative;isolation:isolate;max-width:none;margin:0;padding:0 0 72px;background:#191410}
.room-with-clock::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#19141044,#191410b8),url('../assets/optimized/01d30f3c188507d9/library/clock-study.webp') center/cover;opacity:.5;pointer-events:none}
.room-hero{position:relative;min-height:max(650px,calc(100svh - 88px),60vw);background:linear-gradient(90deg,#100c099c,transparent 60%),linear-gradient(0deg,#191410,transparent 24%),url('../assets/optimized/01d30f3c188507d9/library/clock-study.webp') center/cover}
.room-hero .room-heading{position:relative;z-index:2;max-width:520px;width:42%;padding:115px 0 140px;margin:0 0 0 7%;text-align:left;text-shadow:0 3px 24px #100904}
.room-hero .room-heading>#back-hall{top:25px;left:0;color:#e6d2af}
.room-hero .room-heading h1{font-size:clamp(30px,3.5vw,52px);line-height:1.5;margin:22px 0 26px;letter-spacing:.06em}
.room-hero .wall-claim{font-size:clamp(18px,1.8vw,25px);line-height:1.9;color:#f1dfbe;letter-spacing:.03em}
.clock-prologue{font-size:17px;line-height:1.9;color:#cbb69a;margin-top:28px}
.clock-hotspot{position:absolute;left:52%;top:16%;width:39%;height:65%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:15px;border-radius:35% 35% 3px 3px}
.clock-hotspot>span{padding:8px 16px;background:#20160ed6;border:1px solid #c9a67588;font-size:14px;color:#f6dfb8;box-shadow:0 5px 20px #120c0977;transition:transform .3s,background .3s}
.clock-hotspot:hover>span,.clock-hotspot:focus-visible>span{transform:translateY(-5px);background:#4d3625}
.room-scroll-cue{position:absolute;bottom:26px;width:100%;text-align:center;font-size:14px;letter-spacing:.08em;color:#ddc7a5}
.room-scroll-cue span{display:block;font-size:22px;margin-top:4px}
.room-statistics{max-width:1200px;margin:auto;padding:50px 50px 0;scroll-margin-top:24px}
.room-statistics:focus{outline:none}
.statistics-heading{text-align:center;margin:0 0 40px;text-shadow:0 2px 16px #100b08}
.statistics-heading h2{font-size:clamp(25px,3vw,37px);margin:12px 0}.statistics-heading>p:last-child{font-size:16px;color:#cfbda1}
.room-statistics .instrument-area{background:radial-gradient(ellipse,#20180fdd,#21180f99 65%,transparent);border:1px solid #c5a16830;padding:24px 12px}
.room-statistics.can-unfold .investigation{opacity:.3;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.7,.2,1)}
.room-statistics.can-unfold.is-unfolded .investigation{opacity:1;transform:none}
@media(max-width:760px){
 .room.room-with-clock{padding:0 0 36px}
 .room-hero{min-height:max(780px,calc(100svh - 76px));background-position:70% center;background-image:linear-gradient(180deg,#100c09bd,transparent 38%,#191410 98%),url('../assets/optimized/01d30f3c188507d9/library/clock-study.webp')}
 .room-hero .room-heading{width:auto;max-width:none;margin:0;padding:78px 24px 0;text-align:left}
 .room-hero .room-heading>#back-hall{top:20px;left:24px}
 .room-hero .room-heading .eyebrow{font-size:11px}
 .room-hero .room-heading h1{font-size:29px;margin:12px 0}
 .room-hero .wall-claim{font-size:16px;line-height:1.8}.room-hero .wall-claim br{display:none}
 .clock-prologue{display:none}
 .clock-hotspot{left:20%;width:70%;top:39%;height:43%;padding-bottom:0}
 .room-scroll-cue{font-size:13px;bottom:24px}
 .room-statistics{padding:35px 18px 0;scroll-margin-top:12px}
 .statistics-heading{margin-bottom:28px}.statistics-heading h2{font-size:26px}.statistics-heading>p:last-child{font-size:15px}
 .room-statistics .instrument-area{padding:22px 4px}
}
@media(prefers-reduced-motion:reduce){.room-statistics.can-unfold .investigation{opacity:1;transform:none}}

/* Keep only the back link positioned; exploration follows its paragraph. */
.dial-hand{position:absolute;left:calc(50% - 1px);top:10%;width:2px;height:40%;background:linear-gradient(#e8c47d 0 28%,transparent 28%);transform-origin:50% 100%;transform:rotate(var(--dial-angle,-80deg));transition:transform .75s cubic-bezier(.25,.75,.2,1);pointer-events:none}
.dial-hand::before{content:'';position:absolute;top:0;left:-3px;width:8px;height:8px;border-radius:50%;background:#f2d18c;box-shadow:0 0 10px #d2a65d88}
.clock-playback-status{text-align:center;padding:12px 8px 2px;min-height:82px}
#clock-mode{font-size:14px;line-height:1.8;color:#d7c4a5}
#clock-sound{font-size:13px;color:#e7c78e;padding:5px 10px;text-decoration:underline;text-underline-offset:4px}
.thought-pause{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;margin:30px 0;color:#ecdfc7;text-shadow:0 2px 15px #080503}
.thought-pause h2{font-size:clamp(25px,3vw,36px);margin:16px 0 20px}
.thought-pause>p:last-of-type{font-size:18px;line-height:2;color:#dbc8aa}
.thought-pause>span{margin-top:28px;font-size:24px;color:#bfa270}
.room-statistics .deduction{background:transparent;box-shadow:none;margin-top:0;padding:0;border:0;align-items:start;gap:24px 30px}
.room-statistics .deduction-heading{padding:28px;background:#eee3cc;box-shadow:0 10px 35px #08050326}
.room-statistics .deduction-heading h2{font-size:clamp(24px,2.7vw,30px)}
.room-statistics .choice{padding:20px 18px;line-height:1.9}
.room-statistics .answer-feedback:not(:empty){background:#eee3cc;padding:16px 22px;margin-top:0}
.scroll-unfold{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .9s cubic-bezier(.22,.7,.2,1)}
.scroll-unfold.is-revealed,.scroll-unfold:focus-within{opacity:1;transform:none}
.choice-list.scroll-unfold .choice{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .75s,background .2s,border-color .2s}
.choice-list.scroll-unfold.is-revealed .choice{opacity:1;transform:none}
.choice-list.scroll-unfold.is-revealed .choice:nth-child(1){transition-delay:.35s}
.choice-list.scroll-unfold.is-revealed .choice:nth-child(2){transition-delay:.55s}
.choice-list.scroll-unfold.is-revealed .choice:nth-child(3){transition-delay:.75s}
.choice-list.scroll-unfold.is-revealed .choice:disabled{opacity:.62}
.choice-list.scroll-unfold:focus-within .choice:nth-child(n){opacity:1;transform:none;transition-delay:0s}
@media(max-width:760px){
 .thought-pause{min-height:290px;padding:45px 12px;margin:24px 0}
 .thought-pause>p:last-of-type{font-size:16px}
 .room-statistics .deduction{gap:18px}
 .room-statistics .deduction-heading{padding:24px 20px}
 .room-statistics .choice{padding:17px 12px}
}
@media(prefers-reduced-motion:reduce){
 .scroll-unfold,.choice-list.scroll-unfold .choice{opacity:1;transform:none}
}

/* Bookmarked identity and Poirot have separate layout cells, never overlays. */
.result .result-layout{grid-template-columns:minmax(0,1fr) 170px;gap:28px 32px;align-items:start}
.result .revealed-bookmark{grid-column:1;grid-row:1}
.result .poirot-portrait{display:block;position:relative;inset:auto;grid-column:2;grid-row:2;justify-self:end;align-self:end;width:100%;height:auto;aspect-ratio:354 / 606;margin:0;opacity:.85;mask-image:none;pointer-events:none}
.result .poirot-verdict{grid-column:1;grid-row:2;min-width:0;padding-top:8px}
@media(min-width:1180px){
 .result{max-width:1320px}
 .result .result-layout{grid-template-columns:180px minmax(0,1fr) 170px;gap:36px}
 .result .poirot-verdict{grid-column:2;grid-row:1;padding-top:34px}
 .result .poirot-portrait{grid-column:3;grid-row:1;width:170px;margin:0}
}
@media(max-width:760px){
 .result .result-layout{grid-template-columns:minmax(0,1fr) 90px;gap:24px 16px}
 .result .poirot-portrait{width:90px;margin:0}
 .result .revealed-bookmark .eyebrow{font-size:10px;letter-spacing:.08em}
 .result .revealed-bookmark h1{font-size:29px}
}

/* Second case: a physical sorting machine followed by the evidence it cannot discard. */
.room.room-with-shelf{position:relative;isolation:isolate;max-width:none;margin:0;padding:0 0 60px;background:#191410}
.room-with-shelf::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#19141088,#191410bb),url('../assets/optimized/01d30f3c188507d9/library/last-page-room.webp') center/cover;opacity:.6}
.room-hero.second-hero{background-image:linear-gradient(90deg,#100c0977,transparent 65%),linear-gradient(0deg,#191410,transparent 22%),url('../assets/optimized/01d30f3c188507d9/library/last-page-room.webp')}
.shelf-hotspot{position:absolute;left:58%;top:30%;width:33%;height:48%;display:flex;align-items:flex-end;justify-content:center;padding:12px;font-size:15px;color:#f2dab3;text-shadow:0 2px 8px #000}
.shelf-hotspot:hover,.shelf-hotspot:focus-visible{color:#fff3d3;text-decoration:underline;text-underline-offset:5px}
.second-investigation{max-width:1120px;margin:auto;padding:45px 42px 0}
.second-machine{padding:35px 36px;background:#21180fe8;border:1px solid #b58b514d;scroll-margin-top:24px;overflow:hidden}
.second-machine:focus{outline:none}
.second-machine header,.second-evidence>header{text-align:center}
.second-machine h2,.second-evidence h2{font-size:clamp(26px,3.4vw,38px);margin:12px 0 16px}
.second-machine header>p:last-child,.second-evidence>header>p:last-child{font-size:17px;color:#d7c4a2}
.completion-shelf{margin:32px auto 24px;max-width:850px}
.book-units{display:grid;grid-template-columns:repeat(26,minmax(0,1fr));gap:12px 5px;padding:20px 8px 28px;border-bottom:2px solid #96713d77}
.book-unit{display:block;height:37px;background:#c7b291;border:1px solid #ebd9b944;transform-origin:bottom;transition:transform .65s ease-in,opacity .65s;transition-delay:var(--fall-delay)}
.book-unit.complete{background:#b18e4a;border-color:#e8c87c88}
.is-pulled .book-unit.incomplete{opacity:0;transform:translateY(65px) rotate(12deg)}
.shelf-key{text-align:center;font-size:13px;color:#bba98b;margin-top:12px}
.machine-controls{text-align:center}
.lever-control{display:inline-flex;flex-direction:column;align-items:center;gap:5px;padding:15px 26px;background:linear-gradient(#d0ae71,#aa8047);color:#241a0d;border:1px solid #e3c187;box-shadow:0 5px 0 #55391e;transition:transform .25s,box-shadow .25s}
.lever-control span{font-size:20px;letter-spacing:.08em}.lever-control small{font-size:13px}
.lever-control[aria-pressed=true]{transform:translateY(5px);box-shadow:0 0 0 #55391e;opacity:1;background:#95754c}
.machine-status{margin:24px 0 0;font-size:16px;color:#dfc694;min-height:2em}
.second-evidence{padding-top:70px;scroll-margin-top:24px}
.second-evidence[hidden]{display:none}
.escaping-evidence{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:36px auto 28px;text-align:center}
.escaping-evidence>div{padding:30px 20px;border-block:1px solid #b4915555;background:#20170fbb}
.escaping-evidence strong{display:block;font:64px/1.2 Georgia,var(--serif);color:#e7c785}
.escaping-evidence span{display:block;font-size:18px;margin-top:12px}
.escaping-evidence p{font-size:14px;color:#cbb798;margin-top:12px}
.shelf-counts{display:flex;justify-content:center;gap:36px;font-size:15px;color:#cbb798}.shelf-counts strong{font:24px Georgia;color:#ead1a3}
.returned-books-title{text-align:center;margin:48px 0 26px;font-size:22px}
.returned-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.book-testimony{padding:25px 22px;background:#eee4cf url('../assets/optimized/01d30f3c188507d9/library/letter-paper.webp') center/cover;color:#35281a;box-shadow:0 10px 24px #0004}
.book-testimony .eyebrow{font-size:11px;color:#856536}
.book-testimony h3{font-size:21px;line-height:1.6;margin:12px 0 22px;min-height:3.2em}
.book-testimony dl{margin:0}.book-testimony dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid #b2956a55;padding:10px 0}
.book-testimony dt{font-size:14px;color:#776041}.book-testimony dd{font:25px Georgia;margin:0}.book-testimony small{font:12px var(--serif)}
.second-source{font-size:13px;line-height:1.9;color:#c0ad90;margin-top:22px}
.second-deduction{margin-top:0}.second-deduction .answer-feedback{grid-column:2}
.evidence-returning .escaping-evidence>div{animation:reveal .75s both}
.evidence-returning .book-testimony{animation:reveal .65s both;animation-delay:calc(.2s + var(--book-order) * .12s)}
.case-record{margin-top:32px;padding-top:28px;border-top:1px solid #a58b6555}
.case-record details{margin-top:20px;font-size:14px}.case-record summary{cursor:pointer;padding:8px 0}.case-record details p{margin:10px 0}
.case-record table{width:100%;border-collapse:collapse}.case-record th,.case-record td{text-align:left;padding:7px;border-bottom:1px solid #a58b6544}
@media(max-width:900px){.returned-books{grid-template-columns:1fr}.book-testimony h3{min-height:0}.book-testimony dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.book-testimony dl>div{display:block}.book-testimony dd{margin-top:8px}}
@media(max-width:760px){
 .room-hero.second-hero{background-position:70% center;background-image:linear-gradient(#100c09cc,transparent 40%,#191410 97%),url('../assets/optimized/01d30f3c188507d9/library/last-page-room.webp')}
 .shelf-hotspot{left:30%;width:60%;top:40%;height:40%}
 .second-investigation{padding:28px 18px 0}.second-machine{padding:28px 16px}
 .book-units{grid-template-columns:repeat(13,minmax(0,1fr));gap:8px 5px;padding-inline:0}.book-unit{height:29px}
 .shelf-key{font-size:12px}.lever-control{padding:14px 18px}.lever-control span{font-size:19px}
 .machine-status{font-size:15px}.second-evidence{padding-top:45px}
 .escaping-evidence{gap:14px;margin-top:28px}.escaping-evidence>div{padding:24px 10px}.escaping-evidence strong{font-size:38px}.escaping-evidence p{font-size:13px}
 .shelf-counts{gap:20px;font-size:13px}.returned-books-title{font-size:20px;margin-top:35px}
 .book-testimony{padding:24px 18px}.book-testimony dl{gap:10px}.book-testimony dt{font-size:13px}.book-testimony dd{font-size:23px}
 .second-deduction .answer-feedback{grid-column:1}
}
/* The second machine keeps a visible, jammed hatch after its one verdict. */
.machine-trapdoor{position:relative;width:min(330px,80%);height:60px;margin:12px auto 26px;background:#090705;border-radius:50%;perspective:400px}
.trapdoor-lid{position:absolute;inset:0;background:linear-gradient(12deg,#291d12,#4b3520);border:2px solid #785b31;border-radius:50%;transform-origin:top;transition:transform .65s}
.is-pulled .trapdoor-lid{transform:rotateX(62deg)}
.sand-stream{position:absolute;left:16%;right:16%;bottom:2px;height:8px;background:#bc945a;border-radius:50%;box-shadow:0 -5px 10px #cbab6933;opacity:0;transform:scaleX(.2);transition:opacity .5s .3s,transform .7s .3s}
.is-pulled .sand-stream{opacity:1;transform:scaleX(1)}
.trapped-papers{position:absolute;inset:0;opacity:0;transition:opacity .4s .3s}
.is-pulled .trapped-papers{opacity:1}
.trapped-papers i{position:absolute;left:calc(16% + var(--paper) * 9%);bottom:12px;width:22px;height:36px;background:repeating-linear-gradient(#e9d9b5 0 7px,#ae977244 7px 8px);border:3px solid #dfcba7;transform:rotate(calc(-22deg + var(--paper) * 8deg));box-shadow:1px 2px 4px #0008}
.lever-control{position:relative;padding-left:74px}
.lever-control::before{content:'';position:absolute;left:28px;bottom:22px;width:9px;height:42px;background:linear-gradient(90deg,#79582f,#eed29a,#a68048);border-radius:6px;box-shadow:0 -4px 0 4px #694425;transform:rotate(-25deg);transform-origin:bottom;transition:transform .5s}
.lever-control[aria-pressed=true]::before{transform:rotate(38deg)}
.bookmark-slot:nth-child(2) .empty-slot .groove{border-radius:3px 10px 10px 3px}
.second-result .revealed-bookmark{position:relative}
.second-result .revealed-bookmark::before,.second-result .revealed-bookmark::after{content:'';position:absolute;top:20%;left:50%;width:3px;height:55px;background:linear-gradient(90deg,#95723b,#ebc579);pointer-events:none;opacity:0;animation:ribbon-snap .7s ease-out both}
.second-result .revealed-bookmark::after{animation-name:ribbon-snap-right}
.second-result .revealed-bookmark h1{animation:reveal .65s .35s both}
.second-result.departing .revealed-bookmark .prop{animation:book-close .75s ease-in both}
@keyframes ribbon-snap{0%{opacity:1;transform:translateY(-30px)}65%{opacity:1;transform:translate(-36px,10px) rotate(40deg)}100%{opacity:0;transform:translate(-45px,70px) rotate(60deg)}}
@keyframes ribbon-snap-right{0%{opacity:1;transform:translateY(20px)}65%{opacity:1;transform:translate(30px,50px) rotate(-35deg)}100%{opacity:0;transform:translate(42px,100px) rotate(-65deg)}}
@keyframes book-close{0%{transform:scaleX(1);opacity:1}55%{transform:scaleX(.08);opacity:1}100%{transform:scaleX(.03) translateY(45px);opacity:0}}
@media(max-width:760px){.lever-control{padding-left:62px}}
/* Material revision: the verdict is furniture inside the same library. */
.second-machine{padding:28px 0 12px;background:transparent;border:0;overflow:hidden}
.second-machine>header{max-width:700px;margin:0 auto 24px;padding:0 18px}
.verdict-cabinet{position:relative;width:100%;aspect-ratio:3/2;background:#21180f;isolation:isolate}
.verdict-cabinet .completion-shelf{position:absolute;left:30%;right:29%;top:3%;height:61%;max-width:none;margin:0;overflow:hidden}
.verdict-cabinet .book-units{display:grid;grid-template-columns:1fr;grid-template-rows:27% 24.5% 24.5% 24%;gap:0;height:100%;padding:0;border:0}
.book-shelf-row{display:flex;align-items:flex-end;gap:1px;min-height:0;padding:0 1% 1.7%;overflow:hidden}
.verdict-cabinet .book-unit{position:relative;flex:1 1 0;min-width:0;height:var(--spine-height);border-radius:2px 3px 1px 1px;border:1px solid #160f0a;background:linear-gradient(90deg,#0008,transparent 28%,#a7804933 52%,#000a),repeating-linear-gradient(0deg,transparent 0 15%,#c2a27588 15% 16%,#110a07aa 16% 18%,transparent 18% 34%),hsl(var(--spine-tone) 33% 22%);box-shadow:inset 1px 0 1px #c8a06355,1px 0 2px #0009;transform-origin:bottom}
.verdict-cabinet .book-unit.complete{background:linear-gradient(90deg,#39250bbb,#d1b57155 30%,#0008),repeating-linear-gradient(0deg,transparent 0 14%,#d3b273 14% 17%,#503418 17% 19%,transparent 19% 34%),#8c6c38;border-color:#3c2a13}
.verdict-cabinet .book-unit::after{content:'';position:absolute;left:22%;right:22%;top:31%;height:31%;border:1px solid #d2ae6655;border-radius:2px}
.verdict-cabinet .machine-trapdoor{position:absolute;left:34%;right:33%;bottom:4%;width:auto;height:12%;margin:0;background:transparent;border-radius:0;perspective:none}
.verdict-cabinet .trapdoor-lid{display:none}
.verdict-cabinet .trapped-papers i{width:8%;height:55%;bottom:12%;border-width:2px;background-color:#ccb58c;box-shadow:2px 2px 6px #000}
.verdict-cabinet .sand-stream{height:9%;bottom:0;filter:brightness(.8)}
.second-machine>.shelf-key{margin:15px 12px 24px;color:#c8b591}
.second-machine .machine-controls{padding:0 18px}
.second-machine .lever-control{background:linear-gradient(90deg,#8a632f,#c8a469 35%,#aa8147 75%,#846135);border:1px solid #d3b37377;border-radius:3px;box-shadow:0 3px 0 #3d2916,inset 0 0 0 3px #624a2444}
.book-testimony-heading{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:14px;align-items:start;min-height:126px;margin:15px 0 20px}
.book-testimony .book-testimony-heading h3{font-size:19px;line-height:1.6;min-height:0;margin:0;overflow-wrap:anywhere}
.testimony-cover{display:block;width:68px;height:auto;aspect-ratio:25/36;object-fit:contain;box-shadow:3px 4px 7px #3424153d;border:1px solid #7b63442e}
@media(max-width:900px){.book-testimony-heading{grid-template-columns:minmax(0,1fr) 78px;min-height:113px}.testimony-cover{width:78px}.book-testimony .book-testimony-heading h3{font-size:23px;max-width:440px}}
@media(max-width:760px){.second-machine{padding:15px 0 8px}.verdict-cabinet{width:calc(100% + 100px);margin-left:-50px}.book-shelf-row{gap:0}.book-testimony-heading{grid-template-columns:minmax(0,1fr) 68px;gap:18px;min-height:105px}.testimony-cover{width:68px}.book-testimony .book-testimony-heading h3{font-size:20px}.second-machine>.shelf-key{font-size:12px;line-height:1.8}}
/* The furniture, books and manuscripts now share one photographic scene. */
.second-machine{overflow:visible}
.verdict-scene{position:relative;aspect-ratio:3/2;isolation:isolate;margin:0 -18px;background:#100c08;box-shadow:0 20px 55px #0006}
.verdict-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .8s ease;pointer-events:none}
.verdict-scene-before{opacity:1}.verdict-scene-after{opacity:0}
.is-pulled .verdict-scene-before{opacity:0}.is-pulled .verdict-scene-after{opacity:1}
.verdict-action{position:absolute;left:79%;top:32%;width:13%;height:45%;z-index:2;padding:0;border:0;border-radius:40%;background:transparent;color:#f2dbad;cursor:grab;touch-action:manipulation}
.verdict-action:hover{background:radial-gradient(ellipse,#e8bf651f,transparent 70%)}
.verdict-action:focus-visible{outline:2px solid #e8c883;outline-offset:4px}
.verdict-action:active{cursor:grabbing}
.verdict-action span{position:absolute;left:50%;top:100%;transform:translateX(-50%);white-space:nowrap;font:16px/1.4 var(--serif);letter-spacing:.06em;text-shadow:0 2px 6px #000,0 0 14px #000;background:#171006b3;padding:6px 9px;border-bottom:1px solid #b3915a77}
.verdict-action:disabled{visibility:hidden;cursor:default}
.machine-caption{text-align:center;padding:22px 16px 8px}
.machine-caption .machine-status{margin:0;color:#e2cda5;font-size:18px;line-height:1.8}
.machine-footnote{font-size:12px;color:#a99473;letter-spacing:.08em;margin:10px 0 0}
@media(max-width:760px){.verdict-scene{margin:0 -18px}.verdict-action{left:78%;width:15%}.verdict-action span{font-size:12px;padding:5px;letter-spacing:0}.machine-caption{padding:20px 5px 0}.machine-caption .machine-status{font-size:16px}}