:root{color-scheme:dark;--ink:#091015;--paper:#e8eeec;--muted:#b2c0bc;--line:#a9c4bc50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#091015;color:var(--paper);font-family:Arial,Helvetica,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #d0e5db;outline-offset:4px}.bifrost{position:fixed;inset:0;background-image:linear-gradient(90deg,#080d12eb 0%,#0c1418c7 35%,#101820c7 65%,#080b11eb 100%),linear-gradient(180deg,#060b10a8,#0a1017cb),url('/assets/bifrost.jpg');background-size:cover;background-position:center;filter:saturate(.52);z-index:-1}.bifrost:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 10%,#070a0dd1 100%)}.nav{height:74px;border-bottom:1px solid #c8dcd12d;background:#080d11bd;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,84px);gap:20px}.mark{font-size:14px;font-weight:900;letter-spacing:.16em}.mark span{color:#9db8ae}.nav-index,.return{font-size:11px;letter-spacing:.2em;color:#c5d4cc}.return{border-bottom:1px solid #c5d4cc77;padding-bottom:5px}.hub{max-width:1580px;margin:auto;padding:0 clamp(22px,5vw,84px)}.hub-head{padding:82px 0 37px}.eyebrow{font-size:12px;letter-spacing:.28em;color:#a8c6b8;font-weight:700}.hub h1,.dossier h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;letter-spacing:.045em;line-height:.91;text-transform:uppercase}.hub h1{font-size:clamp(74px,11vw,170px);margin:18px 0 15px}.hub h1 em{font-style:normal;color:#aebdb8}.lead{font-size:19px;color:#c1cdc8;margin:0 0 40px}.search{max-width:910px;height:69px;background:#101b20eb;border:1px solid #b6cfc28a;box-shadow:inset 0 2px 9px #000b,0 22px 42px #0009;display:flex;align-items:center;gap:22px;padding:0 24px}.search svg{width:23px;height:23px;fill:none;stroke:#d3e1d9;stroke-width:1.6;flex:none}.search input{background:none;border:0;outline:0;color:#eef5f0;width:100%;font-size:17px}.search input::placeholder{color:#a8b7b0}.filters{display:flex;gap:24px;flex-wrap:wrap;margin-top:29px}.filter{background:none;border:0;border-bottom:1px solid transparent;color:#a8b9b0;font-size:13px;padding:7px 0 12px;letter-spacing:.06em}.filter:hover,.filter.active{color:#f1f6f1;border-color:#c8e0cd}.results-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;margin-bottom:19px;color:#b5c9be;font-size:12px;letter-spacing:.22em;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{min-width:0;position:relative;background:linear-gradient(145deg,#1c292cf5,#0c1419f7);border:1px solid #b0c8bd7d;box-shadow:0 22px 34px #000a,inset 0 1px #eaf8ea32;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.card:hover,.card:focus-visible{transform:translateY(-4px);border-color:#e5f4e6;box-shadow:0 0 28px color-mix(in srgb,var(--accent),transparent 72%),0 26px 40px #000c}.card-art{height:210px;position:relative;overflow:hidden;background:radial-gradient(circle at 58% 40%,color-mix(in srgb,var(--accent),transparent 68%),transparent 38%),repeating-linear-gradient(115deg,transparent 0 49px,#d3dfdd0c 50px,transparent 51px),linear-gradient(145deg,#222d32,#071017 72%)}.card-art:before{content:"";position:absolute;width:230px;height:230px;border:1px solid color-mix(in srgb,var(--accent),transparent 43%);border-radius:50%;top:-77px;left:calc(50% - 115px);box-shadow:0 0 0 35px color-mix(in srgb,var(--accent),transparent 93%),0 0 0 70px color-mix(in srgb,var(--accent),transparent 96%)}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,#081116e8 100%),linear-gradient(100deg,transparent 43%,color-mix(in srgb,var(--accent),transparent 82%) 50%,transparent 55%)}.glyph{font-family:Impact,Arial,sans-serif;font-size:140px;line-height:1;position:absolute;right:13px;top:20px;color:color-mix(in srgb,var(--accent),transparent 78%);letter-spacing:-.08em}.motif{position:absolute;left:23px;bottom:20px;z-index:1;max-width:190px;font-size:13px;line-height:1.35;color:#d1ded7;text-transform:uppercase;letter-spacing:.13em}.card-copy{padding:23px 22px 25px;min-height:170px;position:relative}.card-meta{display:flex;justify-content:space-between;gap:7px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9bb8a9}.card h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.045em;font-size:31px;line-height:1;margin:23px 0 8px;text-transform:uppercase}.card p{color:#b4c1ba;font-size:14px;margin:0;padding-right:20px;line-height:1.4}.card-open{position:absolute;right:22px;bottom:25px;color:#dcece0;font-size:21px}.empty{padding:65px 0;color:#d2dfd6;font-size:18px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:32px 0 55px;margin-top:58px;color:#a2b9ac;font-size:11px;letter-spacing:.14em}
.room-body{background:#070c10}.room{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,color-mix(in srgb,var(--accent),transparent 82%),transparent 50%),linear-gradient(125deg,#080d12,#141e23 58%,#060a0f)}.room-atmosphere{position:absolute;z-index:-2;inset:0;background:radial-gradient(ellipse at 50% 54%,color-mix(in srgb,var(--accent),transparent 73%),transparent 53%),repeating-linear-gradient(103deg,transparent 0 115px,color-mix(in srgb,var(--accent),transparent 97%) 116px,transparent 118px);opacity:.75}.room:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#060b10 0%,#081116d9 29%,transparent 65%),linear-gradient(0deg,#060a0fdb,transparent 42%),radial-gradient(ellipse at center,transparent 34%,#070b10a8)}.room-nav{height:76px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;padding:0 clamp(24px,5vw,84px);border-bottom:1px solid #c5daca32;color:#c8d8cb;background:#070d11ad;backdrop-filter:blur(10px);font-size:12px;letter-spacing:.2em}.room-nav a:hover,.room-footer a:hover{color:white}.environment{position:absolute;inset:76px 0 0;z-index:-2;overflow:hidden}.environment:before{content:"";position:absolute;left:43%;top:6%;width:60vw;height:60vw;max-width:780px;max-height:780px;border:1px solid color-mix(in srgb,var(--accent),transparent 70%);border-radius:50%;box-shadow:0 0 0 75px color-mix(in srgb,var(--accent),transparent 97%),0 0 0 150px color-mix(in srgb,var(--accent),transparent 98%)}.environment:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(180deg,transparent,#04080bd9),repeating-linear-gradient(90deg,transparent 0 120px,#dae9df10 122px,transparent 125px);transform:perspective(900px) rotateX(22deg) scale(1.5)}.environment-title{position:absolute;top:9%;right:5%;max-width:42%;text-align:right;text-transform:uppercase;color:color-mix(in srgb,var(--accent),transparent 48%);font-family:Impact,Arial,sans-serif;font-size:clamp(48px,8vw,155px);line-height:.9;letter-spacing:.02em;opacity:.27}.character-art{position:absolute;right:2%;top:8%;height:min(86svh,930px);width:min(52vw,750px);display:flex;align-items:center;justify-content:center;z-index:0;filter:drop-shadow(0 22px 35px #000d)}.character-art img{max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.7) contrast(1.13)}.character-art:not(.poster) img{height:100%;max-height:none;width:auto;transform:scale(1.55);mask-image:linear-gradient(180deg,#000 8%,#000 64%,transparent 96%)}.character-art.poster img{mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 72%,transparent 100%)}.dossier{position:relative;z-index:2;width:min(610px,53vw);margin:clamp(48px,8vh,95px) 0 0 clamp(24px,6vw,105px);padding:32px 35px;background:linear-gradient(110deg,#081016ec,#111a1fe6);border:1px solid #b5c8bd64;box-shadow:0 25px 65px #000b,inset 0 1px #eefaf022;backdrop-filter:blur(13px)}.dossier h1{font-size:clamp(52px,6vw,98px);margin:20px 0 18px}.identity{display:flex;gap:12px;flex-wrap:wrap;color:#c7d7cc;font-size:13px;letter-spacing:.1em;text-transform:uppercase}.identity span+span:before{content:' / ';color:var(--accent);margin-right:12px}.lore{font-size:16px;line-height:1.55;color:#d7dfda;margin:31px 0;border-top:1px solid var(--line);padding-top:24px}.info-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:27px}.info-grid h2{font-size:12px;letter-spacing:.2em;color:#aecbb8;margin:0 0 17px}.info-grid ul,.info-grid ol{padding:0;margin:0;list-style:none}.info-grid li{font-size:14px;color:#c7d4cb;line-height:1.4}.info-grid ul li{padding:8px 0 8px 15px;border-top:1px solid #d3dfd01f;position:relative}.info-grid ul li:before{content:'—';position:absolute;left:0;color:var(--accent)}.info-grid ol li{display:grid;grid-template-columns:88px 1fr;gap:8px;border-top:1px solid #d3dfd01f;padding:9px 0}.info-grid strong{text-transform:uppercase;color:#c9ddcd;font-size:12px;letter-spacing:.08em}.room-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:34px clamp(24px,6vw,105px) 30px;max-width:1100px;color:#baccc0}.room-footer p{font-size:13px;line-height:1.45;max-width:330px;margin:0}.room-footer div{display:flex;gap:24px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.room-footer a{border-bottom:1px solid #cedbd17a;padding-bottom:5px}
@media(max-width:1180px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dossier{width:min(590px,58vw)}.character-art{right:-5%;width:53vw}}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-index{display:none}.room{min-height:100svh}.character-art{width:75vw;height:62svh;right:-7%;top:6%;opacity:.75}.dossier{width:calc(100% - 48px);max-width:640px;margin:45svh 24px 0}.room:after{background:linear-gradient(180deg,transparent 10%,#060b10cc 45%,#060b10 100%)}.environment-title{max-width:80%;right:3%;top:7%}.room-footer{margin:26px 24px 35px}}@media(max-width:560px){.nav,.room-nav{height:64px;padding:0 20px}.nav-index,.room-nav .home{display:none}.mark{font-size:12px}.return{font-size:10px}.hub{padding:0 20px}.hub-head{padding:58px 0 26px}.hub h1{font-size:70px}.lead{font-size:16px;line-height:1.5}.search{height:60px}.search input{font-size:15px}.filters{gap:14px;margin-top:20px}.filter{font-size:12px}.results-label{font-size:10px;letter-spacing:.12em}.grid{grid-template-columns:1fr;gap:14px}.card-art{height:170px}.card-copy{min-height:145px}.footer{display:block;line-height:1.8}.room-nav{font-size:11px}.character-art{height:57svh;width:106vw;top:3%;right:-20%;opacity:.74}.character-art:not(.poster) img{transform:scale(1.3)}.dossier{width:calc(100% - 30px);margin:42svh 15px 0;padding:25px 20px}.dossier h1{font-size:56px}.identity{font-size:12px}.lore{font-size:15px}.info-grid{grid-template-columns:1fr;gap:25px}.room-footer{display:block;margin:25px 20px 35px}.room-footer p{margin-bottom:20px}.room-footer div{justify-content:space-between;gap:15px}.room-footer a{max-width:48%;font-size:11px}.environment-title{font-size:70px;top:9%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* The bridge remains a clearly legible still behind the vault. */
.bifrost{background-image:linear-gradient(90deg,#071016b8 0%,#0b16219c 35%,#0b17219c 65%,#071016b8 100%),linear-gradient(180deg,#050a0c72,#0910149a),url('/assets/bifrost.jpg');filter:saturate(.66) brightness(1.16);background-position:center 42%}
.bifrost:after{background:radial-gradient(ellipse at 50% 43%,transparent 32%,#070a0d9e 100%)}
.card-art{background-position:center;background-size:cover}
.card-art:before{display:none}.card-art:after{background:linear-gradient(180deg,transparent 56%,#0811169c 100%)}
.motif{background:#081216b8;border-left:2px solid var(--accent);padding:7px 10px;backdrop-filter:blur(4px);font-size:12px;max-width:230px}
/* Cinematic art now carries the room rather than the earlier game portraits. */
.room-atmosphere:before{content:"";position:absolute;inset:-6%;background-image:linear-gradient(90deg,#060b10 0%,#0710155e 45%,#07101581 100%),var(--room-image);background-size:cover;background-position:center;filter:blur(20px) brightness(.42) saturate(.68);opacity:.83}
.character-art{overflow:hidden;right:0;top:5%;height:min(94svh,990px);width:min(53vw,820px);filter:drop-shadow(0 23px 45px #000c)}
.character-art img,.character-art:not(.poster) img,.character-art.poster img{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:center 36%;transform:none;filter:saturate(.78) brightness(.82) contrast(1.08);mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 69%,transparent 95%)}
.character-art.light img{mix-blend-mode:multiply;filter:saturate(.7) brightness(.9) contrast(1.2)}
@media(max-width:850px){.character-art{width:78vw;height:70svh;right:-9%;top:2%;opacity:.82}}
@media(max-width:560px){.character-art{width:100vw;height:67svh;right:-14%;top:1%;opacity:.82}}
/* Keep the fixed bridge above the page canvas and below every hub panel. */
.hub-body{isolation:isolate}
.hub-body .bifrost{z-index:0;background-image:linear-gradient(90deg,#071016a3 0%,#0b162181 35%,#0b172181 65%,#071016a3 100%),linear-gradient(180deg,#050a0c4d,#09101475),url('/assets/bifrost.jpg')}
.hub-body .nav,.hub-body .hub{position:relative;z-index:1}
/* Character emblems are etched props, with controlled color and chrome rather than bright UI glyphs. */
.card{border-color:#aab9b975;background:linear-gradient(155deg,#1b252af7,#0b1218f9 68%);box-shadow:0 23px 36px #000b,inset 0 1px #eff7f138}
.card-art{height:188px;border-bottom:1px solid #a7bdbe4a;background-color:#080e13;background-repeat:no-repeat;background-size:cover;filter:saturate(.78)}
.card-art:after{background:linear-gradient(180deg,#03070a28 0%,transparent 38%,#08111699 100%)}
.card:hover,.card:focus-visible{border-color:#d8e6dfbe;box-shadow:0 28px 48px #000d,inset 0 1px #fff7}
.card:hover .card-art,.card:focus-visible .card-art{filter:saturate(1.04) brightness(1.1)}
.motif{background:linear-gradient(90deg,#080e12eb,#080e12b3);border-left:1px solid var(--accent);font-size:11px;letter-spacing:.14em;color:#cbd4d1;padding:8px 11px;text-shadow:0 1px 3px #000}
/* Grade the existing film artwork as one family of immersive character rooms. */
.room-atmosphere:before{filter:blur(27px) brightness(.34) saturate(.58);opacity:.89}
.character-art{isolation:isolate}
.character-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#080d12b3,transparent 29%,transparent 73%,#080d1269),linear-gradient(0deg,#080d12b8,transparent 28%,transparent 77%,#080d1245);mix-blend-mode:multiply}
.character-art img,.character-art:not(.poster) img,.character-art.poster img{filter:saturate(.61) brightness(.76) contrast(1.16);mask-image:linear-gradient(180deg,transparent 0%,#000 8%,#000 67%,transparent 96%)}
.room-silver-surfer .character-art img{filter:saturate(.88) brightness(.9) contrast(1.08)}
.room-captain-america .character-art img{object-position:52% 38%}
.room-thor .character-art img,.room-doctor-strange .character-art img,.room-spider-man .character-art img{filter:saturate(.52) brightness(.69) contrast(1.21)}
.character-art.light img{mix-blend-mode:multiply;filter:saturate(.57) brightness(.74) contrast(1.34)}
.room-captain-marvel .character-art img{object-position:50% 17%}
.room-reed-richards .character-art img{object-position:50% 35%}
.room-black-panther .character-art img{object-position:50% 29%}
@media(max-width:560px){.card-art{height:188px}.motif{font-size:11px}}
/* Revision: character art and dossier have separate columns so a face can never hide behind copy. */
.room{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,46%);grid-template-rows:auto minmax(690px,1fr) auto;column-gap:clamp(18px,3vw,55px);align-items:start}
.room-nav{grid-column:1/-1;grid-row:1}
.room .character-art{position:relative;grid-column:2;grid-row:2;z-index:1;top:auto;right:auto;align-self:center;justify-self:center;width:min(100%,660px);height:clamp(570px,74svh,790px);margin:22px 4vw 0 0;opacity:1;overflow:hidden}
.room .character-art img,.room .character-art:not(.poster) img,.room .character-art.poster img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;max-width:none;max-height:none;transform:none;filter:saturate(.7) brightness(.82) contrast(1.12);mask-image:linear-gradient(180deg,transparent 0%,#000 5%,#000 68%,transparent 96%)}
.room .character-art:after{background:linear-gradient(0deg,#080d12c7,transparent 27%,transparent 80%,#080d1240);mix-blend-mode:normal}
.room .character-art.light img{mix-blend-mode:multiply;filter:saturate(.62) brightness(.75) contrast(1.35)}
.room .dossier{grid-column:1;grid-row:2;align-self:center;justify-self:end;width:min(calc(100% - 30px),610px);margin:48px 0 45px clamp(24px,5vw,92px)}
.room .room-footer{grid-column:1/-1;grid-row:3;width:calc(100% - 2*clamp(24px,5vw,92px));max-width:none;margin:10px clamp(24px,5vw,92px) 28px}
.room-silver-surfer .character-art img{filter:saturate(.9) brightness(.9) contrast(1.08)}
.room-daredevil .character-art img{object-fit:contain;object-position:center center}
.room-thor .character-art img,.room-doctor-strange .character-art img,.room-spider-man .character-art img{filter:saturate(.62) brightness(.78) contrast(1.14)}
@media(max-width:900px){
 .room{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:0}
 .room .character-art{grid-column:1;grid-row:2;width:min(82vw,560px);height:min(57svh,620px);min-height:350px;margin:20px auto 0;right:auto;top:auto;opacity:1}
 .room .dossier{grid-column:1;grid-row:3;width:calc(100% - 48px);max-width:670px;margin:0 auto 25px;justify-self:center;align-self:start}
 .room .room-footer{grid-column:1;grid-row:4;margin:0 24px 28px;width:calc(100% - 48px)}
}
@media(max-width:560px){
 .room .character-art{width:calc(100vw - 32px);height:50svh;min-height:290px;margin:10px auto 0}
 .room .dossier{width:calc(100% - 30px);margin:0 15px 20px}
 .room .room-footer{width:calc(100% - 30px);margin:0 15px 28px}
}
/* Revision: archive cards are compact metal file drawers with an engraved character mark. */
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.card{display:grid;grid-template-columns:32% 1fr;min-height:180px;border-color:#92a4a46e;background:linear-gradient(112deg,#0d161bef,#162126f2 52%,#0b1218f5);box-shadow:0 13px 28px #0009,inset 0 1px #d3e1d52d}
.card-art{height:100%;min-height:180px;border-bottom:0;border-right:1px solid #adbdba40;background-position:center;background-size:cover;filter:saturate(.62) brightness(.78);transition:filter .25s ease}
.card-art:after{background:linear-gradient(90deg,transparent 65%,#0a1215c9)}
.card .motif{display:none}
.card-copy{min-height:180px;padding:22px 24px 20px;display:flex;flex-direction:column;justify-content:center}
.card h2{font-size:clamp(25px,2.4vw,37px);margin:16px 0 9px}
.card-copy p{margin:0 30px 0 0;line-height:1.4}
.card-meta{font-size:11px;color:#a8b7b3}
.card-open{bottom:20px;right:23px;font-size:20px}
.card:hover,.card:focus-visible{transform:translateY(-2px);border-color:#c8d3cbb0;box-shadow:0 18px 36px #000c,inset 0 1px #e6eee58a}
.card:hover .card-art,.card:focus-visible .card-art{filter:saturate(.86) brightness(.94)}
@media(max-width:1000px){.grid{grid-template-columns:1fr}}
@media(max-width:560px){.card{grid-template-columns:110px 1fr;min-height:156px}.card-art{min-height:156px;height:100%}.card-copy{min-height:156px;padding:17px 15px}.card h2{font-size:26px;margin:11px 0 6px}.card-copy p{font-size:13px}.card-open{right:13px;bottom:13px}.card-meta{font-size:10px}}
/* The full file continues below the poster; the cinematic portrait remains unobstructed. */
.room{grid-template-rows:auto minmax(690px,1fr) auto auto;overflow:visible}
.room .deep-file{grid-column:1/-1;grid-row:3;z-index:2;position:relative;width:calc(100% - 2*clamp(24px,5vw,92px));max-width:1450px;margin:10px auto 70px;padding:clamp(25px,4vw,60px);border:1px solid #b5c8bd54;background:linear-gradient(130deg,#0b1419f8,#101a20f7 62%,#0a1217fa);box-shadow:0 22px 65px #000b,inset 0 1px #e1ede336}
.deep-head{padding-bottom:28px;border-bottom:1px solid #bdd3c247;max-width:800px}
.deep-head h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(45px,6vw,90px);line-height:.95;letter-spacing:.03em;margin:18px 0;text-transform:uppercase}.deep-head h2 em{font-style:normal;color:#aebdb8}
.deep-head>p:last-child{font-size:16px;line-height:1.55;color:#c5d0c9;margin:0}
.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,70px)}
.chapter{padding:30px 0 32px;border-bottom:1px solid #d3dfd02b}
.chapter-num{font-size:12px;letter-spacing:.19em;color:var(--accent);font-weight:700}
.chapter h3{font-size:clamp(21px,2vw,29px);font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;margin:10px 0 13px;line-height:1.15}
.chapter p{font-size:16px;line-height:1.66;color:#d2dcd6;margin:0;max-width:68ch}
.screen-chapter{border-left:2px solid var(--accent);padding-left:22px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 91%),transparent 65%)}
.file-end{display:flex;gap:24px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:26px;color:#aebeb4;font-size:13px;line-height:1.5}
.file-end a,.read-file{color:#e1efe5;border:1px solid #b1cbb694;background:#12201d80;padding:12px 16px;font-size:12px;font-weight:700;letter-spacing:.12em;transition:background .2s,border-color .2s;white-space:normal;text-align:left}
.file-end a:hover,.read-file:hover{background:#1b3028;border-color:#e0efe1}
.read-file{display:block;margin-top:28px;cursor:pointer}
.room .room-footer{grid-row:4}
@media(max-width:900px){.room{grid-template-rows:auto auto auto auto auto}.room .deep-file{grid-column:1;grid-row:4;margin:0 auto 35px;width:calc(100% - 48px)}.room .room-footer{grid-row:5}}
@media(max-width:650px){.chapter-grid{grid-template-columns:1fr}.room .deep-file{width:calc(100% - 30px);margin-bottom:28px;padding:25px 20px}.chapter{padding:25px 0}.chapter p{font-size:16px}.screen-chapter{padding-left:17px}.file-end{display:block}.file-end a{display:inline-block;margin-top:17px}}
/* Archive Power Profile: a restrained seven-step metal instrument panel. */
.room{grid-template-rows:auto minmax(690px,1fr) auto auto auto}
.room .power-panel{grid-column:1/-1;grid-row:3;position:relative;z-index:2;width:calc(100% - 2*clamp(24px,5vw,92px));max-width:1450px;margin:10px auto 22px;padding:clamp(25px,3.7vw,52px);background:linear-gradient(115deg,#101b20fa,#111b20f6 60%,#0a1318fa);border:1px solid #a4b9ae6d;box-shadow:0 22px 58px #000a,inset 0 1px #dceee148}
.power-head{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;padding-bottom:29px;border-bottom:1px solid #a7bcaf55}
.power-head h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(46px,6vw,82px);line-height:.95;margin:16px 0;text-transform:uppercase;letter-spacing:.04em}.power-head h2 em{font-style:normal;color:#aabcb1}
.power-head p:last-child{font-size:16px;line-height:1.55;color:#c8d5cc;margin:0;max-width:58ch}
.overall{flex:none;min-width:180px;padding:12px 23px 14px;border-left:2px solid var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 85%),transparent);text-align:left;display:flex;flex-direction:column;gap:4px}
.overall span{font-size:11px;color:#c1d3c7;letter-spacing:.17em;font-weight:bold}.overall strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(70px,8vw,108px);line-height:1;font-weight:900;color:#eef4ef;letter-spacing:.02em}.overall small{font:600 18px Arial,Helvetica,sans-serif;color:#b4c8bc;margin-left:4px}
.power-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,6vw,100px)}
.power-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(115px,170px) 42px;gap:14px;align-items:center;border-bottom:1px solid #bed0c02f;min-height:88px}
.stat-name strong{display:block;text-transform:uppercase;font-size:15px;letter-spacing:.11em}.stat-name span{display:block;font-size:12px;color:#aebfb4;line-height:1.35;margin-top:5px}
.segments{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-items:center}.segments i{display:block;height:19px;transform:skew(-13deg);background:linear-gradient(180deg,#26373b,#1a292e);border:1px solid #80938b70;box-shadow:inset 0 1px #ffffff12}.segments i.lit{background:linear-gradient(180deg,#d1dfd2,color-mix(in srgb,var(--accent),#70877a 52%) 50%,#6e897a);border-color:#dfeddaa6;box-shadow:inset 0 1px #fff9,0 0 9px color-mix(in srgb,var(--accent),transparent 77%)}
.power-row output{text-align:right;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:26px;white-space:nowrap}.power-row output small{font:12px Arial,Helvetica,sans-serif;color:#abc1b2;margin-left:2px}
.power-method{max-width:100ch;font-size:13px;line-height:1.55;color:#aebfb3;margin:25px 0 0}.power-method a{color:#e0eee2;text-decoration:underline;text-underline-offset:3px}
.room .deep-file{grid-row:4}.room .room-footer{grid-row:5}
@media(max-width:900px){.room{grid-template-rows:auto auto auto auto auto auto}.room .power-panel{grid-column:1;grid-row:4;width:calc(100% - 48px);margin:0 auto 22px}.room .deep-file{grid-row:5}.room .room-footer{grid-row:6}}
@media(max-width:700px){.power-head{align-items:flex-start;flex-direction:column}.overall{min-width:0;align-self:stretch;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.overall span:last-child{display:none}.overall strong{font-size:65px}.power-rows{grid-template-columns:1fr}.power-row{grid-template-columns:minmax(0,1fr) minmax(105px,145px) 38px;gap:9px}.room .power-panel{width:calc(100% - 30px);padding:25px 20px}.stat-name strong{font-size:14px}.stat-name span{font-size:12px}.segments{gap:3px}.segments i{height:17px}}
@media(max-width:380px){.power-row{grid-template-columns:minmax(0,1fr) 103px 32px}.stat-name span{display:none}.power-row output{font-size:23px}}
/* Expanded dossier: story landmarks are laid out like a chronological archive. */
.story-record,.screen-record{display:grid;grid-template-columns:minmax(210px,30%) minmax(0,1fr);gap:clamp(22px,4vw,64px);padding:38px 0;border-bottom:1px solid #b9cabb53}
.record-intro h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(28px,3.5vw,47px);font-weight:900;line-height:1.05;letter-spacing:.025em;text-transform:uppercase;margin:13px 0}
.record-intro p{font-size:14px;line-height:1.55;color:#adbcaf;max-width:35ch;margin:0}
.record-list{padding:0;margin:0;list-style:none}
.record-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:14px 0 19px;border-top:1px solid #d0dbcf2e}
.record-list li:first-child{border-top:0;padding-top:0}
.record-count{font-family:Impact,'Arial Narrow',Arial,sans-serif;color:var(--accent);font-size:26px;line-height:1}
.record-list strong{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:15px;line-height:1.3;color:#f0f4ed}
.record-list p{font-size:15px;line-height:1.55;color:#c9d5ca;margin:6px 0 0}
.screen-record{background:linear-gradient(90deg,color-mix(in srgb,var(--accent),transparent 95%),transparent 70%);padding-left:clamp(12px,2vw,30px);padding-right:clamp(12px,2vw,30px)}
@media(max-width:700px){.story-record,.screen-record{grid-template-columns:1fr;gap:24px;padding:32px 0}.screen-record{padding-left:12px;padding-right:12px}.record-intro p{max-width:none}.record-list li{grid-template-columns:36px minmax(0,1fr);gap:12px}.record-list p{font-size:15px}}
/* Longer case notes keep paragraph rhythm and citations readable. */
.chapter p+p{margin-top:15px;padding-top:15px;border-top:1px solid #d3dfd017}
.chapter-grid .chapter{padding-top:36px;padding-bottom:38px}
.deep-head>p:last-child{max-width:67ch}
@media(max-width:650px){.chapter-grid .chapter{padding-top:27px;padding-bottom:30px}.chapter p+p{margin-top:14px;padding-top:14px}}

/* Direct section paths in archive hub and character rooms. */
.nav .section-links,.room-nav .section-links{display:flex;align-items:center;justify-content:center;gap:10px;margin-inline:auto}
.nav .section-links a,.room-nav .section-links a{display:inline-flex;align-items:center;min-height:42px;padding:9px 15px;border:1px solid #bccfc273;background:#101a1dcc;color:#e7efea;font-size:12px;font-weight:700;letter-spacing:.11em;white-space:nowrap;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.nav .section-links a:hover,.room-nav .section-links a:hover{background:#243a35;border-color:#e4eee6;transform:translateY(-2px)}
.nav .section-links a:focus-visible,.room-nav .section-links a:focus-visible{outline:2px solid #e4eee6;outline-offset:3px}
@media(max-width:690px){.nav,.room-nav{height:auto;min-height:70px;flex-wrap:wrap;gap:8px;padding:12px 20px}.nav .section-links,.room-nav .section-links{order:3;width:100%;margin:4px 0 0;justify-content:stretch}.nav .section-links a,.room-nav .section-links a{flex:1;justify-content:center;padding:10px 7px;font-size:11px;letter-spacing:.03em}.room-nav .home{display:inline-flex}.room-nav .back{font-size:11px;letter-spacing:.02em}}