/* Reading room: tools occupy their own grid cell, never the artwork. */
.live-reading .layout{grid-template-columns:minmax(0,1fr) minmax(380px,480px);grid-template-rows:auto 1fr;align-items:start}
.live-reading .top{position:relative;inset:auto;grid-column:2;grid-row:1;width:auto;max-width:none;padding:24px 28px 20px;display:block;background:#150e14;border-bottom:1px solid #57313d;z-index:2}
.live-reading .top .brand{font-size:20px}.live-reading .top .brand small{font-size:10px}
.live-reading .top>div{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:18px;align-items:center}
.live-reading .top .quiet{font-size:13px}.live-reading .stage{grid-column:1;grid-row:1/3}.live-reading .console{grid-column:2;grid-row:2;padding-top:28px}
.live-reading.present .layout{display:block}.live-reading.present .top{display:flex;justify-content:space-between;gap:20px}.live-reading.present .top>div{margin:0}.live-reading.present .stage{position:relative}
.video-evidence{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;background:#08060a}.video-evidence video{display:block;width:min(100%,360px);max-height:75svh;aspect-ratio:9/16;object-fit:contain;background:#000;border:1px solid #7e4254}.video-evidence small{font-size:11px;color:#c2a8b2}.evidence-pending{padding:24px;border:1px dashed #61404d;color:#bea5ae;margin-top:24px}.evidence-pending span{letter-spacing:.12em}.evidence-pending p{font-size:13px}
.contact-footer{padding:56px 0 30px;margin-top:64px;border-top:1px solid #633747;display:flex;justify-content:space-between;gap:28px}.contact-footer h2{font-size:clamp(24px,3vw,34px)}.contact-footer p{color:#c0a8b1}.contact-footer a{color:#eedddf;text-underline-offset:6px;font-size:14px}.contact-footer nav{display:flex;gap:26px;align-items:center}
.dossier .folder-cover{transition:transform .95s cubic-bezier(.2,.7,.2,1),opacity .95s!important}
.dossier.is-scanning .file-verification{animation-duration:1.9s!important}.dossier.is-scanning .folder-cover:after{animation-duration:1.9s!important}
.dossier.is-open .folder-content{animation:content-arrival 1.1s both}
.dossier.is-open .folder-content:after{display:block!important;animation:archive-light 1.1s ease-out both!important;pointer-events:none;position:absolute;inset:0;height:100%;content:"";background:linear-gradient(110deg,transparent 30%,#e7b8c541 48%,#fff8ebaa 50%,#b7265340 52%,transparent 70%);z-index:4}
@keyframes archive-light{from{transform:translateX(-100%);opacity:1}to{transform:translateX(100%);opacity:0}}
@keyframes content-arrival{from{opacity:.2;filter:brightness(1.7)}to{opacity:1;filter:brightness(1)}}
.decrypt-meter i{transition:none!important}.video-evidence[hidden]{display:none}
@media(max-width:850px){.live-reading .layout{display:flex;flex-direction:column}.live-reading .top{order:0;width:100%;box-sizing:border-box;padding:18px 22px}.live-reading .stage{order:1;width:100%;position:relative}.live-reading .console{order:2;width:100%;box-sizing:border-box}.live-reading.present .top{display:block}.live-reading.present .top>div{margin-top:14px}.contact-footer{flex-direction:column}.contact-footer nav{justify-content:flex-start}.video-evidence{padding:14px}}
@media(prefers-reduced-motion:reduce){.dossier .folder-cover{transition:none!important}.dossier.is-open .folder-content{animation:none!important}.dossier.is-open .folder-content:after{display:none!important}.dossier.is-scanning *,.is-decrypting *{animation:none!important;transition:none!important}}

.oracle-reference{margin:20px 0 28px;padding:16px;border:1px solid #583442;color:#bfa7b2;font-size:12px;line-height:1.8}.oracle-reference summary{cursor:pointer;color:#e0bbc9}.oracle-reference a{color:#db9fb2}.oracle-reference #classic-text{font-family:serif;font-size:16px;color:#ead9db}

.case-grid .evidence-slot.video-evidence{aspect-ratio:auto;width:auto;max-height:none;margin:0;border:0;border-top:1px solid #54303a;background:#09070b}.case-grid .video-evidence video{width:min(100%,360px);height:auto;max-height:75svh;aspect-ratio:9/16}

.world-films{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.playback-notice[hidden]{display:none}.playback-notice{margin:16px auto;display:block}.reading-gateway .home-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.case-grid [data-dossier].is-scanning .case-cover-art,.case-grid [data-dossier].is-scanning .case-light-bloom{animation-duration:2.4s!important}
@media(max-width:700px){.world-films{grid-template-columns:1fr}.reading-gateway .read-comic{min-width:0;width:100%;box-sizing:border-box}.flower{filter:none!important}.ritual-inner{filter:none!important}dialog::backdrop{backdrop-filter:none}.dossier.is-open .folder-content{filter:none;animation:mobile-content 1.2s both}.case-grid [data-dossier].is-scanning .case-cover-art{filter:none!important}}
@keyframes mobile-content{from{opacity:.2}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.case-grid [data-dossier].is-scanning .case-cover-art,.case-grid [data-dossier].is-scanning .case-light-bloom{animation:none!important}.file-verification{transition:none!important}}
/* V27: compact navigation, intentional focus, and touch-safe links */
body>header{position:fixed;inset:0 0 auto;padding:10px 4vw;min-height:64px;background:linear-gradient(#100a10d9,#100a1080);border-bottom:1px solid #bc718329;transition:transform .3s ease;gap:18px;z-index:40}
body>header .edition{display:none}body>header .wordmark{font-size:19px}body>header.nav-hidden{transform:translateY(-110%)}
[tabindex="-1"]:focus{outline:none}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #dd9aaa;outline-offset:4px}h1,h2,h3{ -webkit-tap-highlight-color:transparent }::selection{background:#8d344d;color:#fff}
.external-link-group{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;z-index:1;min-width:0}.copy-external{font-size:12px;min-height:44px;padding:8px;color:#bba7b0}.external-link-group input{max-width:100%;font-size:12px}.contact-footer nav a{display:flex;align-items:center;gap:12px;min-height:48px}.contact-footer nav{display:flex;gap:24px;flex-wrap:wrap}.social-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;display:block;border:1px solid #a85e76;position:relative}.social-avatar img{width:100%;height:100%;object-fit:cover}.youtube-avatar img{position:absolute;max-width:none;width:124%;height:auto;left:-19%;top:-16%}
#export-status{border-left:2px solid #bb6b86;padding:10px 14px;background:#2a1723}#open-ticket{display:inline-block;min-height:44px;padding:12px 0}.buttons button:disabled{opacity:.4}
@media(max-width:600px){body>header{padding:7px 14px;gap:9px;min-height:58px;flex-wrap:nowrap}body>header .wordmark{font-size:13px;letter-spacing:.06em}body>header .live-entry{font-size:10px;max-width:80px}body>header .language-switch{gap:2px}body>header #sound{min-width:36px}body>header #sound-label{display:none}.reading-gateway .home-actions{display:flex;flex-direction:column;align-items:stretch}.reading-gateway .external-link-group,.reading-gateway .read-comic{width:100%;min-width:0}.contact-footer nav{gap:24px}.contact-footer nav a{font-size:14px}.contact-footer .external-link-group{align-items:flex-start}}
#copy-comic{display:none}

.youtube-avatar img{width:124%;height:126%;object-fit:fill;max-height:none}#export-status.needs-review{outline:2px solid #e8a6bb}

/* Story-first navigation: a short introduction before the case archive. */
#story-intro,#case-files{scroll-margin-top:100px}
.story-intro{padding:65px 5% 70px;margin-bottom:36px;border-top:1px solid #89506466;background:radial-gradient(ellipse at 50% 40%,#54203735,transparent 70%);text-align:center}
.story-intro h2{font-family:"Songti TC",serif;font-size:clamp(25px,3vw,38px);font-weight:400;line-height:1.6;margin:20px auto;max-width:760px}
.story-premise,.story-bridge{color:#c5aeb8;line-height:1.9}
.story-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;max-width:760px;margin:38px auto}
.story-pair article{padding:26px 12px;border-block:1px solid #9c52694d}
.story-pair h3{font:32px "Songti TC",serif;letter-spacing:.16em;margin:18px 0}
.story-pair p{color:#c5aeb8;line-height:1.8;margin:0}
.story-cross{color:#a15570;font:28px serif}.story-next{display:inline-block;text-decoration:none;margin-top:14px;padding:15px;border-bottom:1px solid #9c5269}
.party-teaser .manual-oracle{display:block;margin:16px 0;text-decoration:none}
@media(max-width:600px){.story-intro{padding:42px 18px}.story-pair{gap:10px;margin:25px auto}.story-pair .eyebrow{font-size:9px;letter-spacing:.08em}.story-pair h3{font-size:27px}.story-pair p{font-size:13px}.section-nav a{padding:10px 12px}body>header .live-entry{order:0;width:auto;text-align:center;margin-left:auto;margin-right:0;white-space:nowrap}}

.character-card{position:relative;display:block;padding:0;width:100%;border:1px solid #744150;background:#140c13;text-align:left;overflow:hidden;cursor:pointer;touch-action:manipulation}.character-card img{display:block;width:100%;aspect-ratio:520/900;object-fit:cover}.character-caption{display:flex;flex-direction:column;gap:10px;position:absolute;bottom:0;inset-inline:0;padding:55px 24px 22px;background:linear-gradient(transparent,#10090ff5 45%)}.character-caption strong{font:30px serif}.character-caption span{font-size:13px;color:#dbc1cc}.character-caption small{font-size:11px;color:#e79bb8}.character-card:focus-visible{outline:2px solid #f1b9cf;outline-offset:4px}.character-dialog{width:min(900px,94vw);padding:18px;background:#140d16;border:1px solid #a45470;max-height:90svh;overflow:auto}.character-detail{display:grid;grid-template-columns:40% 1fr;gap:30px;padding:8px 16px 24px}.character-detail img{width:100%;align-self:start}.character-detail h2{font:34px serif;margin:14px 0}.character-detail h3{font:22px/1.7 serif}.character-detail p{font-size:15px;line-height:2;color:#d4beca}.character-detail .character-ending{color:#f3d9e3}.character-dialog[open]{animation:appear .45s both}html[lang=en] .folder-title{font-size:clamp(18px,2vw,26px);line-height:1.35;overflow-wrap:break-word}#accept{touch-action:manipulation;position:relative;z-index:10}
@media(max-width:600px){.character-caption{padding:40px 10px 15px}.character-caption strong{font-size:22px}.character-caption span{font-size:11px}.character-caption small{font-size:10px}.character-detail{grid-template-columns:1fr;padding:5px 8px 18px;gap:16px}.character-detail img{max-height:42svh;object-fit:contain}.character-detail h2{font-size:28px}.character-dialog{max-height:88svh}}
@media(prefers-reduced-motion:reduce){.character-dialog[open]{animation:none}}