/* Signature V3: same paper / ink system, new spatial continuity. */
:root{--signature-rule:2px;--signature-shadow:6px 6px 0 var(--black);--signature-ease:cubic-bezier(.16,1,.3,1)}
#chapter-hud{position:fixed;right:12px;top:50%;translate:0 -50%;z-index:35;width:86px;transition:opacity 160ms;isolation:isolate}#chapter-toggle{width:100%;border:0;border-left:3px solid var(--red);background:var(--paper);color:var(--black);padding:11px 10px;box-shadow:4px 4px 0 var(--black);text-align:left;min-height:48px}.hud-label{font-size:6px;letter-spacing:.7px;font-weight:900;display:block;margin-bottom:9px}.hud-current{display:flex;flex-direction:column;gap:7px}.hud-current b{font-size:30px;font-style:italic;line-height:1;color:var(--red);letter-spacing:-2px}.hud-current>span{font-size:8px;letter-spacing:.8px;font-weight:900}.hud-current>i{position:absolute;top:10px;right:10px;font-style:normal;font-size:12px}.hud-meter{display:block;height:2px;background:#11111222;margin-top:13px;overflow:hidden}.hud-meter i{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.hud-change .hud-current{animation:hud-update 230ms var(--signature-ease) both}@keyframes hud-update{from{translate:7px 0;opacity:.5}to{translate:0 0;opacity:1}}
html.intro-pending #chapter-hud,.file-active #chapter-hud,body:has(#menu[aria-expanded=true]) #chapter-hud{visibility:hidden;pointer-events:none}.hud-at-end{opacity:0;pointer-events:none}
#chapter-select{width:min(410px,calc(100% - 30px));max-height:80svh;border:3px solid var(--black);padding:25px;box-shadow:8px 8px 0 var(--red);background:var(--paper)}#chapter-select::backdrop{background:repeating-linear-gradient(110deg,#11111299 0 80px,#ef163766 80px 90px),radial-gradient(#fff7 1px,transparent 1px) 0 0/8px 8px}#chapter-close{display:block;margin-left:auto;min-height:44px;min-width:90px;background:var(--black);border:0;color:var(--paper);font-size:10px;font-weight:900;margin-bottom:20px}#chapter-heading{font-size:32px;letter-spacing:-1.5px;margin:12px 0 22px}.chapter-links{display:grid;gap:9px}.chapter-links button{display:flex;align-items:center;gap:17px;border:0;border-bottom:1px solid #11111244;background:none;text-align:left;min-height:51px;padding:8px 11px;color:var(--black)}.chapter-links b{color:var(--red);font-size:22px;font-style:italic}.chapter-links span{font-size:14px;font-weight:900;letter-spacing:1px}.chapter-links i{margin-left:auto;font-style:normal}.chapter-links .active{background:var(--black);color:var(--paper);transform:rotate(-2deg)}.chapter-links button:active{translate:2px 2px}
/* Covers live in the dialog's top layer so they never fall behind its backdrop. */
.shared-cover{position:fixed;z-index:20;background:var(--black);border:3px solid var(--black);overflow:hidden;pointer-events:none;transform-origin:center;will-change:transform}.shared-cover svg{display:block;width:100%;height:100%;object-fit:cover}
#detail.project-file::backdrop{background:repeating-linear-gradient(112deg,#111112cc 0 180px,#ef1637aa 180px 197px,#111112cc 197px 310px),radial-gradient(#f5f1e822 1px,transparent 1px) 0 0/8px 8px}.project-file.shared-pending .dossier-heading,.project-file.shared-pending .dossier-tags,.project-file.shared-pending .dossier-copy,.project-file.shared-pending .dossier-end{opacity:0;animation:none}.project-file.shared-pending .dossier-shell,.project-file.shared-pending .dossier-paper,.project-file.shared-pending .dossier-media{animation:none}.project-file.shared-ready .dossier-heading{animation:signature-reveal 260ms var(--signature-ease) both}.project-file.shared-ready .dossier-tags{animation:signature-reveal 260ms 50ms var(--signature-ease) both}.project-file.shared-ready .dossier-copy,.project-file.shared-ready .dossier-end{animation:signature-reveal 320ms 90ms var(--signature-ease) both}.project-file.shared-ready .dossier-shell,.project-file.shared-ready .dossier-paper,.project-file.shared-ready .dossier-media{animation:none}@keyframes signature-reveal{from{opacity:0;translate:-12px 0}to{opacity:1;translate:0 0}}
/* Hidden entrance retains the original artwork and its composition. */
button.secret-star{pointer-events:auto;border:0;background:none;padding:0;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;appearance:none}button.secret-star:focus-visible{outline:3px dashed var(--paper);outline-offset:-18px}.secret-star .art-tag{pointer-events:none}.star-hitmark{position:absolute;left:46%;top:44%;font-size:70px;color:var(--paper);opacity:0;pointer-events:none}.star-tap svg{animation:star-press 180ms var(--signature-ease) both}.star-unlocked .star-hitmark{animation:star-burst 300ms var(--signature-ease) both}@keyframes star-press{45%{scale:.96;rotate:var(--tap-angle,3deg)}100%{scale:1;rotate:0deg}}@keyframes star-burst{0%{opacity:0;scale:.4}40%{opacity:1;scale:1.4;rotate:20deg}100%{opacity:0;scale:1.8;rotate:35deg}}
#secret-feedback{position:fixed;left:50%;top:42%;translate:-50% -50%;z-index:80;background:var(--paper);color:var(--black);padding:17px 25px;border:3px solid var(--black);box-shadow:7px 7px 0 var(--red);transform:rotate(-5deg);font-size:clamp(16px,4vw,26px);font-weight:1000;font-style:italic;white-space:nowrap;pointer-events:none}#secret-feedback span{color:var(--red)}#secret-feedback[hidden]{display:none}
.secret-room{min-height:calc(100svh - 100px);padding:65px 7%;background:var(--red);background-image:radial-gradient(#11111233 1px,transparent 1px);background-size:8px 8px}.secret-paper{position:relative;background:var(--paper);color:var(--black);width:min(680px,100%);margin:auto;padding:40px 45px;box-shadow:10px 10px 0 var(--black);border-top:6px solid var(--black);clip-path:polygon(0 0,94% 0,100% 34px,100% 100%,24px 100%,0 calc(100% - 24px))}.secret-stamp{display:inline-block;padding:9px 14px;background:var(--black);color:var(--paper);font-size:11px;font-weight:900;letter-spacing:2px;transform:rotate(-4deg);margin-bottom:30px}.secret-monogram{position:absolute;right:32px;top:28px;font-weight:1000;font-size:58px;font-style:italic}.secret-monogram span{color:var(--red);font-size:33px}.secret-paper>.kicker{display:block}.secret-paper h1{color:var(--black);text-shadow:3px 3px 0 var(--red);font-size:clamp(62px,8vw,95px);line-height:.94;letter-spacing:-5px;transform:rotate(-3deg);margin:27px 0 31px}.secret-paper>p{font-size:16px;line-height:1.95}.secret-paper dl{display:grid;grid-template-columns:100px 1fr;gap:25px;margin:30px 0}.secret-paper dt{font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--red);margin-bottom:10px}.secret-paper dd{margin:0;font-size:14px;line-height:1.9}.secret-paper .v2-cta{min-width:220px;margin:0 0 25px}.secret-paper .v2-cta-face{background:var(--red);color:var(--paper);min-height:54px}.secret-paper .v2-cta-face strong{font-size:12px}.secret-footnote{display:block;border-top:1px solid #11111255;padding-top:18px;font-size:8px;letter-spacing:1px;line-height:1.7}
/* Small feedback surfaces: no sounds, persistent particles or mouse emulation. */
#comic-feedback{position:fixed;z-index:260;pointer-events:none;background:var(--paper);color:var(--black);border:2px solid var(--black);padding:7px 12px;font-size:15px;font-weight:1000;font-style:italic;box-shadow:3px 3px 0 var(--red);transform:rotate(-9deg)}#comic-feedback[hidden]{display:none}.comic-pop{animation:comic-pop 220ms var(--signature-ease) both}@keyframes comic-pop{0%{scale:.75;opacity:0;translate:0 6px}25%,65%{scale:1;opacity:1;translate:0 0}100%{scale:1.05;opacity:0;translate:0 -6px}}.v2-cta{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px)) rotate(-3deg);transition:transform 160ms var(--signature-ease)}
/* Journal remains an archive, with a paper reading surface. */
.journal-file-number{display:block;color:var(--red);font-size:9px;font-weight:900;letter-spacing:1.4px;margin-bottom:6px}#detail.reader-file{width:min(760px,calc(100% - 28px));padding:0 28px 30px;border:3px solid var(--black);background:var(--paper);box-shadow:8px 8px 0 var(--red);max-height:calc(90svh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.reader-file #close{position:sticky;top:0;margin:0 0 20px auto;z-index:5;min-height:46px;padding:14px 19px;background:var(--black);color:var(--paper);box-shadow:4px 4px 0 var(--red)}.reader-paper{padding:10px 12px 0;animation:reader-unfold 340ms var(--signature-ease) both}.reader-heading{padding-bottom:24px;border-bottom:2px solid var(--black)}.reader-heading time{display:block;font-size:11px;letter-spacing:1px;margin-top:12px;color:#777}.reader-heading h2{font-size:34px;font-style:normal;line-height:1.3;letter-spacing:-1px;margin:20px 0 15px}.reader-deck{color:#777;font-size:14px!important}.reader-copy{padding-top:22px}.reader-copy p{font-size:17px;line-height:2.05;letter-spacing:.015em;margin:0 0 24px}.reader-end{border-top:1px solid #11111244;padding-top:20px;font-size:9px;letter-spacing:1px;font-weight:900;display:flex;justify-content:space-between}.reader-end span{color:var(--red);font-size:23px}.reader-file.detail-closing .reader-paper{animation:reader-fold 210ms ease-in both}#reader-progress{position:sticky;bottom:0;background:var(--paper);padding:10px 0;border-top:1px solid #11111255;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1px}#reader-progress[hidden]{display:none}#reader-progress>i{height:2px;background:#11111222;flex:1}#reader-progress b{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}#reader-progress strong{min-width:34px;color:var(--red)}@keyframes reader-unfold{from{opacity:0;clip-path:polygon(0 0,100% 0,100% 10%,0 5%);translate:-12px 0}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);translate:0 0}}@keyframes reader-fold{to{opacity:0;translate:18px 0;scale:.98}}
@media(max-width:1000px){#chapter-hud{width:140px;top:auto;bottom:calc(14px + env(safe-area-inset-bottom));right:14px;translate:0 0}.hud-label{display:none}.hud-current{flex-direction:row;gap:9px;align-items:center}.hud-current b{font-size:19px;letter-spacing:-1px}.hud-current>span{font-size:9px;letter-spacing:.8px}.hud-current>i{position:static;margin-left:auto}.hud-meter{margin-top:7px}#chapter-toggle{padding:8px 11px;min-height:44px}}
@media(max-width:600px){.secret-room{padding:38px 7% 65px}.secret-paper{padding:29px 23px}.secret-stamp{font-size:9px;letter-spacing:1px;padding:8px 10px}.secret-monogram{font-size:43px;right:22px;top:22px}.secret-monogram span{font-size:25px}.secret-paper h1{font-size:63px;letter-spacing:-3px}.secret-paper>p{font-size:15px}.secret-paper dl{grid-template-columns:1fr;gap:20px}.secret-paper dd{font-size:14px}.secret-paper .v2-cta{min-width:210px}.secret-footnote{font-size:7px}.reader-paper{padding:6px 0 0}#detail.reader-file{padding:0 21px 23px}.reader-heading h2{font-size:27px;line-height:1.35;letter-spacing:-.5px}.reader-copy p{font-size:16px;line-height:2}.reader-heading .kicker{font-size:9px}.reader-end{font-size:8px}.reader-deck{font-size:13px!important}#chapter-select{padding:22px}.chapter-links button{min-height:48px}.journal-file-number{font-size:8px}.star-hitmark{font-size:50px}}
.reduced .shared-cover,.reduced .star-tap svg,.reduced .reader-paper{animation:none!important}.reduced .v2-cta{transform:rotate(-3deg)}
@media(prefers-reduced-motion:reduce){.v2-cta{transform:rotate(-3deg)}.star-tap svg{animation:none!important}.reader-paper{clip-path:none}.shared-cover{will-change:auto}}