#chapter-passage{position:fixed;inset:0;z-index:98;background:#030508;color:#ddd4bd;opacity:0;transition:opacity .8s ease;overflow:hidden;}
#chapter-passage[hidden]{display:none;}
#chapter-passage.is-visible{opacity:1;}
#chapter-passage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;opacity:0;transition:opacity 2s ease;}
#chapter-passage.has-destination>img{opacity:.45;}
.passage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030508dd,transparent 50%,#030508aa),linear-gradient(0deg,#030508,transparent 80%);}
.passage-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;transition:opacity 1.2s ease;}
.is-readable .passage-copy{opacity:1;}
#passage-number{font-size:18px;letter-spacing:.3em;color:#aaa08c;margin:0 0 22px;}
#passage-title{font:normal clamp(32px,5vw,62px)/1.4 "Ark Pixel",sans-serif;letter-spacing:.18em;margin:0 0 20px;}
#passage-place{font-size:15px;color:#9c9b94;letter-spacing:.2em;margin:0;}
#passage-continue{margin-top:70px;padding:12px 22px;background:#080d12bb;border:1px solid #7b715c;color:#ddd4bd;font:16px "Ark Pixel",sans-serif;opacity:0;transition:opacity .6s;cursor:pointer;}
.is-ready #passage-continue{opacity:1;}
#passage-sound{position:absolute;right:25px;top:23px;color:#bbb4a3;background:#080d12;border:1px solid #5a5346;padding:9px;cursor:pointer;font:13px "Ark Pixel",sans-serif;}
#chapter-passage.is-departing>img,#chapter-passage.is-departing .passage-copy{opacity:0;transition-duration:.6s;}
#tape-progress{display:block;margin-top:12px;padding:0;border:0;background:none;color:#c5b48f;font:13px "Ark Pixel",sans-serif;text-align:left;cursor:pointer;}
#tape-progress[hidden]{display:none;}
.fragment-intro,.fragment-record{grid-column:1/-1;}
.fragment-record{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:4px 0 16px;}
.fragment-record>div{padding:12px;border:1px solid #514c41;color:#908d81;background:#10171c;line-height:1.7;}
.fragment-record>div.is-collected{border-color:#b8a779;color:#e4d5b0;}
.fragment-record small{display:block;color:#b6b1a2;}
@media(max-width:700px){.fragment-record{grid-template-columns:1fr;}#passage-continue{margin-top:45px;}}
@media(prefers-reduced-motion:reduce){#chapter-passage,#chapter-passage>img,.passage-copy{transition-duration:.1s;}}