.motion-panel{margin:0;width:100%}.motion-canvas{position:relative;background:#0c101e;border:1px solid #ffffff0d;overflow:hidden}.motion-canvas>svg{display:block;width:100%;height:auto}.motion-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;font:10px/1.7 -apple-system,sans-serif;letter-spacing:1px;color:#9699ad}.motion-controls{display:flex;gap:17px;align-items:center}.motion-controls button{font:10px -apple-system,sans-serif;letter-spacing:1px;padding:7px 0;min-height:32px;color:#b6b0c8}.motion-controls button:hover{color:#ede7e0}.is-paused .motion-canvas *{animation-play-state:paused!important}
.cigarette-motion{transform:translate(285px,125px) rotate(36deg);animation:snuff-press 6.2s ease-in-out both}.cigarette-hot{animation:snuff-ember 6.2s ease both}.cigarette-smoke{transform-origin:0 0;animation:snuff-smoke 6.2s ease both}.cigarette-sparks{opacity:0;animation:snuff-sparks 6.2s ease both;transform-origin:400px 224px}
@keyframes snuff-press{0%,18%{transform:translate(285px,125px) rotate(36deg)}42%{transform:translate(400px,225px) rotate(55deg)}50%{transform:translate(401px,229px) rotate(60deg)}60%,100%{transform:translate(400px,227px) rotate(57deg)}}
@keyframes snuff-ember{0%,37%{opacity:1}48%{opacity:.7}63%,100%{opacity:0}}
@keyframes snuff-smoke{0%{opacity:.3;transform:translateY(0)}20%{opacity:.7;transform:translateY(-9px)}43%{opacity:.3;transform:translateY(-14px)}65%{opacity:.18;transform:translateY(-25px) scaleX(1.3)}85%,100%{opacity:0;transform:translateY(-43px) scaleX(1.5)}}
@keyframes snuff-sparks{0%,41%{opacity:0;transform:scale(.4)}45%{opacity:.9;transform:scale(1)}52%{opacity:0;transform:scale(1.8) translateY(-5px)}100%{opacity:0}}
.report-sheet{transform-origin:326px 180px;animation:report-send 6.6s cubic-bezier(.45,0,.2,1) both}.report-writing{animation:report-write 6.6s ease both}.report-stamp{transform-origin:373px 260px;animation:report-seal 6.6s ease both}.report-confirmation{animation:report-done 6.6s ease both}
@keyframes report-send{0%{opacity:0;transform:translateY(-16px) rotate(-5deg)}13%,53%{opacity:1;transform:translateY(0) rotate(-5deg)}70%,100%{opacity:1;transform:translateY(178px) rotate(0)}}
@keyframes report-write{0%,12%{opacity:0}31%,100%{opacity:1}}
@keyframes report-seal{0%,33%{opacity:0;scale:1.2}39%{opacity:1;scale:.96}43%,100%{opacity:1;scale:1}}
@keyframes report-done{0%,73%{opacity:0;transform:translateY(8px)}84%,100%{opacity:1;transform:translateY(0)}}
.cage-ribbon-left{transform-origin:326px 233px;animation:ribbon-left 8s ease-in-out both}.cage-ribbon-right{transform-origin:328px 233px;animation:ribbon-right 8s ease-in-out both}.cage-knot{transform-origin:328px 233px;animation:ribbon-knot 8s ease both}.cage-door{transform-origin:300px 250px;animation:cage-open 8s ease-in-out both}.bird-flight{transform:translate(312px,258px);animation:bird-leave 8s cubic-bezier(.42,0,.45,1) both}.bird-wing{transform-origin:0 0;animation:bird-wingbeat .34s ease-in-out 24 alternate}
@keyframes ribbon-left{0%,16%{transform:translate(0,0);opacity:1}31%{transform:translate(-21px,4px) rotate(14deg);opacity:1}48%{transform:translate(-58px,46px) rotate(25deg);opacity:.7}70%,100%{transform:translate(-71px,87px) rotate(34deg);opacity:.25}}
@keyframes ribbon-right{0%,16%{transform:translate(0,0);opacity:1}31%{transform:translate(24px,5px) rotate(-15deg);opacity:1}48%{transform:translate(60px,49px) rotate(-25deg);opacity:.7}70%,100%{transform:translate(75px,92px) rotate(-35deg);opacity:.25}}
@keyframes ribbon-knot{0%,18%{opacity:1;transform:scale(1)}29%,100%{opacity:0;transform:scale(.1)}}
@keyframes cage-open{0%,34%{transform:skewY(0) scaleX(1)}52%,100%{transform:skewY(-15deg) scaleX(.15)}}
@keyframes bird-leave{0%,45%{transform:translate(312px,258px)}52%{transform:translate(331px,243px)}60%{transform:translate(375px,226px)}72%{transform:translate(459px,166px)}88%{transform:translate(574px,73px)}100%{transform:translate(708px,-32px)}}
@keyframes bird-wingbeat{0%{transform:rotate(-10deg) scaleY(.4)}100%{transform:rotate(27deg) scaleY(1)}}
.motion-books{border-bottom:0}.books-stage{height:355px;position:relative;overflow:hidden;perspective:900px;background:radial-gradient(ellipse at 50% 70%,#4542572b,transparent 65%)}.books-stage:after{content:'';position:absolute;left:20%;right:20%;bottom:26px;height:20px;border-radius:50%;background:#03061090;filter:blur(12px)}.book-volume{position:absolute;left:50%;top:50%;width:185px;height:260px;transform:translate(calc(-50% + var(--i)*12px),calc(-50% + var(--i)*5px)) rotate(var(--angle)) scale(.85);transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .8s;z-index:calc(6 - var(--i));filter:drop-shadow(7px 12px 13px #0007);transform-style:preserve-3d}.book-cover{position:relative;z-index:2;height:100%;padding:19px 18px 16px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #ffffff1f;box-shadow:inset 7px 0 8px #0002,inset 10px 0 1px #fff1}.book-cover:before{content:'';position:absolute;inset:8px;border:1px solid currentColor;opacity:.22;pointer-events:none}.book-pages{position:absolute;top:5px;bottom:-5px;left:9px;right:-6px;background:repeating-linear-gradient(0deg,#c8c0af 0,#c8c0af 1px,#e0d8c6 1px,#e0d8c6 3px);border-radius:0 2px 3px 0;transform:translateZ(-3px);border:1px solid #817a71}.book-volume.is-current{transform:translate(-50%,-50%) rotate(0) scale(1);z-index:12;opacity:1}.book-volume.is-past{transform:translate(calc(-50% - 110px),calc(-50% + 38px)) rotate(-13deg) scale(.7);opacity:.17;z-index:1}.book-volume.is-future{transform:translate(calc(-50% + 55px + var(--i)*6px),calc(-50% + 21px + var(--i)*3px)) rotate(9deg) scale(.8);opacity:.65;z-index:calc(6 - var(--i))}.book-volume-no{font:7px/1.5 Georgia,serif;letter-spacing:2px;opacity:.7}.book-cover-title{font-family:Story,serif;font-size:25px;letter-spacing:3px;line-height:1.5;margin:12px 0 5px}.book-art{flex:1;width:91px;max-height:112px;display:grid;place-items:center}.book-art svg{width:100%;height:100%;stroke:currentColor;stroke-width:.8;fill:none}.book-cover-author{font-family:Story,serif;font-size:12px;line-height:1.7;margin-top:7px;letter-spacing:1px}.book-cover-en{font:6px/1.8 Georgia,serif;letter-spacing:1px;margin-top:5px}.cover-christie .book-cover{background:#d9d0ba;color:#292a31}.cover-christie .book-art circle{fill:#963f42;stroke:none}.cover-christie .book-art path{fill:#292a31;stroke:none}.cover-matsumoto .book-cover{background:#3d4c4b;color:#ddd6c2}.cover-matsumoto .book-art{border-left:3px solid #935b54}.cover-dostoevsky .book-cover{background:#5d2d39;color:#e4d7c1}.cover-dostoevsky .book-cover-title{font-size:31px;letter-spacing:8px}.cover-borges .book-cover{background:#252c49;color:#c7b792}.cover-borges .book-cover-title{font-size:24px}.book-current{text-align:center;font:11px/1.8 -apple-system,sans-serif;color:#bab2c8;letter-spacing:1px;padding:8px 10px 3px;border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;background:#0c101e;min-height:34px}.book-selector{display:flex;justify-content:center;gap:16px;border:1px solid #ffffff0d;border-top:0;background:#0c101e;padding:2px 0 11px}.book-selector button{font:10px Georgia,serif;color:#777d96;border-bottom:1px solid transparent;padding:9px 7px;min-width:30px}.book-selector button[aria-pressed=true]{color:#ded4be;border-color:#c2b497}.book-selector button:hover{color:#ded4be}
@media(max-width:640px){.books-stage{height:292px}.book-volume{width:162px;height:232px}.book-cover{padding:17px 14px 13px 20px}.book-cover-title{font-size:22px;margin-top:9px}.book-art{width:76px;max-height:95px}.book-cover-author{font-size:11px}.book-volume.is-past{transform:translate(calc(-50% - 68px),calc(-50% + 33px)) rotate(-13deg) scale(.7)}.book-volume.is-future{transform:translate(calc(-50% + 27px + var(--i)*5px),calc(-50% + 21px + var(--i)*3px)) rotate(9deg) scale(.8)}.cover-dostoevsky .book-cover-title{font-size:27px}.cover-borges .book-cover-title{font-size:21px}.motion-caption{font-size:9px;letter-spacing:.5px}.motion-controls{gap:13px}.motion-controls button{font-size:9px}.book-current{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cigarette-motion{transform:translate(400px,227px) rotate(57deg)}.cigarette-hot,.cigarette-smoke,.cigarette-sparks{opacity:0}.report-sheet{transform:translateY(178px)}.report-writing,.report-stamp,.report-confirmation{opacity:1}.cage-ribbon-left{transform:translate(-71px,87px) rotate(34deg);opacity:.25}.cage-ribbon-right{transform:translate(75px,92px) rotate(-35deg);opacity:.25}.cage-knot{opacity:0}.cage-door{transform:skewY(-15deg) scaleX(.15)}.bird-flight{transform:translate(515px,100px)}.bird-wing{transform:rotate(10deg)}}

/* The cage remains wire-thin; the binding reads as a broad strip of satin. */
.cage-ribbon-back{animation:ribbon-back 8s ease both}.bird-wing{animation:bird-wingbeat .26s 3.8s ease-in-out 18 alternate;transform:rotate(20deg) scaleY(.18)}
@keyframes ribbon-back{0%,17%{opacity:1}31%{opacity:.6}47%,100%{opacity:0}}
.old-english-prose{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#a5bdca;line-height:1.9}
.supplied-prose strong{font-weight:600}
.prophecy-sheet{padding:32px clamp(25px,8vw,72px);min-height:350px;background:radial-gradient(ellipse at 48% 50%,#9db4cf0c,transparent 73%);position:relative}
.prophecy-label,.prophecy-footer{font:8px/1.7 -apple-system,sans-serif;letter-spacing:2.5px;color:#6d8194;display:block}
.prophecy-writing{padding:26px 0 20px;font-family:'Snell Roundhand','Apple Chancery','URW Chancery L',Georgia,serif;font-style:italic;font-size:clamp(24px,5.2vw,38px);line-height:1.65;color:#a4becf;letter-spacing:.2px}
.prophecy-line{position:relative;width:max-content;max-width:100%}
.prophecy-line>span{display:block;clip-path:inset(0 100% 0 0);animation:ink-reveal 2.1s calc(.7s + var(--line)*2.4s) linear both;text-shadow:0 0 12px #91b5c71a}
.writing-nib{position:absolute;top:.85em;left:0;width:4px;height:18px;background:#7d9aae;clip-path:polygon(50% 100%,0 36%,30% 0,85% 0,100% 40%);transform:rotate(35deg);opacity:0;animation:nib-travel 2.1s calc(.7s + var(--line)*2.4s) linear both}
@keyframes ink-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes nib-travel{0%{left:0;opacity:0}4%{opacity:1}50%{transform:translateY(2px) rotate(35deg)}96%{opacity:1}100%{left:100%;opacity:0}}
.motion-notes{background:transparent;border:0;overflow:visible}
.paper-notes{display:flex;flex-direction:column;gap:24px;padding:20px 10px 30px}
.paper-strip{display:flex;align-items:flex-start;gap:15px;padding:22px 24px;background:linear-gradient(106deg,#d7d3c8,#c5c3bb);color:#292d34;box-shadow:2px 8px 16px #0003;position:relative;transform:rotate(var(--tilt));animation:strip-arrive 1s calc(.3s + var(--strip)*1.35s) cubic-bezier(.18,.7,.2,1) both;border-radius:1px 2px 2px 1px}
.paper-strip:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(110deg,transparent 0 3px,#807d7005 4px 5px);border:1px solid #f3eee36b}
.paper-strip p{font-size:16px!important;line-height:1.95!important;margin:0!important;font-weight:400}
.strip-number{font:10px/2.8 Georgia,serif;letter-spacing:1px;color:#70757a;flex:none}
@keyframes strip-arrive{0%{opacity:0;transform:translateY(24px) rotate(calc(var(--tilt) - 3deg));filter:blur(2px)}100%{opacity:1;transform:translateY(0) rotate(var(--tilt));filter:blur(0)}}
.case-files{margin:20px 0 32px}.files-instruction{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#979eaf;margin:12px 0 25px;font-size:11px}
.folder-stack{position:relative;display:block;isolation:isolate;width:min(100%,380px);height:280px;margin:20px auto 45px;background:radial-gradient(ellipse at 50% 72%,#b5b3c314,transparent 65%);transition:transform .3s}
.folder-stack:hover{transform:translateY(-5px)}.stack-sheet{position:absolute;width:80%;height:67%;top:16%;left:10%;background:#69747a;border:1px solid #a5adb080;border-radius:2px 4px 4px 4px;box-shadow:0 10px 22px #0003;transform:rotate(-8deg)}
.stack-sheet:before,.evidence-folder:before{content:'';position:absolute;top:-12px;left:0;width:36%;height:14px;background:inherit;border-radius:4px 4px 0 0;border:1px solid #a5adb05c;border-bottom:0}
.stack-mid{transform:rotate(7deg) translate(10px,11px);background:#919591}.stack-front{transform:rotate(-2deg) translateY(20px);background:linear-gradient(130deg,#b4b5aa,#8e9691);color:#222c34;padding:27px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;z-index:2}
.stack-front small{font:8px -apple-system,sans-serif;letter-spacing:2px}.stack-front strong{font:25px/1.5 Story,serif;letter-spacing:4px}.stack-front>span{font:10px -apple-system,sans-serif;letter-spacing:1px}
.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px;padding:15px 0 25px}
.evidence-folder{position:relative;min-width:0;min-height:220px;border-radius:1px 4px 4px 4px;background:linear-gradient(130deg,#66777c,#42555f);border:1px solid #91a1a35c;padding:14px;box-shadow:0 7px 14px #0003;text-align:left;display:flex;flex-direction:column;color:#e1dfd5;animation:folder-unfold .7s calc(var(--folder)*.08s) both}
.evidence-folder:nth-child(2n){background:linear-gradient(130deg,#74776e,#555d57)}.evidence-folder:nth-child(3n){background:linear-gradient(130deg,#77717b,#585566)}
.folder-tab{font:8px -apple-system,sans-serif;letter-spacing:1.6px;color:#d5ddd7;display:block;margin:0 0 12px}
.folder-preview{height:86px;display:grid;place-items:center;margin-bottom:12px;overflow:hidden;border:1px solid #a5b0b146;background:#0e1a2440}.folder-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.folder-preview .icon{width:30px;height:30px;opacity:.6}
.evidence-folder strong{font:14px/1.8 Story,serif;margin:0 0 14px}.evidence-folder small{font:9px/1.7 -apple-system,sans-serif;letter-spacing:.8px;color:#bdccce;margin-top:auto}.evidence-folder:hover{filter:brightness(1.15)}.evidence-folder.is-read small{color:#eee6ce}
@keyframes folder-unfold{from{opacity:0;transform:translateY(35px) rotate(-8deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
.interview-atmosphere{position:relative;isolation:isolate}.interview-atmosphere article{position:relative;z-index:1}.interview-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.1}.interview-backdrop svg{position:absolute;width:min(110%,760px);right:-18%;top:20px}.note-hand{transform-origin:470px 370px;animation:pen-record 3.8s ease-in-out infinite alternate}.page-hidden .note-hand{animation-play-state:paused}
@keyframes pen-record{0%{transform:translate(-3px,0) rotate(-2deg)}30%{transform:translate(3px,1px) rotate(0)}45%{transform:translate(0,3px) rotate(-1deg)}65%{transform:translate(5px,2px) rotate(1deg)}100%{transform:translate(8px,4px) rotate(1.6deg)}}
.bookmark-scene{height:420px;position:relative;perspective:1000px;background:radial-gradient(ellipse at 50% 52%,#7c778b17,transparent 70%);overflow:hidden}
.bookmark-shelf{position:absolute;top:58px;left:15%;right:15%;height:210px;display:flex;justify-content:center;gap:7px;align-items:end;border-bottom:7px solid #282b35;animation:shelf-retreat 8.5s ease both}.bookmark-shelf i{display:block;width:30px;height:calc(135px + var(--tone)*17px);background:linear-gradient(90deg,#ffffff07,#d8d2bb10,#0003),hsl(calc(205 + var(--tone)*18) 11% calc(17% + var(--tone)*4%));border:1px solid #b1ab981f;box-shadow:inset 4px 0 #0002;position:relative}.bookmark-shelf i:after{content:'';position:absolute;left:5px;right:5px;top:20px;bottom:22px;border-block:1px solid #b2aa8755}
.pulled-book{position:absolute;left:50%;top:47%;width:134px;height:194px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateY(-30deg) scale(.8);animation:book-extract 8.5s cubic-bezier(.25,.6,.2,1) both;z-index:2;filter:drop-shadow(4px 14px 13px #0005)}
.pulled-cover{position:absolute;inset:0;background:linear-gradient(100deg,#384442,#61665b 12%,#4b5650 80%,#3a4743);border:1px solid #9d9d825c;transform-origin:0 50%;backface-visibility:hidden;animation:book-cover-open 8.5s ease-in-out both;padding:20px 15px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;z-index:5;box-shadow:inset 5px 0 #0003}
.pulled-cover:after{content:'';position:absolute;inset:10px;border:1px solid #b7b1955c}.pulled-cover small,.pulled-cover i{font:6px/1.7 Georgia,serif;color:#b4ad95;letter-spacing:1.4px}.pulled-cover>span{font:23px Story,serif;color:#c2baa1;letter-spacing:7px;writing-mode:vertical-rl}
.book-open-left,.book-open-right{position:absolute;inset:2px 0;background:repeating-linear-gradient(90deg,#cec6b4 0 2px,#e3dcca 2px 4px);border:1px solid #9d9786}.book-open-left{left:-99%;right:100%;transform-origin:100% 50%;animation:book-pages-open 8.5s ease-in-out both}.book-open-right{animation:book-pages-show 8.5s ease both}
.book-open-left>span,.book-open-right>span{position:absolute;inset:3px 4px;background:linear-gradient(90deg,#bab3a1,#ddd7c5 11%,#e5dfce 88%,#c4bda9)}.book-open-right>span{background:linear-gradient(90deg,#b1a995,#e1dac8 16%,#e9e2d1 90%,#c7bda6)}
.book-seam{position:absolute;top:2px;bottom:2px;left:0;width:7px;background:linear-gradient(90deg,#322b1e80,transparent);z-index:6;animation:book-pages-show 8.5s ease both}
.blank-bookmark{position:absolute;width:62px;height:87px;left:30px;top:37px;background:linear-gradient(110deg,#efeadb,#d9d4c6);border:1px solid #fcf8e74d;box-shadow:1px 3px 8px #0002;z-index:4;animation:blank-slip-fall 8.5s ease-in-out both}
.bookmark-ground{position:absolute;bottom:35px;left:14%;right:14%;border-top:1px solid #a8a3a315}
@keyframes shelf-retreat{0%,12%{opacity:1;filter:blur(0)}42%,100%{opacity:.18;filter:blur(2px)}}
@keyframes book-extract{0%,12%{transform:translate(-50%,-50%) rotateY(-30deg) scale(.8)}30%{transform:translate(-50%,-50%) rotateY(0) scale(1.12)}48%,100%{transform:translate(0,-50%) rotate(-5deg) scale(1)}}
@keyframes book-cover-open{0%,32%{transform:rotateY(0)}60%,100%{transform:rotateY(-177deg)}}
@keyframes book-pages-open{0%,34%{opacity:0;transform:rotateY(90deg)}48%{opacity:1}62%,100%{opacity:1;transform:rotateY(0)}}
@keyframes book-pages-show{0%,34%{opacity:0}48%,100%{opacity:1}}
@keyframes blank-slip-fall{0%,44%{opacity:0;transform:translate(0,0) rotate(0)}52%{opacity:1;transform:translate(-15px,10px) rotate(-6deg)}68%{opacity:1;transform:translate(-65px,85px) rotate(12deg)}82%,100%{opacity:1;transform:translate(-128px,165px) rotate(-19deg)}}
@media(max-width:640px){.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 14px}.evidence-folder{padding:13px 11px;min-height:207px}.evidence-folder strong{font-size:13px}.folder-preview{height:73px}.folder-stack{height:248px}.prophecy-sheet{padding:26px 25px;min-height:305px}.prophecy-writing{font-size:26px;padding:24px 0}.prophecy-label{font-size:7px;letter-spacing:1.7px}.paper-notes{gap:24px;padding:18px 4px 26px}.paper-strip{gap:10px;padding:19px 16px}.paper-strip p{font-size:15px!important}.bookmark-scene{height:365px}.bookmark-shelf{top:45px;height:170px;left:8%;right:8%;gap:5px}.bookmark-shelf i{width:23px;height:calc(112px + var(--tone)*14px)}.pulled-book{width:110px;height:162px}.blank-bookmark{width:51px;height:72px;left:26px;top:31px}.pulled-cover{padding:18px 12px}.pulled-cover>span{font-size:20px}.pulled-cover small,.pulled-cover i{font-size:5px}.interview-backdrop{opacity:.09}.interview-backdrop svg{right:-28%;top:40px;width:125%}}
@media(prefers-reduced-motion:reduce){.cage-ribbon-back{opacity:0}.prophecy-line>span{clip-path:none}.writing-nib{display:none}.paper-strip{opacity:1;transform:rotate(var(--tilt));filter:none}.evidence-folder{opacity:1;transform:none}.note-hand{transform:none}.bookmark-shelf{opacity:.18;filter:blur(2px)}.pulled-book{transform:translate(0,-50%) rotate(-5deg)}.pulled-cover{transform:rotateY(-177deg)}.book-open-left{opacity:1;transform:none}.book-open-right,.book-seam{opacity:1}.blank-bookmark{opacity:1;transform:translate(-128px,165px) rotate(-19deg)}}
