: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}}

/* Cinematic emblems on tiles, preserved portrait artwork inside character rooms. */
.card-art{background-size:cover;background-repeat:no-repeat;background-position:center 46%;background-color:#080d12;filter:saturate(.92) brightness(.96)}
.card:hover .card-art,.card:focus-visible .card-art{filter:saturate(1) brightness(1.05)}
.room .character-art img{object-fit:contain;object-position:center}
.room.emblem-room .character-art img{filter:saturate(.95) brightness(.96) contrast(1.04);mask-image:linear-gradient(180deg,transparent 0%,#000 3%,#000 90%,transparent 100%)}

/* Individual covers retain their complete silhouette and load as files enter view. */
.card-art{position:relative;overflow:hidden}
.card-art>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.new-character-card .card-art>img{object-fit:contain;object-position:center;background:#080d12}
.new-character-card h2{font-size:clamp(24px,2.4vw,37px);overflow-wrap:anywhere}
.room.new-character-room .character-art{align-self:start;overflow:visible;margin-right:0;width:calc(100% - 32px);height:clamp(550px,80svh,880px)}
.room.new-character-room .character-art img{object-fit:contain;object-position:center;mask-image:none;filter:none;mix-blend-mode:normal}
.room.new-character-room .character-art:after{display:none}
.room.new-character-room .dossier h1{font-size:clamp(42px,5.3vw,84px);overflow-wrap:anywhere}
.file-end a{max-width:100%;overflow-wrap:anywhere}
@media(max-width:900px){.room.new-character-room .character-art{width:calc(100% - 32px);height:min(75svh,740px);min-height:370px;margin:20px auto}.room.new-character-room .dossier h1{font-size:clamp(42px,8vw,72px)}}
.new-character-room .chapter-num,.new-character-room .record-count{color:color-mix(in srgb,var(--accent),white 45%)}
/* Longer publication-era labels remain readable beside the portrait. */
.new-character-room .info-grid{grid-template-columns:1fr;gap:25px}
.new-character-room .info-grid ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.new-character-room .info-grid ol li{grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)}
@media(max-width:420px){.new-character-room .info-grid ul{grid-template-columns:1fr}.new-character-room .info-grid ol li{grid-template-columns:1fr;gap:5px}}

.compare-file{display:inline-block;margin:20px 15px 0 0;padding:12px 15px;color:#cce1d2;border:1px solid #b3cdb477;font-size:14px}
/* Archive continuity uses the same two-choice navigation pattern as World Tree. */
.archive-switch{position:relative;z-index:4;display:flex;gap:4px;flex-wrap:wrap;width:fit-content;max-width:100%;padding:4px;background:#071019ef;border:1px solid #b8c8c45c;margin:0 0 28px}
.archive-switch a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;font:700 14px/1.3 Arial,sans-serif;letter-spacing:.07em;color:#d5e1db;text-align:center}
.archive-switch a[aria-current]{color:#f3f9ed;background:#244234;border:1px solid #92c9ad80}
.archive-switch a:focus-visible{outline:2px solid #a1f6c8;outline-offset:3px}
.room>.archive-switch{margin:18px clamp(16px,3vw,50px) 0}
@media(max-width:700px){.archive-switch a{font-size:13px;padding:10px 12px}.room>.archive-switch{margin:14px 16px 0}}

/* Comics illustrations keep their inked color, square scene framing and full crop. */
body[data-archive-continuity="comics"] .card-art{filter:none;border-right:3px solid #03070b}
body[data-archive-continuity="comics"] .card-art>img{object-fit:contain;object-position:center;filter:none}
body[data-archive-continuity="comics"] .card-art:before{display:none}
body[data-archive-continuity="comics"] .card-art:after{background:linear-gradient(0deg,#03070b88,transparent 35%)}
body[data-archive-continuity="comics"] .card{border:2px solid #070c11;box-shadow:0 0 0 1px #849aaf70,4px 5px 0 #020509;background:#0d1720}
body[data-archive-continuity="comics"] .card:hover .card-art{filter:none}
body[data-archive-continuity="comics"] .room{grid-template-rows:auto auto auto auto auto auto}
body[data-archive-continuity="comics"] .room>.archive-switch{grid-column:1/-1;grid-row:2}
body[data-archive-continuity="comics"] .room .character-art{grid-column:2;grid-row:3;align-self:start;width:calc(100% - 32px);height:auto;min-height:0;aspect-ratio:1;margin:24px 16px;border:4px solid #03070b;box-shadow:0 0 0 1px #a8b8c570,7px 8px 0 #020509;overflow:hidden;background:#050b12;filter:none}
body[data-archive-continuity="comics"] .room .character-art img{width:100%;height:100%;object-fit:contain;object-position:center;filter:none;mask-image:none;mix-blend-mode:normal;transform:none}
body[data-archive-continuity="comics"] .room .character-art:after{display:none}
body[data-archive-continuity="comics"] .room .dossier{grid-row:3}
body[data-archive-continuity="comics"] .room .power-panel{grid-row:4}
body[data-archive-continuity="comics"] .room .deep-file{grid-row:5}
body[data-archive-continuity="comics"] .room .room-footer{grid-row:6}
@media(max-width:900px){
 body[data-archive-continuity="comics"] .room{grid-template-rows:auto auto auto auto auto auto auto}
 body[data-archive-continuity="comics"] .room .character-art{grid-column:1;grid-row:3;width:calc(100% - 32px);max-width:600px;margin:20px auto}
 body[data-archive-continuity="comics"] .room .dossier{grid-row:4}
 body[data-archive-continuity="comics"] .room .power-panel{grid-row:5}
 body[data-archive-continuity="comics"] .room .deep-file{grid-row:6}
 body[data-archive-continuity="comics"] .room .room-footer{grid-row:7}
}

.archive-guide-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 18px;padding:8px 0;color:#bad9c9;border-bottom:1px solid #829d9166;font-size:14px}

.archive-room-guide{min-height:44px}

body[data-archive-continuity="comics"] .visual-relation img{height:72px;object-fit:contain}
body[data-archive-continuity="comics"] .visual-connection img{object-fit:contain}

/* Center Deadpool cover inside the Comics archive tile. */
body[data-archive-continuity="comics"] .card[data-character="deadpool"] .card-art>img{inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%;transform:none;margin:0;filter:none;}

/* Deadpool Screen library tile: center the complete cover inside its frame. */
body[data-archive-continuity="screen"] .card[data-character="deadpool"] .card-art{display:flex;align-items:center;justify-content:center;background:#080d12;padding:0;}
body[data-archive-continuity="screen"] .card[data-character="deadpool"] .card-art>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%;transform:none;margin:0;filter:none;}

@font-face {
  font-family: 'Audiowide';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/_cached/audiowide.e9a400ead32f697e.woff') format('woff');
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/_cached/barlow-condensed.1521aa3ab94b2b35.woff') format('woff');
}

@font-face {
  font-family: 'Caudex';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/_cached/caudex.f128fd0b1a8d2cb1.woff') format('woff');
}

@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/_cached/chakra-petch.4053734919f5c5a2.woff') format('woff');
}

@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/_cached/cinzel.67c0125a21d43092.woff') format('woff');
}

@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/_cached/cinzel-decorative.ecdc07e750146b9a.woff') format('woff');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/_cached/cormorant-garamond.3137f31fab411b43.woff') format('woff');
}

@font-face {
  font-family: 'Cormorant SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/_cached/cormorant-sc.988a5ece9a5e2e1a.woff') format('woff');
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/_cached/exo-2.7525c51a41ad3e47.woff') format('woff');
}

@font-face {
  font-family: 'Marcellus SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/_cached/marcellus-sc.ab4f2efcf4022711.woff') format('woff');
}

@font-face {
  font-family: 'Michroma';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/_cached/michroma.7b5129fd8491154d.woff') format('woff');
}

@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/_cached/orbitron.7d49c2785a355283.woff') format('woff');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/_cached/oswald.1d8a618c60b57cc5.woff') format('woff');
}

@font-face {
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/_cached/oxanium.11705a814c4f74c0.woff') format('woff');
}

@font-face {
  font-family: 'Racing Sans One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/_cached/racing-sans-one.bf2dcbef33a4750f.woff') format('woff');
}

@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/_cached/rajdhani.bef9f75d489e57e1.woff') format('woff');
}

@font-face {
  font-family: 'Russo One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/_cached/russo-one.e30d18d78fd3033a.woff') format('woff');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/_cached/saira-condensed.7ebf0a8253cec16d.woff') format('woff');
}

@font-face {
  font-family: 'Syncopate';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/_cached/syncopate.ea9d5f6e0dc1f068.woff') format('woff');
}

@font-face {
  font-family: 'Uncial Antiqua';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/_cached/uncial-antiqua.5c55ff9e579bb348.woff') format('woff');
}
/* Character-specific title lettering; lore and controls retain the shared reading font. */
[data-character]{--letter-style:normal}
.card[data-character] h2,.room[data-character] .dossier h1{
font-family:var(--letter-family),Impact,'Arial Narrow',sans-serif;
font-weight:var(--letter-weight);font-style:var(--letter-style);font-synthesis:none;
letter-spacing:var(--letter-tracking);line-height:1.18;text-transform:uppercase;
color:var(--letter-mid);text-shadow:0 2px 14px var(--letter-glow);
max-width:100%;overflow-wrap:normal;word-break:normal;
}
.card[data-character] h2{font-size:clamp(1.25rem,1.8vw,1.8rem);padding-block:.12em;margin-top:12px}
.room[data-character] .dossier h1{font-size:clamp(2.5rem,4.8vw,5.2rem);padding-block:.1em;line-height:1.12}
@supports (background-clip:text){
.card[data-character] h2,.room[data-character] .dossier h1{background:linear-gradient(172deg,var(--letter-top) 8%,var(--letter-mid) 60%,var(--letter-low) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
@media(forced-colors:active){.card[data-character] h2,.room[data-character] .dossier h1{background:none;color:CanvasText;text-shadow:none}}
@media(max-width:560px){.card[data-character] h2{font-size:1.25rem}.room[data-character] .dossier h1{font-size:clamp(2.15rem,9vw,3.25rem)}}
[data-character="doctor-doom"]{--letter-family:"Cinzel Decorative";--letter-weight:900;--letter-tracking:.015em;--letter-top:#edf7ed;--letter-mid:#90bca1;--letter-low:#344b40;--letter-glow:#5fbc8c35;--letter-style:normal}
[data-character="black-panther"]{--letter-family:"Oxanium";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f0efff;--letter-mid:#b9abd9;--letter-low:#665579;--letter-glow:#9b71dd30;--letter-style:normal}
[data-character="magneto"]{--letter-family:"Syncopate";--letter-weight:700;--letter-tracking:-.015em;--letter-top:#f8e8ef;--letter-mid:#d890b4;--letter-low:#794267;--letter-glow:#d8519b30;--letter-style:normal}
[data-character="captain-america"]{--letter-family:"Barlow Condensed";--letter-weight:800;--letter-tracking:.05em;--letter-top:#ffffff;--letter-mid:#d5e3f5;--letter-low:#6885a9;--letter-glow:#81a5dc24;--letter-style:normal}
[data-character="thor"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.005em;--letter-top:#fff7e6;--letter-mid:#e6c98e;--letter-low:#8e7750;--letter-glow:#caeaff35;--letter-style:normal}
[data-character="silver-surfer"]{--letter-family:"Michroma";--letter-weight:400;--letter-tracking:-.025em;--letter-top:#ffffff;--letter-mid:#c4dce9;--letter-low:#6c94ad;--letter-glow:#c2eaff35;--letter-style:normal}
[data-character="thanos"]{--letter-family:"Russo One";--letter-weight:400;--letter-tracking:.02em;--letter-top:#fff3d8;--letter-mid:#dcb875;--letter-low:#866b47;--letter-glow:#cc9ef22b;--letter-style:normal}
[data-character="captain-marvel"]{--letter-family:"Audiowide";--letter-weight:400;--letter-tracking:-.025em;--letter-top:#fff4cd;--letter-mid:#e7c779;--letter-low:#a17c3e;--letter-glow:#f4bb6c32;--letter-style:normal}
[data-character="scarlet-witch"]{--letter-family:"Cormorant Garamond";--letter-weight:600;--letter-tracking:.025em;--letter-top:#ffe5eb;--letter-mid:#ef9eaf;--letter-low:#bc4c6b;--letter-glow:#e7316d36;--letter-style:italic}
[data-character="doctor-strange"]{--letter-family:"Uncial Antiqua";--letter-weight:400;--letter-tracking:.005em;--letter-top:#fff4d8;--letter-mid:#e3c896;--letter-low:#ab8f61;--letter-glow:#e3b96732;--letter-style:normal}
[data-character="loki"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.085em;--letter-top:#fff5d9;--letter-mid:#d7c88e;--letter-low:#84926b;--letter-glow:#79c49a2b;--letter-style:normal}
[data-character="jean-grey"]{--letter-family:"Marcellus SC";--letter-weight:400;--letter-tracking:.04em;--letter-top:#fff8d8;--letter-mid:#edbb76;--letter-low:#c87548;--letter-glow:#ec89352b;--letter-style:normal}
[data-character="iron-man"]{--letter-family:"Orbitron";--letter-weight:800;--letter-tracking:-.025em;--letter-top:#f8eddf;--letter-mid:#e2c395;--letter-low:#b7855e;--letter-glow:#b7eaff28;--letter-style:normal}
[data-character="reed-richards"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.075em;--letter-top:#f0faff;--letter-mid:#b2dbef;--letter-low:#6f9bb9;--letter-glow:#65c5ee30;--letter-style:normal}
[data-character="shuri"]{--letter-family:"Chakra Petch";--letter-weight:600;--letter-tracking:.05em;--letter-top:#f4eaff;--letter-mid:#c6a9e6;--letter-low:#9070b3;--letter-glow:#ac6df537;--letter-style:normal}
[data-character="vision"]{--letter-family:"Exo 2";--letter-weight:300;--letter-tracking:.12em;--letter-top:#fff7d7;--letter-mid:#e4d6a6;--letter-low:#a79768;--letter-glow:#eae6bc26;--letter-style:normal}
[data-character="daredevil"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#ffe8e6;--letter-mid:#d98b86;--letter-low:#a34245;--letter-glow:#c735392b;--letter-style:normal}
[data-character="black-widow"]{--letter-family:"Saira Condensed";--letter-weight:600;--letter-tracking:.14em;--letter-top:#f2f2f3;--letter-mid:#d4cbd0;--letter-low:#99727c;--letter-glow:#d57a8825;--letter-style:normal}
[data-character="spider-man"]{--letter-family:"Racing Sans One";--letter-weight:400;--letter-tracking:.01em;--letter-top:#fff0eb;--letter-mid:#f1b5a4;--letter-low:#c66d67;--letter-glow:#ea62602b;--letter-style:normal}
[data-character="moon-knight"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.085em;--letter-top:#ffffff;--letter-mid:#dee4ee;--letter-low:#899ab1;--letter-glow:#d9edff32;--letter-style:normal}

/* Character palette lettering; full dossiers use the shared readable body type. */
[data-character="punisher"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#aeb5bd,white 55%);--letter-low:#aeb5bd;--letter-glow:color-mix(in srgb,#aeb5bd,transparent 80%)}
[data-character="luke-cage"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d4a43c,white 55%);--letter-low:#d4a43c;--letter-glow:color-mix(in srgb,#d4a43c,transparent 80%)}
[data-character="jessica-jones"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#7868a8,white 55%);--letter-low:#7868a8;--letter-glow:color-mix(in srgb,#7868a8,transparent 80%)}
[data-character="iron-fist"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d8b441,white 55%);--letter-low:#d8b441;--letter-glow:color-mix(in srgb,#d8b441,transparent 80%)}
[data-character="misty-knight"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#be553e,white 55%);--letter-low:#be553e;--letter-glow:color-mix(in srgb,#be553e,transparent 80%)}
[data-character="colleen-wing"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#c7d3d8,white 55%);--letter-low:#c7d3d8;--letter-glow:color-mix(in srgb,#c7d3d8,transparent 80%)}
[data-character="shang-chi"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#bf4636,white 55%);--letter-low:#bf4636;--letter-glow:color-mix(in srgb,#bf4636,transparent 80%)}
[data-character="echo"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#b85e4e,white 55%);--letter-low:#b85e4e;--letter-glow:color-mix(in srgb,#b85e4e,transparent 80%)}
[data-character="kate-bishop"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#9770cf,white 55%);--letter-low:#9770cf;--letter-glow:color-mix(in srgb,#9770cf,transparent 80%)}
[data-character="yelena-belova"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d9dce2,white 55%);--letter-low:#d9dce2;--letter-glow:color-mix(in srgb,#d9dce2,transparent 80%)}
[data-character="hulk"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#76af4b,white 55%);--letter-low:#76af4b;--letter-glow:color-mix(in srgb,#76af4b,transparent 80%)}
[data-character="hawkeye"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#8664b3,white 55%);--letter-low:#8664b3;--letter-glow:color-mix(in srgb,#8664b3,transparent 80%)}
[data-character="wasp"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#e0b94b,white 55%);--letter-low:#e0b94b;--letter-glow:color-mix(in srgb,#e0b94b,transparent 80%)}
[data-character="ant-man"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d86053,white 55%);--letter-low:#d86053;--letter-glow:color-mix(in srgb,#d86053,transparent 80%)}
[data-character="hank-pym"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#dc3947,white 55%);--letter-low:#dc3947;--letter-glow:color-mix(in srgb,#dc3947,transparent 80%)}
[data-character="war-machine"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#8998ab,white 55%);--letter-low:#8998ab;--letter-glow:color-mix(in srgb,#8998ab,transparent 80%)}
[data-character="sam-wilson"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#6eaee7,white 55%);--letter-low:#6eaee7;--letter-glow:color-mix(in srgb,#6eaee7,transparent 80%)}
[data-character="winter-soldier"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#9caec2,white 55%);--letter-low:#9caec2;--letter-glow:color-mix(in srgb,#9caec2,transparent 80%)}
[data-character="quicksilver"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#9ed7eb,white 55%);--letter-low:#9ed7eb;--letter-glow:color-mix(in srgb,#9ed7eb,transparent 80%)}
[data-character="wonder-man"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#ee515e,white 55%);--letter-low:#ee515e;--letter-glow:color-mix(in srgb,#ee515e,transparent 80%)}
[data-character="wolverine"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d9ad33,white 55%);--letter-low:#d9ad33;--letter-glow:color-mix(in srgb,#d9ad33,transparent 80%)}
[data-character="cyclops"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#df3d43,white 55%);--letter-low:#df3d43;--letter-glow:color-mix(in srgb,#df3d43,transparent 80%)}
[data-character="storm"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#a9c8e8,white 55%);--letter-low:#a9c8e8;--letter-glow:color-mix(in srgb,#a9c8e8,transparent 80%)}
[data-character="beast"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#4c87d8,white 55%);--letter-low:#4c87d8;--letter-glow:color-mix(in srgb,#4c87d8,transparent 80%)}
[data-character="rogue"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#58b879,white 55%);--letter-low:#58b879;--letter-glow:color-mix(in srgb,#58b879,transparent 80%)}
[data-character="gambit"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d45eb0,white 55%);--letter-low:#d45eb0;--letter-glow:color-mix(in srgb,#d45eb0,transparent 80%)}
[data-character="nightcrawler"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#776acb,white 55%);--letter-low:#776acb;--letter-glow:color-mix(in srgb,#776acb,transparent 80%)}
[data-character="iceman"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#81d6ef,white 55%);--letter-low:#81d6ef;--letter-glow:color-mix(in srgb,#81d6ef,transparent 80%)}
[data-character="colossus"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#c3cbd5,white 55%);--letter-low:#c3cbd5;--letter-glow:color-mix(in srgb,#c3cbd5,transparent 80%)}
[data-character="professor-x"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d8ba62,white 55%);--letter-low:#d8ba62;--letter-glow:color-mix(in srgb,#d8ba62,transparent 80%)}
[data-character="emma-frost"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#e5e7f5,white 55%);--letter-low:#e5e7f5;--letter-glow:color-mix(in srgb,#e5e7f5,transparent 80%)}
[data-character="psylocke"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#ac68e7,white 55%);--letter-low:#ac68e7;--letter-glow:color-mix(in srgb,#ac68e7,transparent 80%)}
[data-character="betsy-braddock"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#9474df,white 55%);--letter-low:#9474df;--letter-glow:color-mix(in srgb,#9474df,transparent 80%)}
[data-character="magik"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#bdc4e2,white 55%);--letter-low:#bdc4e2;--letter-glow:color-mix(in srgb,#bdc4e2,transparent 80%)}
[data-character="cable"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#8daed0,white 55%);--letter-low:#8daed0;--letter-glow:color-mix(in srgb,#8daed0,transparent 80%)}
[data-character="domino"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#bcc6d4,white 55%);--letter-low:#bcc6d4;--letter-glow:color-mix(in srgb,#bcc6d4,transparent 80%)}
[data-character="bishop"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#c47957,white 55%);--letter-low:#c47957;--letter-glow:color-mix(in srgb,#c47957,transparent 80%)}
[data-character="jubilee"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#f7cb45,white 55%);--letter-low:#f7cb45;--letter-glow:color-mix(in srgb,#f7cb45,transparent 80%)}
[data-character="kitty-pryde"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d3ac50,white 55%);--letter-low:#d3ac50;--letter-glow:color-mix(in srgb,#d3ac50,transparent 80%)}
[data-character="apocalypse"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#668fbc,white 55%);--letter-low:#668fbc;--letter-glow:color-mix(in srgb,#668fbc,transparent 80%)}
[data-character="invisible-woman"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#78c9ed,white 55%);--letter-low:#78c9ed;--letter-glow:color-mix(in srgb,#78c9ed,transparent 80%)}
[data-character="human-torch"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#f47b32,white 55%);--letter-low:#f47b32;--letter-glow:color-mix(in srgb,#f47b32,transparent 80%)}
[data-character="the-thing"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#cc813f,white 55%);--letter-low:#cc813f;--letter-glow:color-mix(in srgb,#cc813f,transparent 80%)}
[data-character="she-hulk"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#69b971,white 55%);--letter-low:#69b971;--letter-glow:color-mix(in srgb,#69b971,transparent 80%)}
[data-character="namor"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#268e91,white 55%);--letter-low:#268e91;--letter-glow:color-mix(in srgb,#268e91,transparent 80%)}
[data-character="squirrel-girl"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#ac7546,white 55%);--letter-low:#ac7546;--letter-glow:color-mix(in srgb,#ac7546,transparent 80%)}
[data-character="ms-marvel"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#3b92c9,white 55%);--letter-low:#3b92c9;--letter-glow:color-mix(in srgb,#3b92c9,transparent 80%)}
[data-character="miles-morales"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#e64754,white 55%);--letter-low:#e64754;--letter-glow:color-mix(in srgb,#e64754,transparent 80%)}
[data-character="ironheart"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#c95172,white 55%);--letter-low:#c95172;--letter-glow:color-mix(in srgb,#c95172,transparent 80%)}
[data-character="america-chavez"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#638bd7,white 55%);--letter-low:#638bd7;--letter-glow:color-mix(in srgb,#638bd7,transparent 80%)}
[data-character="blade"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#b83845,white 55%);--letter-low:#b83845;--letter-glow:color-mix(in srgb,#b83845,transparent 80%)}
[data-character="ghost-rider-johnny"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#ed8b35,white 55%);--letter-low:#ed8b35;--letter-glow:color-mix(in srgb,#ed8b35,transparent 80%)}
[data-character="ghost-rider-robbie"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#ed6436,white 55%);--letter-low:#ed6436;--letter-glow:color-mix(in srgb,#ed6436,transparent 80%)}
[data-character="elsa-bloodstone"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d76b40,white 55%);--letter-low:#d76b40;--letter-glow:color-mix(in srgb,#d76b40,transparent 80%)}
[data-character="man-thing"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#6c8950,white 55%);--letter-low:#6c8950;--letter-glow:color-mix(in srgb,#6c8950,transparent 80%)}
[data-character="werewolf-by-night"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#b7a38a,white 55%);--letter-low:#b7a38a;--letter-glow:color-mix(in srgb,#b7a38a,transparent 80%)}
[data-character="clea"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#ae7ce6,white 55%);--letter-low:#ae7ce6;--letter-glow:color-mix(in srgb,#ae7ce6,transparent 80%)}
[data-character="wong"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#ca9b60,white 55%);--letter-low:#ca9b60;--letter-glow:color-mix(in srgb,#ca9b60,transparent 80%)}
[data-character="doctor-voodoo"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d5c8a1,white 55%);--letter-low:#d5c8a1;--letter-glow:color-mix(in srgb,#d5c8a1,transparent 80%)}
[data-character="agatha-harkness"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#9971bc,white 55%);--letter-low:#9971bc;--letter-glow:color-mix(in srgb,#9971bc,transparent 80%)}
[data-character="star-lord"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d27658,white 55%);--letter-low:#d27658;--letter-glow:color-mix(in srgb,#d27658,transparent 80%)}
[data-character="gamora"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#76b987,white 55%);--letter-low:#76b987;--letter-glow:color-mix(in srgb,#76b987,transparent 80%)}
[data-character="drax"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#a8b7a1,white 55%);--letter-low:#a8b7a1;--letter-glow:color-mix(in srgb,#a8b7a1,transparent 80%)}
[data-character="rocket"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d58b50,white 55%);--letter-low:#d58b50;--letter-glow:color-mix(in srgb,#d58b50,transparent 80%)}
[data-character="groot"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#9ebd75,white 55%);--letter-low:#9ebd75;--letter-glow:color-mix(in srgb,#9ebd75,transparent 80%)}
[data-character="mantis"]{--letter-family:"Cormorant SC";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#72b98d,white 55%);--letter-low:#72b98d;--letter-glow:color-mix(in srgb,#72b98d,transparent 80%)}
[data-character="nova"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#e2b659,white 55%);--letter-low:#e2b659;--letter-glow:color-mix(in srgb,#e2b659,transparent 80%)}
[data-character="adam-warlock"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#e9bc56,white 55%);--letter-low:#e9bc56;--letter-glow:color-mix(in srgb,#e9bc56,transparent 80%)}
[data-character="beta-ray-bill"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d39b56,white 55%);--letter-low:#d39b56;--letter-glow:color-mix(in srgb,#d39b56,transparent 80%)}
[data-character="quasar"]{--letter-family:"Caudex";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#e6bc52,white 55%);--letter-low:#e6bc52;--letter-glow:color-mix(in srgb,#e6bc52,transparent 80%)}
[data-character="ultron"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#d15b59,white 55%);--letter-low:#d15b59;--letter-glow:color-mix(in srgb,#d15b59,transparent 80%)}
[data-character="kang"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#9677c8,white 55%);--letter-low:#9677c8;--letter-glow:color-mix(in srgb,#9677c8,transparent 80%)}
[data-character="green-goblin"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#65ad70,white 55%);--letter-low:#65ad70;--letter-glow:color-mix(in srgb,#65ad70,transparent 80%)}
[data-character="doctor-octopus"]{--letter-family:"Rajdhani";--letter-weight:600;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#bd9b4d,white 55%);--letter-low:#bd9b4d;--letter-glow:color-mix(in srgb,#bd9b4d,transparent 80%)}
[data-character="venom"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#939fa7,white 55%);--letter-low:#939fa7;--letter-glow:color-mix(in srgb,#939fa7,transparent 80%)}
[data-character="carnage"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#c53a43,white 55%);--letter-low:#c53a43;--letter-glow:color-mix(in srgb,#c53a43,transparent 80%)}
[data-character="sabretooth"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#c49a55,white 55%);--letter-low:#c49a55;--letter-glow:color-mix(in srgb,#c49a55,transparent 80%)}
[data-character="mystique"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#527eb8,white 55%);--letter-low:#527eb8;--letter-glow:color-mix(in srgb,#527eb8,transparent 80%)}
[data-character="kingpin"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#c8bda9,white 55%);--letter-low:#c8bda9;--letter-glow:color-mix(in srgb,#c8bda9,transparent 80%)}
[data-character="red-skull"]{--letter-family:"Cinzel";--letter-weight:700;--letter-tracking:.035em;--letter-top:#f7f7f4;--letter-mid:color-mix(in srgb,#b83f46,white 55%);--letter-low:#b83f46;--letter-glow:color-mix(in srgb,#b83f46,transparent 80%)}

[data-character="deadpool"]{--letter-family:"Oswald";--letter-weight:700;--letter-tracking:.035em;--letter-top:#fff;--letter-mid:#f28a91;--letter-low:#ce3846;--letter-glow:#d7434c44}

/* Shared navigation and reading ergonomics; existing artwork is preserved. */
[hidden]{display:none!important}
nav.unified-nav{display:flex;position:relative;z-index:20;grid-column:1/-1;align-items:center;justify-content:space-between;gap:16px;height:auto;min-height:72px;padding:12px clamp(16px,3vw,52px);background:#080d13f5;border-bottom:1px solid #c7d4d43b}
.unified-nav .home-link{flex:none;font:700 13px/1.3 Arial,sans-serif;letter-spacing:.06em;color:#d7e0de;padding:12px 0;min-height:44px}
.unified-nav .unified-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.unified-nav .unified-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border:1px solid #aabbc13d;background:#111923;color:#ced8db;font:700 12px/1.3 Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;white-space:normal;text-align:center}
.unified-nav .unified-links a[aria-current]{color:#fff2cf;border-color:#dcc592b3;background:#302d25;box-shadow:inset 0 -2px #dfc591}
.unified-nav a:focus-visible,.chapter-jump button:focus-visible,.back-to-top:focus-visible{outline:2px solid #f3dba6;outline-offset:3px}
.chapter-jump{position:sticky;top:8px;z-index:12;max-width:560px;margin:0 0 28px;background:#101922f5;border:1px solid #b4c6cd66;box-shadow:0 8px 22px #0009;color:#eaf0ee}
.chapter-jump summary{cursor:pointer;padding:15px 18px;font:700 14px/1.4 Arial,sans-serif;list-style:none;display:flex;justify-content:space-between}
.chapter-jump>div{display:grid;max-height:55svh;overflow:auto;border-top:1px solid #b4c6cd44;padding:6px}
.chapter-jump button{border:0;background:transparent;color:#e0e8e7;text-align:left;padding:12px;min-height:44px;font:400 14px/1.4 Arial,sans-serif;cursor:pointer}
.chapter-jump button:hover{background:#2a3843}
.chapter,.record,.abilities,.chronology,.continuity,.power-panel,.story-record,.screen-record{scroll-margin-top:80px}
.back-to-top{position:fixed;right:18px;bottom:18px;z-index:30;padding:13px 17px;min-height:44px;background:#101923f5;border:1px solid #bacbd57a;color:#eff4f3;font:700 13px Arial,sans-serif;cursor:pointer;box-shadow:0 5px 20px #0008}
.room .character-art img,.room .character-art.poster img,.room .character-art:not(.poster) img{object-fit:contain;object-position:center;transform:none;mask-image:none;filter:saturate(.92) brightness(.98) contrast(1.04)}
.room .character-art:after{background:linear-gradient(0deg,#080d1266,transparent 12%);pointer-events:none}
.room .character-art{padding:10px;max-width:100%;margin-right:0}
.room .dossier,.room-hero-copy,.entity-copy,.card-copy{min-width:0}
.room[data-character] .dossier h1,.dossier[data-cosmic] .room-hero h1{overflow-wrap:normal;word-break:normal;hyphens:auto;font-size:clamp(2rem,4.1vw,4.4rem);line-height:1.18}
.entity[data-cosmic] .entity-copy h3{font-size:clamp(1.25rem,1.7vw,1.9rem);overflow-wrap:normal;line-height:1.25}
.entity-grid .entity{content-visibility:auto;contain-intrinsic-size:auto 480px}
@media(max-width:760px){nav.unified-nav{flex-direction:column;align-items:stretch;gap:5px;padding:8px 14px}.unified-nav .home-link{min-height:32px;padding:7px 0}.unified-nav .unified-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.unified-nav .unified-links a{font-size:11px;padding:8px 5px;letter-spacing:0;min-height:42px}.room[data-character] .dossier h1,.dossier[data-cosmic] .room-hero h1{font-size:clamp(1.9rem,6.6vw,3.2rem)}.chapter-jump{top:6px;max-width:100%}.back-to-top{bottom:12px;right:12px}.room .character-art{padding:8px;min-height:300px;height:56svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.record-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 18px}
.share-record{min-height:44px;padding:10px 14px;border:1px solid #aabfc56e;color:#eef5ee;background:#15242d;font:700 13px/1.4 Arial,sans-serif;cursor:pointer}
.share-fallback{width:100%;min-width:0;max-width:100%;padding:10px;background:#071118;color:#e4eeec;border:1px solid #aabfc5;font-size:16px}
.continuity-badge{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#dccaa2;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.06em;margin:0 0 14px;border-left:2px solid #bfa773;padding-left:10px}
.continuity-badge a{color:#c6dcdf;font-weight:400;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}
.connected-files{margin:28px 0;padding:20px;border:1px solid #adc3c34d;background:#0a151dde;grid-column:1/-1;min-width:0}
.connected-files h3{font:700 18px/1.4 Arial,sans-serif!important;letter-spacing:.02em!important;color:#e7f0ed!important;margin:0 0 14px!important;text-transform:none!important}
.connected-files details{border-top:1px solid #a1b8bf38;padding:8px 0}
.connected-files summary{cursor:pointer;font:700 14px/1.5 Arial,sans-serif;padding:10px 0;color:#d9e3e2;min-height:44px}
.connected-files summary span{color:#a9bfc1;margin-left:8px}
.connected-files details>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px}
.connected-files a{display:block;padding:12px;min-height:44px;border:1px solid #aac5cb38;background:#14232c;color:#e3eeec;font:400 14px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.connected-files a:hover,.share-record:hover{border-color:#e5d2a5;background:#24343d}
.connected-files a:focus-visible,.share-record:focus-visible,.connected-files summary:focus-visible{outline:2px solid #f3dba6;outline-offset:3px}
.object[id]{scroll-margin-top:24px}.object>.record-tools{justify-content:flex-start;flex-direction:row}
@media(max-width:600px){.connected-files{padding:14px}.continuity-badge{font-size:12px}.file-body{padding:18px}.dialog-content{overflow-wrap:anywhere}.chapter-jump>div{max-height:45svh}.share-record{width:auto}.room-nav.unified-nav{width:100%}}
@media(max-width:700px){.map-controls .find-event-shortcut{position:absolute;right:0;bottom:54px;min-width:132px;min-height:44px}.detail .detail-copy,.detail .detail-lead{font-size:14px;line-height:1.6}.detail .connected-files{padding:12px}.detail .record-tools{margin:8px 0 14px}.connected-files a{padding:12px}.continuity-badge a{display:inline-block;min-height:32px;padding-top:6px}.back-to-top{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}
.skip-content{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-180%);padding:14px 20px;min-height:44px;background:#edf5ef;color:#081019;border:2px solid #dac38d;font:700 16px Arial,sans-serif;cursor:pointer}
.skip-content:focus{transform:none;outline:3px solid #fff;outline-offset:3px}
:where(a,button,input,summary,[tabindex]):focus-visible{outline:2px solid #ffe3a6;outline-offset:4px}
.home-caption{font-size:12px;color:#b8c8c7;font-weight:400}
.fan-notice{position:relative;z-index:1;padding:22px clamp(18px,4vw,65px);border-top:1px solid #aabcc433;background:#080e16;color:#bccccc;font:400 14px/1.65 Arial,sans-serif}
.fan-notice a{text-decoration:underline;text-underline-offset:3px;color:#e1d1b0;margin-left:8px}
@media(max-width:760px){.unified-nav .unified-links a{font-size:12px;overflow-wrap:anywhere}.entity[data-cosmic] .entity-copy h3,.room[data-character] .dossier h1,.dossier[data-cosmic] .room-hero h1{overflow-wrap:anywhere}.room .info-grid{min-width:0}.room .info-grid li{overflow-wrap:anywhere}}
@media(forced-colors:active){button,a,summary{forced-color-adjust:auto}.continuity-badge{color:CanvasText}.connected-files a,.share-record{color:LinkText;border-color:ButtonText}}

.unified-nav .unified-links{flex-wrap:wrap}.unified-nav .unified-links a{white-space:normal}

/* Reading controls wrap at large text sizes; chosen artwork remains unchanged. */
.unified-nav .unified-links a{font-size:.875rem;min-height:44px;min-width:0;overflow-wrap:anywhere}
.unified-nav .home-link{font-size:.875rem;white-space:normal;overflow-wrap:anywhere}
:where(.reference-links,.reading-links,.record-tools) a{min-height:44px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
@media(max-width:760px){.unified-nav .unified-links{grid-template-columns:repeat(3,minmax(0,1fr))}.unified-nav .unified-links a{font-size:.875rem}}
@media(max-width:380px){.unified-nav .unified-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.detail .detail-copy,.detail .detail-lead{font-size:1rem}.continuity-badge a{min-height:44px}.back-to-top{max-width:calc(100vw - 24px);white-space:normal}}

/* Long labels, expanded chapters and dialog content stay within their layout. */
:where(.card-meta,.entity-meta,.results-label,.room-footer,.room-footer>div,.footer,footer,.file-links,.object>div,.detail-actions,.dialog-top,.viewer-head,.visual-lightbox-top,.visual-lightbox label){flex-wrap:wrap}
:where(.hub-head,.intro,.hero-copy,.dossier,.room-hero-copy,.card-copy,.entity-copy,.file-body,.dialog-content,.record-column,.event-text,.viewer-head h2,.visual-lightbox h2){min-width:0;overflow-wrap:anywhere}
:where(input,select,textarea){min-width:0;max-width:100%}
:where(.card,.entity,.file,.gallery-grid figure,.visual-figure,.record-column,.event-art-grid figure) img{max-width:100%}
:where(.dialog-top,.viewer-head,.visual-lightbox-top)>button{flex-shrink:0}
:where(.viewer-head,.visual-lightbox-top)>h2{flex:1 1 200px}
:where(.dialog-links,.profile-links,.file-links,.reading-links,.guide-jumps) a{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.chapter-jump,body .room .deep-file .chapter-jump{position:relative;top:auto}
:where(.record-tools,.visual-lightbox-tools){min-width:0}
@media(max-width:600px){.room .info-grid{grid-template-columns:minmax(0,1fr)}.room .info-grid ol li,.new-character-room .info-grid ol li{grid-template-columns:minmax(0,1fr);gap:6px}.gallery-tools label{max-width:100%;min-width:0;flex-wrap:wrap}.visual-lightbox label{max-width:100%;min-width:0}.visual-relation{grid-template-columns:56px minmax(0,1fr);gap:10px}.visual-relation img{width:56px}.stat-grid{grid-template-columns:minmax(0,1fr)}}

/* Cosmic Laws occupies the open header space beside Doom Drop. */
.unified-nav .nav-heading{display:flex;align-items:stretch;gap:6px;flex:none;min-width:0}
nav.unified-nav .nav-heading .home-link{align-self:stretch;min-width:0}
.unified-nav .laws-header-link{position:relative;display:flex;align-items:center;justify-content:center;min-height:50px;max-width:150px;padding:10px 14px;border:1px solid #b7a078;background:linear-gradient(125deg,#28203a,#201b24);color:#ead5aa;font:700 14px/1.3 Arial,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.035em;text-decoration:none}
.unified-nav .laws-header-link:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#8b75bb,#d3b780,#c9a8db);pointer-events:none}
.unified-nav .laws-header-link:hover,.unified-nav .laws-header-link:focus-visible,.unified-nav .laws-header-link[aria-current]{color:#fff2cf;border-color:#dcc592b3;background:#302d25}
@media(max-width:760px){.unified-nav .nav-heading{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);width:100%;gap:5px}.unified-nav .laws-header-link{max-width:none;min-width:0;padding:8px 5px;font-size:14px;letter-spacing:0;overflow-wrap:normal}nav.unified-nav .nav-heading .home-link{max-width:none;white-space:normal}}

.visual-chapter{clear:both;border-top:1px solid #c7d3cc44;margin:32px 0;padding-top:26px;color:#edf1ed;text-align:left;min-width:0}.visual-chapter h2,.visual-chapter h3{font-family:inherit;font-size:clamp(20px,2vw,29px);line-height:1.2;letter-spacing:.04em;margin:0 0 12px}.visual-chapter h4{font-size:16px;margin:12px 0 8px}.visual-chapter p{font:400 16px/1.6 Arial,sans-serif;color:#c7d2ce}.visual-kicker,.visual-scope{display:block;font:700 12px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#dfc99a;margin-bottom:10px}.visual-group{margin:25px 0}.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.visual-grid.costumes{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-figure{margin:0;min-width:0;background:#080f17b8;border:1px solid #c7d3cc33}.visual-figure button{display:block;position:relative;width:100%;padding:0;border:0;background:#060b12;color:white;cursor:zoom-in}.visual-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.costumes .visual-figure img{aspect-ratio:2/3}.visual-figure figcaption{padding:16px}.visual-figure p{font-size:14px;margin:8px 0}.visual-figure a,.visual-relation a{font:600 14px/1.5 Arial,sans-serif;text-decoration:underline}.visual-open{position:absolute;right:10px;bottom:10px;background:#070c13db;padding:6px 9px;font:700 12px/1.4 Arial,sans-serif;letter-spacing:.05em}.visual-figure button:focus-visible,.visual-chapter a:focus-visible,.visual-lightbox button:focus-visible{outline:3px solid #edcf8c;outline-offset:3px}.visual-relation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.visual-relation{display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;padding:14px;background:#0a121dc9;border:1px solid #c3c9cb44;border-left:3px solid #a9bfb4}.visual-relation img{width:72px;height:96px;object-fit:contain;background:#070c13}.visual-relation strong{display:block;font-size:16px}.visual-relation p{font-size:14px;margin:6px 0}.visual-relation .visual-scope{margin:8px 0 0}.visual-connections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visual-connection{display:block;border:1px solid #ccd5ca38;background:#07111ee6;min-width:0;overflow:hidden}.visual-connection img{display:block;width:100%;height:130px;object-fit:contain;background:#060c13}.visual-connection span{display:block;padding:12px;font:600 14px/1.4 Arial,sans-serif}.visual-connection small{display:block;font-size:12px;color:#c7b999;margin-top:4px}.visual-chapter details>summary{padding:14px;border:1px solid #cad3c538;cursor:pointer;font-size:16px}.visual-chapter details[open]>summary{margin-bottom:16px}.visual-chapter .visual-note{font-size:13px;color:#adbbb7}.visual-inspect{background:#12232a;border:1px solid #b4c3bb66;color:#eee;padding:12px 18px;min-height:44px;cursor:pointer;font:600 14px/1.4 Arial,sans-serif}.visual-lightbox{width:min(1180px,calc(100vw - 24px));max-width:1180px;max-height:94svh;padding:18px;background:#080f18;color:#edf2ee;border:1px solid #c6d4c488;overflow:auto}.visual-lightbox::backdrop{background:#020609e8;backdrop-filter:blur(8px)}.visual-lightbox-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-18px;background:#080f18fa;padding:12px 0;z-index:1}.visual-lightbox button{background:#18272b;border:1px solid #b8c9bd88;color:#fff;min-width:44px;min-height:44px;padding:8px 14px;cursor:pointer;font-size:16px}.visual-lightbox h2{font:700 24px/1.25 Arial,sans-serif;margin:0}.visual-view{max-height:65svh;overflow:auto;background:#03070c;text-align:center}.visual-view img{display:block;width:100%;height:60svh;object-fit:contain;max-width:none}.visual-view.zoomed img{width:auto;height:auto;max-width:none}.visual-lightbox p{font:400 16px/1.6 Arial,sans-serif;max-width:85ch}.visual-lightbox-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0}.visual-lightbox label{display:flex;align-items:center;gap:10px;font-size:14px}.visual-lightbox a{color:#e4ce99;text-decoration:underline}.visual-scale-table{width:100%;border-collapse:collapse;font-size:14px}.visual-scale-table th,.visual-scale-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #ccd4c73b}.visual-scale-table th{color:#e2ca95}.visual-scale-table td:first-child{width:40%}.visual-scale-bar{display:block;height:6px;margin-top:9px;background:#09111a}.visual-scale-bar i{height:100%;display:block;background:linear-gradient(90deg,#648b7f,#dfc08b)}.visual-chapter select{background:#14232b;color:#fff;border:1px solid #bac8bc88;padding:10px;font-size:16px;max-width:100%}.detail-art>button.visual-event-art{width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.vault-item .visual-grid,.vault-item .visual-relation-grid,#detail .visual-grid{grid-template-columns:1fr}.vault-item .visual-chapter h2,#detail .visual-chapter h2{font-size:22px}.vault-item .visual-connections,#detail .visual-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-chapter .visual-empty{display:none}
@media(max-width:650px){.visual-grid,.visual-relation-grid{grid-template-columns:1fr}.visual-grid.costumes{grid-template-columns:repeat(3,minmax(140px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.costumes .visual-figure{scroll-snap-align:start}.visual-connections{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-lightbox h2{font-size:19px}.visual-lightbox{padding:12px}.visual-scale-table th,.visual-scale-table td{padding:9px 4px}.visual-lightbox-top{top:-12px}}

.visual-versions{list-style:none;padding:0;margin:22px 0;display:grid;gap:0}.visual-versions li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;position:relative;padding:0 0 28px}.visual-versions li:not(:last-child):before{content:"";position:absolute;left:24px;top:45px;bottom:0;width:1px;background:linear-gradient(#d5b477,#6b938b)}.visual-version-number{display:grid;place-items:center;align-self:start;height:48px;border:1px solid #c4b785;background:#0b1721;color:#efd399;font:700 18px Arial,sans-serif}.visual-versions h4{margin:4px 0 8px}.visual-versions p{margin:8px 0}.visual-versions a{font-size:14px;text-decoration:underline}body:has(.visual-lightbox[open]){overflow:hidden}

.visual-costume-image{position:relative;float:left;width:min(38%,260px);margin:0 22px 14px 0;padding:0;background:#030810;border:1px solid #b5c9c444;cursor:zoom-in}.visual-costume-image img{display:block;width:100%;height:260px;object-fit:contain}.visual-costume-image:focus-visible{outline:3px solid #edcf8c;outline-offset:3px}@media(max-width:550px){.visual-costume-image{float:none;width:100%;max-width:360px;margin:0 0 16px}.visual-costume-image img{height:260px}}

.visual-versions li>div{display:flow-root}

.visual-lightbox{max-height:calc(100svh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;overflow-wrap:anywhere}
.visual-lightbox-top [data-visual-close]{min-width:44px;min-height:44px;flex:none}.visual-lightbox-tools{flex-wrap:wrap}.visual-lightbox-tools button{min-height:44px;white-space:normal}.visual-view{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}

/* Carnage Comics dossier: presentation only; the complete record is retained. */
body.carnage-comics {
  --paper: #f4eeee;
  --muted: #d3c7c7;
  --line: #ad343b66;
  background: #080405;
  color: var(--paper);
}
body.carnage-comics .room.room-carnage {
  --accent: #ff616b !important;
  --letter-family: 'Racing Sans One';
  --letter-weight: 400;
  --letter-tracking: .01em;
  --letter-top: #ff666c;
  --letter-mid: #f23d49;
  --letter-low: #ba1425;
  --letter-glow: #ce132c55;
  background: #080405;
  isolation: isolate;
}
body.carnage-comics .room:before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg,#08040522,#08040555),url('/assets/carnage-dossier-backdrop.webp') center / cover no-repeat;
}
body.carnage-comics .room:after,
body.carnage-comics .room-atmosphere,
body.carnage-comics .environment { display: none; }
body.carnage-comics .room-nav.unified-nav {
  background: #090506f5;
  border-bottom: 1px solid #b6293b;
  box-shadow: 0 8px 32px #0009;
}
body.carnage-comics .unified-links a,
body.carnage-comics .archive-switch,
body.carnage-comics .chapter-jump,
body.carnage-comics .record-tools button,
body.carnage-comics .back-to-top,
body.carnage-comics .visual-inspect,
body.carnage-comics .visual-chapter select {
  background: #12090bf5;
  border-color: #a438466e;
  color: #f4eeee;
}
body.carnage-comics .unified-links a[aria-current],
body.carnage-comics .archive-switch a[aria-current] {
  background: #591321;
  border-color: #ed4b5b;
  color: #fff;
}
body.carnage-comics .room .dossier {
  background: linear-gradient(130deg,#14090bef,#090507ed);
  border: 1px solid #a72c3d88;
  border-left: 4px solid #df3445;
  padding: clamp(24px,3vw,44px);
  box-shadow: 7px 8px 0 #030203a8,0 18px 60px #0009;
}
body.carnage-comics .room[data-character] .dossier h1 {
  font-family: 'Racing Sans One',Impact,sans-serif;
  font-size: clamp(3.5rem,6.8vw,7.5rem);
  line-height: 1.12;
  letter-spacing: .01em;
  padding-block: .16em;
  margin-block: 12px 16px;
  text-shadow: 2px 3px 0 #5d0715,5px 6px 0 #020203;
  background: none;
  color: #ff4d59;
  -webkit-text-fill-color: currentColor;
}
body.carnage-comics .room .character-art {
  border-color: #080405;
  box-shadow: 0 0 0 1px #e13b4d,8px 9px 0 #030203,0 20px 60px #000b;
  background: #090506;
}
body.carnage-comics .eyebrow,
body.carnage-comics .chapter-num,
body.carnage-comics .visual-kicker,
body.carnage-comics .visual-scope { color: #ff858d; }
body.carnage-comics .identity { color: #ebd5d7; border-color: #a6384666; }
body.carnage-comics .lore,
body.carnage-comics .chapter p,
body.carnage-comics .record-list p,
body.carnage-comics .visual-chapter p { font-size: 1rem; line-height: 1.75; color: #e6dcdc; }
body.carnage-comics .room .power-panel,
body.carnage-comics .room .deep-file {
  background: linear-gradient(120deg,#10080af5,#090608f5);
  border: 1px solid #a532438c;
  border-top: 3px solid #dc3448;
  box-shadow: 7px 8px 0 #020203,0 22px 65px #000b;
}
body.carnage-comics .room h2,
body.carnage-comics .room h3 {
  font-family: 'Racing Sans One',Impact,sans-serif;
  font-weight: 400;
  color: #ff646e;
  letter-spacing: .015em;
  line-height: 1.25;
  text-transform: uppercase;
}
body.carnage-comics .deep-head h2,
body.carnage-comics .power-head h2 { font-size: clamp(2.25rem,4.5vw,4.8rem); }
body.carnage-comics .room h2 em { color: #f4eeee; }
body.carnage-comics .info-grid h2 { font-size: 1.3rem; }
body.carnage-comics .chapter h3 { font-size: clamp(1.4rem,2.3vw,2rem); }
body.carnage-comics .room .chapter,
body.carnage-comics .deep-head,
body.carnage-comics .power-head,
body.carnage-comics .power-row,
body.carnage-comics .record-list li,
body.carnage-comics .story-record,
body.carnage-comics .visual-chapter { border-color: #a93a484d; }
body.carnage-comics .chapter-grid { gap: 0 clamp(32px,4vw,64px); }
body.carnage-comics .chapter { padding-block: 36px; }
body.carnage-comics .chapter p+p { border-color: #92323f33; }
body.carnage-comics .record-list strong { color: #f4eeee; font-size: 1rem; }
body.carnage-comics .stat-name span,
body.carnage-comics .power-method,
body.carnage-comics .record-intro p { color: #d3c2c5; font-size: .875rem; }
body.carnage-comics .segments i { background: #261419; border-color: #863141; }
body.carnage-comics .segments i.lit { background: linear-gradient(180deg,#ff8e95,#e0354b 65%,#aa2038); border-color: #ffafb7; box-shadow: 0 0 9px #d3203e33; }
body.carnage-comics .overall { background: linear-gradient(90deg,#70152855,transparent); }
body.carnage-comics .compare-file,
body.carnage-comics .read-file,
body.carnage-comics .file-end a,
body.carnage-comics .visual-chapter details>summary,
body.carnage-comics .connected-files,
body.carnage-comics .connected-files a,
body.carnage-comics .continuity-badge,
body.carnage-comics .visual-relation,
body.carnage-comics .visual-connection,
body.carnage-comics .visual-figure {
  background: #160b0ff2;
  border-color: #a5364870;
  color: #eee1e3;
}
body.carnage-comics .compare-file,
body.carnage-comics .read-file { font-size: .875rem; min-height: 44px; line-height: 1.5; }
body.carnage-comics .read-file { background: #651525; border-color: #ee5264; }
body.carnage-comics .chapter-jump button:hover,
body.carnage-comics .unified-links a:hover,
body.carnage-comics .read-file:hover,
body.carnage-comics .compare-file:hover { background: #6d192a; }
body.carnage-comics .visual-lightbox,
body.carnage-comics .visual-lightbox-top { background: #10080a; border-color: #d9485b; }
body.carnage-comics .visual-lightbox button { background: #481220; border-color: #d44a5d; }
body.carnage-comics .room-footer,
body.carnage-comics .fan-notice { background: #0a0608ed; border-color: #a52b3b66; color: #d7c8cb; }
body.carnage-comics :is(a,button,input,select,summary):focus-visible { outline: 3px solid #ff9ca5; outline-offset: 4px; }
@media(max-width:900px) {
  body.carnage-comics .room:before { background-position: 50% 50%; }
  body.carnage-comics .room .dossier { width: calc(100% - 32px); margin: 8px auto 28px; }
}
@media(max-width:600px) {
  body.carnage-comics .room:before { background-image: linear-gradient(#08040566,#08040599),url('/assets/carnage-dossier-backdrop.webp'); }
  body.carnage-comics .room .dossier { padding: 24px 20px; }
  body.carnage-comics .room[data-character] .dossier h1 { font-size: clamp(2.7rem,12vw,4.5rem); }
  body.carnage-comics .room .power-panel,
  body.carnage-comics .room .deep-file { padding: 28px 20px; }
}
@media(forced-colors:active) {
  body.carnage-comics .room:before { display: none; }
  body.carnage-comics .room[data-character] .dossier h1 { color: CanvasText; text-shadow: none; }
}

/* Original symbiote artwork is nine-sliced around real, full-length sections. */
body.carnage-comics .room :is(.dossier,.character-art,.power-panel,.deep-file,.chapter,.story-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.chapter-jump,.info-grid>section) {
  position: relative;
  --symbiote-width: 38px;
  border-color: #59111f;
}
body.carnage-comics .room :is(.dossier,.character-art,.power-panel,.deep-file,.chapter,.story-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.chapter-jump,.info-grid>section)::after {
  content: '';
  display: block;
  position: absolute;
  inset: -6px;
  width: auto;
  height: auto;
  z-index: 3;
  border: var(--symbiote-width) solid transparent;
  border-image: url('/assets/carnage-symbiote-frame.webp') 27% / var(--symbiote-width) / 0 stretch round;
  background: none;
  mix-blend-mode: normal;
  pointer-events: none;
}
body.carnage-comics .room :is(.dossier,.power-panel,.deep-file) { padding: clamp(38px,4vw,58px); }
body.carnage-comics .room .character-art { padding: 32px; }
body.carnage-comics .chapter-grid { gap: 28px; margin-top: 30px; }
body.carnage-comics .room :is(.chapter,.info-grid>section) {
  --symbiote-width: 30px;
  border: 1px solid #59111f;
  background: #11080bf2;
  padding: 34px;
}
body.carnage-comics .info-grid { gap: 24px; }
body.carnage-comics .room .info-grid>section { padding: 30px; --symbiote-width: 26px; }
body.carnage-comics .info-grid ul { grid-template-columns: 1fr; }
body.carnage-comics .room .story-record { margin-top: 30px; padding: 38px; background: #11080bf2; }
body.carnage-comics .room .visual-chapter { padding: 38px; margin-block: 32px; background: #10080af2; }
body.carnage-comics .room :is(.visual-figure,.visual-relation,.visual-connection) { --symbiote-width: 24px; padding: 24px; }
body.carnage-comics .room .connected-files { padding: 36px; }
body.carnage-comics .room .chapter-jump { position: sticky; --symbiote-width: 26px; }
body.carnage-comics .chapter-jump summary { padding: 28px 34px; }
body.carnage-comics .chapter-jump>div { padding: 12px 24px 28px; }
@media(max-width:1100px) {
  body.carnage-comics .room .info-grid { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
  body.carnage-comics .room :is(.dossier,.power-panel,.deep-file,.visual-chapter,.story-record) { --symbiote-width: 30px; padding: 30px 26px; }
  body.carnage-comics .room :is(.chapter,.info-grid>section) { --symbiote-width: 24px; padding: 28px 24px; }
  body.carnage-comics .chapter-grid { grid-template-columns: 1fr; gap: 24px; }
  body.carnage-comics .room .character-art { --symbiote-width: 30px; padding: 26px; }
  body.carnage-comics .room .visual-chapter :is(.visual-grid,.visual-relation-grid,.visual-connections) { grid-template-columns: 1fr; }
  body.carnage-comics .room .connected-files { padding: 28px 24px; --symbiote-width: 26px; }
}
@media(forced-colors:active) {
  body.carnage-comics .room :is(.dossier,.character-art,.power-panel,.deep-file,.chapter,.story-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.chapter-jump,.info-grid>section)::after { display: none; }
}

/* Iron Man Comics: armored technical interface; all dossier content preserved. */
body.ironman-comics { --paper:#f3eee4; --muted:#c9c8bf; --line:#c4934c66; background:#080c10; color:var(--paper); }
body.ironman-comics .room.room-iron-man {
  --accent:#efc16f !important;
  --letter-family:'Orbitron'; --letter-weight:900; --letter-tracking:.015em;
  --letter-top:#ffebad; --letter-mid:#e6b45c; --letter-low:#98612b; --letter-glow:#d99c3933;
  background:#080c10; isolation:isolate;
}
body.ironman-comics .room:before {
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(180deg,#080c1033,#080c1066),url('/assets/ironman-dossier-backdrop.webp') center / cover no-repeat;
}
body.ironman-comics .room:after,
body.ironman-comics .room-atmosphere,
body.ironman-comics .environment { display:none; }
body.ironman-comics .room-nav.unified-nav { background:#090e13f5; border-bottom:2px solid #9c242a; box-shadow:0 5px 24px #000b; }
body.ironman-comics .unified-links a,
body.ironman-comics .archive-switch,
body.ironman-comics .chapter-jump,
body.ironman-comics .back-to-top,
body.ironman-comics .visual-inspect,
body.ironman-comics .visual-chapter select { background:#101923f5; border-color:#d1a35477; color:#f3eee4; }
body.ironman-comics .unified-links a[aria-current],
body.ironman-comics .archive-switch a[aria-current] { background:#691d24; border-color:#e3b562; color:#fff0c4; }
body.ironman-comics .room .dossier {
  padding:clamp(26px,3vw,44px); border:1px solid #c7964d99; border-left:4px solid #bb3037;
  background:linear-gradient(125deg,#14202cf5,#0b1119f5);
  box-shadow:inset 0 2px #efc76a33,0 20px 55px #000b;
}
body.ironman-comics .room[data-character] .dossier h1 { font-family:'Orbitron',Impact,sans-serif; font-size:clamp(2.6rem,4.8vw,5.4rem); line-height:1.25; letter-spacing:.005em; padding-block:.1em; text-shadow:0 3px 12px #dc9c2533; }
body.ironman-comics .room .character-art { border:4px solid #080d14; box-shadow:0 0 0 1px #ecba62,6px 7px 0 #771f2a,0 0 34px #96eaff22; background:#0b1118; padding:14px; }
body.ironman-comics .room h2,
body.ironman-comics .room h3 { font-family:'Chakra Petch','Arial Narrow',sans-serif; font-weight:600; line-height:1.25; letter-spacing:.025em; color:#efd28f; text-transform:uppercase; }
body.ironman-comics .deep-head h2,
body.ironman-comics .power-head h2 { font-size:clamp(2.3rem,4.5vw,4.8rem); }
body.ironman-comics .room h2 em { color:#c3f4ff; font-style:normal; }
body.ironman-comics .eyebrow,
body.ironman-comics .chapter-num,
body.ironman-comics .visual-kicker,
body.ironman-comics .visual-scope { color:#a9eafa; }
body.ironman-comics .identity { border-color:#b5824855; color:#e4caa3; }
body.ironman-comics .lore,
body.ironman-comics .chapter p,
body.ironman-comics .record-list p,
body.ironman-comics .visual-chapter p { color:#e0e4e8; font-size:1rem; line-height:1.75; }
body.ironman-comics .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.info-grid>section) {
  position:relative; border:1px solid #c8984d88; border-left:3px solid #b92f39;
  background:linear-gradient(135deg,#15202df7,#0b1119f7);
  box-shadow:inset 0 1px #b8e4ef12,0 15px 32px #0008;
}
body.ironman-comics .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.info-grid>section)::after {
  content:''; position:absolute; inset:7px; pointer-events:none; width:auto; height:auto; z-index:2;
  background:linear-gradient(#efc67a,#efc67a) left top / 20px 2px no-repeat,
    linear-gradient(#efc67a,#efc67a) left top / 2px 20px no-repeat,
    linear-gradient(#efc67a,#efc67a) right bottom / 20px 2px no-repeat,
    linear-gradient(#efc67a,#efc67a) right bottom / 2px 20px no-repeat,
    linear-gradient(#84def2,#84def2) right top / 12px 2px no-repeat,
    linear-gradient(#84def2,#84def2) left bottom / 12px 2px no-repeat;
}
body.ironman-comics .room :is(.power-panel,.deep-file) { padding:clamp(28px,4vw,54px); }
body.ironman-comics .chapter-grid { gap:24px; margin-top:30px; }
body.ironman-comics .room .chapter { padding:30px; }
body.ironman-comics .room .chapter h3 { font-size:clamp(1.35rem,2vw,1.85rem); }
body.ironman-comics .chapter p+p { border-color:#c8963d22; }
body.ironman-comics .info-grid { gap:20px; }
body.ironman-comics .room .info-grid>section { padding:25px; }
body.ironman-comics .info-grid h2 { font-size:1.2rem; }
body.ironman-comics .info-grid ul { grid-template-columns:1fr; }
body.ironman-comics .room .story-record { padding:32px; margin-top:30px; }
body.ironman-comics .room .visual-chapter { padding:30px; margin-block:30px; }
body.ironman-comics .room :is(.visual-figure,.visual-relation,.visual-connection) { padding:18px; }
body.ironman-comics .room .connected-files { padding:26px; }
body.ironman-comics .deep-head,
body.ironman-comics .power-head,
body.ironman-comics .power-row,
body.ironman-comics .record-list li { border-color:#c3944844; }
body.ironman-comics .overall { border-color:#a9edff; background:linear-gradient(90deg,#71dbf522,transparent); }
body.ironman-comics .overall strong { color:#d0f7ff; text-shadow:0 0 18px #68d4ff55; }
body.ironman-comics .segments i { background:#172636; border-color:#4e6677; }
body.ironman-comics .segments i.lit { background:linear-gradient(180deg,#e3faff,#83dcec 55%,#3c9bb7); border-color:#b6f3ff; box-shadow:0 0 12px #69dbff44; }
body.ironman-comics .stat-name span,
body.ironman-comics .power-method,
body.ironman-comics .record-intro p { color:#b9c9d3; font-size:.875rem; }
body.ironman-comics .record-count { color:#c9effc; }
body.ironman-comics .compare-file,
body.ironman-comics .read-file,
body.ironman-comics .file-end a,
body.ironman-comics .record-tools button,
body.ironman-comics .visual-chapter details>summary,
body.ironman-comics .continuity-badge { color:#e9d4a9; border-color:#b9904d88; background:#10202bf0; }
body.ironman-comics .read-file { background:#74242b; border-color:#edc477; font-size:.875rem; min-height:44px; line-height:1.5; }
body.ironman-comics .compare-file { font-size:.875rem; line-height:1.5; min-height:44px; }
body.ironman-comics .unified-links a:hover,
body.ironman-comics .chapter-jump button:hover,
body.ironman-comics .compare-file:hover,
body.ironman-comics .read-file:hover { background:#853039; color:#fff; }
body.ironman-comics .visual-lightbox,
body.ironman-comics .visual-lightbox-top { background:#0a131e; border-color:#d8b167; }
body.ironman-comics .visual-lightbox button { background:#76232a; border-color:#dbb46b; }
body.ironman-comics .room-footer,
body.ironman-comics .fan-notice { background:#09111af0; border-color:#b4884855; color:#bdcbd3; }
body.ironman-comics :is(a,button,input,select,summary):focus-visible { outline:3px solid #b5efff; outline-offset:4px; }
@media(max-width:1100px) { body.ironman-comics .room .info-grid { grid-template-columns:1fr; } }
@media(max-width:900px) { body.ironman-comics .room .dossier { width:calc(100% - 32px); margin:8px auto 28px; } }
@media(max-width:700px) {
  body.ironman-comics .room :is(.dossier,.power-panel,.deep-file,.visual-chapter,.story-record) { padding:28px 22px; }
  body.ironman-comics .room :is(.chapter,.info-grid>section) { padding:26px 22px; }
  body.ironman-comics .chapter-grid { grid-template-columns:1fr; gap:22px; }
  body.ironman-comics .room .visual-chapter :is(.visual-grid,.visual-relation-grid,.visual-connections) { grid-template-columns:1fr; }
  body.ironman-comics .room[data-character] .dossier h1 { font-size:clamp(2rem,8.5vw,3.8rem); }
}
@media(forced-colors:active) {
  body.ironman-comics .room:before,
  body.ironman-comics .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.info-grid>section)::after { display:none; }
}

/* Iron Man MCU / Screen only. Existing dossier content and art remain intact. */
body.ironman-screen { --paper:#edf1f3; --muted:#c0cbd0; --line:#8babbc55; background:#070b0f; color:var(--paper); }
body.ironman-screen .room.room-iron-man {
  --accent:#a8dce8 !important; --letter-family:Impact; --letter-weight:900;
  --letter-top:#f0f3f5; --letter-mid:#c8d2d9; --letter-low:#8497a4; --letter-glow:#8bdaf022;
  background:#080c10; isolation:isolate;
}
body.ironman-screen .room::before {
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg,#070c12ef,#08111ac7 58%,#070b10b5),linear-gradient(180deg,#070b1070,#070b10eb),url('/assets/visual-stories/stark-cave.webp') center / cover no-repeat;
}
body.ironman-screen .room::after,body.ironman-screen .room-atmosphere,body.ironman-screen .environment { display:none; }
body.ironman-screen .room-nav.unified-nav { background:#080e14f2; border-bottom:1px solid #7899aa66; box-shadow:0 8px 30px #0008; }
body.ironman-screen .unified-links a,body.ironman-screen .archive-switch,body.ironman-screen .chapter-jump,body.ironman-screen .back-to-top { color:#d8e2e7; background:#0d1721f2; border-color:#7c9caa66; }
body.ironman-screen .unified-links a[aria-current],body.ironman-screen .archive-switch a[aria-current] { background:#172b39; border-color:#8cbfd1; color:#e9f7fc; }
body.ironman-screen .room .dossier { padding:clamp(28px,3vw,44px); background:linear-gradient(125deg,#101e2af7,#090f16f7); border:1px solid #8da8b466; border-top:2px solid #a9dbe3; box-shadow:inset 0 1px #f0f7fa18,0 25px 55px #000a; }
body.ironman-screen .room[data-character] .dossier h1 { font-family:Impact,'Arial Narrow',sans-serif; font-size:clamp(3.2rem,6vw,6.5rem); line-height:1.12; letter-spacing:.025em; padding-block:.1em; text-shadow:0 4px 20px #0009; }
body.ironman-screen .room .character-art { background:linear-gradient(160deg,#14232d70,#050a1080); border:1px solid #9cb8c155; padding:18px; box-shadow:0 20px 55px #000b,0 0 35px #99dbea0c; }
body.ironman-screen .room .character-art img { filter:none; }
body.ironman-screen .room :is(h2,h3) { color:#dee8ed; line-height:1.3; }
body.ironman-screen .room h2 em { color:#a6d8e7; font-style:normal; }
body.ironman-screen :is(.eyebrow,.chapter-num,.visual-kicker,.visual-scope,.record-count) { color:#afcfdb; }
body.ironman-screen .identity { border-color:#adc0ca44; color:#d4bc99; }
body.ironman-screen .room :is(.lore,.chapter p,.record-list p,.visual-chapter p) { color:#d1dce2; font-size:1rem; line-height:1.8; }
body.ironman-screen .room :is(.power-panel,.deep-file,.chapter,.story-record,.screen-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.info-grid>section) {
  background:linear-gradient(125deg,#14212bf7,#0b131bf7); border:1px solid #879eaa55;
  box-shadow:inset 0 1px #d4e4ed12,0 18px 40px #0006;
}
body.ironman-screen .room :is(.power-panel,.deep-file) { padding:clamp(28px,4vw,56px); }
body.ironman-screen .chapter-grid { gap:26px; margin-top:32px; }
body.ironman-screen .room .chapter { padding:32px; border-top:2px solid #627e8f; }
body.ironman-screen .chapter h3 { font-size:clamp(1.4rem,2vw,1.9rem); }
body.ironman-screen .chapter p+p { border-color:#8aa4b02b; }
body.ironman-screen .info-grid { gap:20px; }
body.ironman-screen .room .info-grid>section { padding:26px; }
body.ironman-screen .info-grid ul { grid-template-columns:1fr; }
body.ironman-screen .room :is(.story-record,.screen-record) { padding:32px; margin-top:30px; }
body.ironman-screen .room .visual-chapter { padding:32px; margin-block:32px; }
body.ironman-screen .room :is(.visual-figure,.visual-relation,.visual-connection) { padding:20px; }
body.ironman-screen .room .connected-files { padding:28px; }
body.ironman-screen :is(.deep-head,.power-head,.power-row,.record-list li) { border-color:#8ba3b344; }
body.ironman-screen .overall { border-color:#b2dfed; background:linear-gradient(90deg,#99d5e41a,transparent); }
body.ironman-screen .overall strong { color:#d4edf5; text-shadow:0 0 18px #8cd5ea33; }
body.ironman-screen .segments i { background:#172632; border-color:#597080; }
body.ironman-screen .segments i.lit { background:linear-gradient(180deg,#c1e2ed,#688d9f); }
body.ironman-screen :is(.compare-file,.read-file,.file-end a,.record-tools button,.visual-chapter details>summary,.continuity-badge,.visual-inspect) { color:#d3e4ed; border-color:#87a5b466; background:#102330f0; font-size:.875rem; line-height:1.5; }
body.ironman-screen :is(.compare-file,.read-file) { min-height:44px; }
body.ironman-screen .read-file { background:#1b3948; border-color:#a0c7d6; }
body.ironman-screen :is(.unified-links a,.chapter-jump button,.compare-file,.read-file):hover { background:#243f50; color:#fff; }
body.ironman-screen :is(.visual-lightbox,.visual-lightbox-top) { background:#09121b; border-color:#95b4c5; }
body.ironman-screen :is(.room-footer,.fan-notice) { background:#0a111bf0; border-color:#8098a044; color:#bbcbd4; }
body.ironman-screen :is(a,button,input,select,summary):focus-visible { outline:3px solid #bfe6f7; outline-offset:4px; }
@media(max-width:1100px) { body.ironman-screen .room .info-grid { grid-template-columns:1fr; } }
@media(max-width:900px) { body.ironman-screen .room .dossier { width:calc(100% - 32px); margin:12px auto 30px; } }
@media(max-width:700px) {
  body.ironman-screen .room :is(.dossier,.power-panel,.deep-file,.visual-chapter,.story-record,.screen-record) { padding:28px 22px; }
  body.ironman-screen .room :is(.chapter,.info-grid>section) { padding:26px 22px; }
  body.ironman-screen .chapter-grid { grid-template-columns:1fr; gap:24px; }
  body.ironman-screen .room .visual-chapter :is(.visual-grid,.visual-relation-grid,.visual-connections) { grid-template-columns:1fr; }
  body.ironman-screen .room[data-character] .dossier h1 { font-size:clamp(2.7rem,11vw,4rem); }
}
@media(forced-colors:active) { body.ironman-screen .room::before { display:none; } }

/* Cinematic reactor-powered armor revision. Scoped to MCU Iron Man. */
body.ironman-screen { --line:#c3995266; background:#090708; }
body.ironman-screen .room.room-iron-man {
 --accent:#efc176 !important; --letter-top:#fff0c5; --letter-mid:#e8b95b; --letter-low:#9c632c; --letter-glow:#edb35035;
 background:transparent;
}
body.ironman-screen .room::before {
 background:linear-gradient(180deg,#08060905 0%,#08060914 48%,#08060966 100%),url('/assets/ironman-mcu-reactor.webp') center top / max(100vw,850px) auto no-repeat,#090708;
}
body.ironman-screen .room-nav.unified-nav { background:#150b0de8; border-bottom:2px solid #9f723d; }
body.ironman-screen .unified-links a,body.ironman-screen .archive-switch,body.ironman-screen .chapter-jump,body.ironman-screen .back-to-top { background:#210e12ed; border-color:#c39b5766; color:#ffe6b9; }
body.ironman-screen .unified-links a[aria-current],body.ironman-screen .archive-switch a[aria-current] { background:linear-gradient(150deg,#9f2936,#40111a); border-color:#e3b46c; color:#fff2d9; }
body.ironman-screen .room .dossier { margin-top:clamp(210px,24vw,340px); }
body.ironman-screen .room .character-art { margin-top:clamp(210px,24vw,340px); border:5px solid #ad7941; border-radius:18px; background:linear-gradient(150deg,#461019a6,#120d10d9); box-shadow:inset 0 0 0 3px #240a10,0 0 0 2px #401016,0 0 40px #83deef25,0 24px 55px #000b; }
body.ironman-screen .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.screen-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.info-grid>section) {
 position:relative; border:10px solid transparent; border-radius:18px;
 background:linear-gradient(145deg,#191012f5,#090d12fa) padding-box,url('/assets/ironman-mcu-reactor.webp') center 44% / cover border-box;
 box-shadow:inset 0 0 0 1px #edc98566,inset 0 3px 10px #000b,0 0 0 2px #42131e,0 0 0 3px #bf914c88,0 18px 42px #000b;
}
body.ironman-screen .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.screen-record,.visual-chapter,.connected-files)::after {
 content:''; position:absolute; inset:6px; border-radius:7px; border-top:1px solid #90edff55; border-bottom:1px solid #bf82394d; pointer-events:none;
 background:linear-gradient(90deg,transparent,#9beeffaa,transparent) top center / 80px 2px no-repeat;
}
body.ironman-screen .room :is(h2,h3) { color:#f0d39c; }
body.ironman-screen .room h2 em { color:#b6efff; }
body.ironman-screen .identity { color:#efd1a7; border-color:#d1a45b55; }
body.ironman-screen .overall { border-color:#d2a357; background:linear-gradient(90deg,#aa263331,transparent); }
body.ironman-screen .segments i.lit { background:linear-gradient(180deg,#f6d493,#a7692e); box-shadow:0 0 8px #e0a24325; }
body.ironman-screen :is(.compare-file,.read-file,.file-end a,.record-tools button,.visual-chapter details>summary,.continuity-badge,.visual-inspect) { background:linear-gradient(150deg,#62202c,#241018); border-color:#cc9b52; color:#ffe8bf; }
body.ironman-screen :is(.unified-links a,.chapter-jump button,.compare-file,.read-file):hover { background:#8b2936; color:#fff5dd; }
body.ironman-screen :is(.room-footer,.fan-notice) { background:#160e11ed; border-color:#b9854655; }
@media(max-width:900px) {
 body.ironman-screen .room .character-art { margin:245px auto 28px; width:min(82vw,560px); }
 body.ironman-screen .room .dossier { margin-top:0; }
}
@media(max-width:700px) {
 body.ironman-screen .room::before { background-size:auto,850px auto; }
 body.ironman-screen .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.screen-record,.visual-chapter,.connected-files,.info-grid>section) { border-width:7px; border-radius:13px; }
}

/* Full-roster art direction: cinematic materials and illustrated Comics frames. */
body.custom-profile { --paper:#f3f2ed; --muted:#cdd2db; --line:color-mix(in srgb,var(--profile-primary),transparent 65%); background:#07090e; color:var(--paper); }
body.custom-profile .room { --accent:var(--profile-primary)!important; background:transparent; isolation:isolate; }
body.custom-profile .room::before { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,#05080dde 0%,#070b10bd 38%,#070b1060 72%,#070b10b0),linear-gradient(0deg,#05080de0,transparent 70%),var(--profile-background) center var(--profile-art-position) / cover no-repeat; }
body.custom-profile .room::after,body.custom-profile .room-atmosphere,body.custom-profile .environment { display:none; }
body.custom-profile .room-nav.unified-nav { background:#080c13ed; border-bottom:2px solid color-mix(in srgb,var(--profile-primary),transparent 35%); box-shadow:0 12px 35px #0009; }
body.custom-profile .room>.archive-switch { grid-column:1/-1; grid-row:2; margin:18px clamp(16px,3vw,50px) 0; }
body.custom-profile .room .dossier { grid-row:3; padding:clamp(28px,3vw,42px); margin:32px 0 40px clamp(20px,4vw,75px); width:min(calc(100% - 32px),650px); }
body.custom-profile .room .character-art { grid-row:3; width:min(95%,660px); margin:32px 3vw 36px 0; padding:14px; border:1px solid color-mix(in srgb,var(--profile-primary),transparent 30%); border-radius:var(--profile-corner); background:linear-gradient(145deg,#080b1166,#070a10bb); box-shadow:0 30px 65px #000a,0 0 42px color-mix(in srgb,var(--profile-primary),transparent 86%); }
body.custom-profile .room .character-art img { filter:none; mask-image:none; mix-blend-mode:normal; }
body.custom-profile .room .character-art::after { display:none; }
body.custom-profile .room .power-panel { grid-row:4; }
body.custom-profile .room .deep-file { grid-row:5; }
body.custom-profile .room .room-footer { grid-row:6; }
body.custom-profile .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.screen-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.info-grid>section) {
 position:relative; border:var(--profile-trim) solid transparent; border-radius:var(--profile-corner);
 background:linear-gradient(var(--profile-angle),#11151cf7,#080c13f7) padding-box,linear-gradient(var(--profile-angle),color-mix(in srgb,var(--profile-primary),#090c12 40%),var(--profile-secondary) 49%,color-mix(in srgb,var(--profile-primary),#070a10 45%)) border-box;
 box-shadow:inset 0 1px #f8f6f018,0 16px 45px #0008; overflow-wrap:anywhere;
}
body.custom-profile .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.screen-record,.visual-chapter,.connected-files)::after {
 content:''; pointer-events:none; position:absolute; inset:6px; border-radius:max(0px,calc(var(--profile-corner) - 4px)); border:1px solid color-mix(in srgb,var(--profile-primary),transparent 79%);
 background:linear-gradient(90deg,var(--profile-primary),transparent) left top / 75px 2px no-repeat,linear-gradient(270deg,var(--profile-secondary),transparent) right bottom / 75px 2px no-repeat;
}
body.custom-profile .room :is(.power-panel,.deep-file) { padding:clamp(28px,4vw,54px); }
body.custom-profile .room :is(.chapter,.story-record,.screen-record,.visual-chapter,.connected-files) { padding:28px; }
body.custom-profile .room .info-grid>section { padding:22px; }
body.custom-profile .chapter-grid { gap:24px; }
body.custom-profile .info-grid { gap:20px; }
body.custom-profile .room :is(h2,h3) { color:var(--profile-secondary); line-height:1.3; }
body.custom-profile .room h2 em { color:var(--profile-primary); }
body.custom-profile .room[data-character] .dossier h1 { font-size:clamp(2.4rem,4.7vw,5.5rem); line-height:1.14; padding-block:.15em; overflow-wrap:normal; word-break:normal; }
body.custom-profile .room :is(.lore,.chapter p,.record-list p,.visual-chapter p) { color:#e0e4ea; font-size:1rem; line-height:1.8; }
body.custom-profile :is(.eyebrow,.chapter-num,.visual-kicker,.visual-scope,.record-count) { color:var(--profile-primary); font-size:.875rem; }
body.custom-profile .identity { border-color:var(--line); color:var(--profile-secondary); font-size:.875rem; }
body.custom-profile :is(.deep-head,.power-head,.power-row,.record-list li) { border-color:var(--line); }
body.custom-profile .overall { border-color:var(--profile-primary); background:linear-gradient(90deg,color-mix(in srgb,var(--profile-primary),transparent 90%),transparent); }
body.custom-profile .overall strong { color:var(--profile-secondary); }
body.custom-profile .segments i.lit { background:linear-gradient(180deg,var(--profile-secondary),var(--profile-primary)); }
body.custom-profile :is(.unified-links a,.archive-switch,.chapter-jump,.back-to-top,.compare-file,.read-file,.record-tools button,.visual-chapter details>summary,.continuity-badge,.visual-inspect) { background:#0c111aed; border-color:color-mix(in srgb,var(--profile-primary),transparent 45%); color:var(--profile-secondary); font-size:.875rem; }
body.custom-profile :is(.unified-links a[aria-current],.archive-switch a[aria-current],.read-file) { background:color-mix(in srgb,var(--profile-primary),#090d14 80%); border-color:var(--profile-primary); color:#fff; }
body.custom-profile :is(a,button,summary):hover { border-color:var(--profile-secondary); }
body.custom-profile :is(a,button,input,select,summary):focus-visible { outline:3px solid var(--profile-secondary); outline-offset:4px; }
body.custom-profile :is(.visual-lightbox,.visual-lightbox-top,.room-footer,.fan-notice) { background:#090e17f2; border-color:var(--line); }
/* Comics retain their approved portrait-derived frame texture; the page uses independent scenery. */
body.profile-comics .room::before { background:linear-gradient(90deg,#06080ed4,#070910a6 50%,#070a105e),linear-gradient(0deg,#07090ddc,transparent 65%),var(--profile-background) center var(--profile-art-position) / cover no-repeat; }
body.profile-comics .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.visual-chapter,.visual-figure,.visual-relation,.visual-connection,.connected-files,.info-grid>section) {
 border-width:calc(var(--profile-trim) + 3px); border-radius:var(--profile-corner);
 background:linear-gradient(var(--profile-angle),#121622f5,#080b13fa) padding-box,var(--profile-art) center var(--profile-art-position) / cover border-box;
 box-shadow:0 0 0 2px var(--profile-primary),5px 6px 0 #000c,7px 8px 0 color-mix(in srgb,var(--profile-secondary),transparent 70%);
}
body.profile-comics .room .character-art { padding:8px; border:3px solid var(--profile-primary); background:#080a11; box-shadow:6px 7px 0 color-mix(in srgb,var(--profile-secondary),#000 70%),0 18px 40px #000b; }
body.profile-comics .room :is(h2,h3) { text-transform:uppercase; letter-spacing:.035em; font-weight:800; }
body.profile-screen .room .dossier h1 { text-shadow:0 5px 25px #000; }
/* Frame geometry follows powers and equipment, rather than a single tinted border. */
body[data-profile-frame='regal'] .room :is(.dossier,.chapter,.power-panel,.deep-file) { border-top-width:8px; border-bottom-width:5px; border-radius:2px 2px 20px 20px; }
body[data-profile-frame='regal'] .room .chapter::after { border-top:3px double var(--profile-secondary); border-bottom:3px double var(--profile-primary); }
body[data-profile-frame='vibranium'] .room :is(.dossier,.chapter,.power-panel,.deep-file) { border-radius:3px 25px 3px 25px; border-left-width:7px; box-shadow:inset 0 0 28px color-mix(in srgb,var(--profile-primary),transparent 92%),0 0 20px color-mix(in srgb,var(--profile-primary),transparent 84%); }
body[data-profile-frame='magnetic'] .room .chapter::after { border-inline:3px double var(--profile-primary); border-radius:35% 3px; }
body[data-profile-frame='shield'] .room :is(.dossier,.chapter,.power-panel) { border-radius:28px; border-width:5px; box-shadow:0 0 0 2px #0b1423,0 0 0 4px var(--profile-secondary),0 22px 48px #0008; }
body[data-profile-frame='shield'] .room .chapter::after { border:2px solid color-mix(in srgb,var(--profile-primary),transparent 45%); border-radius:22px; }
body[data-profile-frame='thunder'] .room .chapter::after { background:linear-gradient(135deg,var(--profile-primary) 0 3%,transparent 3% 97%,var(--profile-secondary) 97%); border-left:2px solid var(--profile-secondary); }
body[data-profile-frame='stellar'] .room :is(.dossier,.chapter,.power-panel) { border-radius:28px 5px; box-shadow:inset 0 0 32px color-mix(in srgb,var(--profile-primary),transparent 92%),0 0 25px color-mix(in srgb,var(--profile-secondary),transparent 85%); }
body[data-profile-frame='hex'] .room :is(.dossier,.chapter,.power-panel) { border-radius:35px 5px 35px 5px; border-color:color-mix(in srgb,var(--profile-primary),transparent 45%); box-shadow:inset 0 0 30px color-mix(in srgb,var(--profile-primary),transparent 91%),0 0 25px color-mix(in srgb,var(--profile-primary),transparent 77%); }
body[data-profile-frame='sigil'] .room :is(.dossier,.chapter,.power-panel) { border:5px double var(--profile-primary); border-radius:26px; }
body[data-profile-frame='sigil'] .room .chapter::after { border:1px dashed var(--profile-secondary); border-radius:20px; }
body[data-profile-frame='phoenix'] .room :is(.dossier,.chapter,.power-panel) { border-radius:42px 4px 42px 4px; border-bottom:6px solid var(--profile-primary); box-shadow:0 8px 30px color-mix(in srgb,var(--profile-primary),transparent 80%),inset 0 -20px 35px #ea732012; }
body[data-profile-frame='laboratory'] .room .chapter::after { background:linear-gradient(var(--profile-secondary),var(--profile-secondary)) left top / 34px 2px no-repeat,linear-gradient(var(--profile-primary),var(--profile-primary)) right bottom / 2px 34px no-repeat; border:1px solid var(--line); }
body[data-profile-frame='synthetic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:4px 32px 4px 32px; border-right:7px solid var(--profile-primary); }
body[data-profile-frame='noir'] .room :is(.dossier,.chapter,.power-panel) { border-radius:0; border-left:5px solid var(--profile-primary); border-top:1px solid var(--profile-secondary); border-bottom:1px solid var(--profile-primary); }
body[data-profile-frame='tactical'] .room :is(.dossier,.chapter,.power-panel) { border-radius:3px; border-bottom:6px solid var(--profile-primary); }
body[data-profile-frame='tactical'] .room .chapter::after { border-inline:2px dashed color-mix(in srgb,var(--profile-secondary),transparent 55%); }
body[data-profile-frame='web'] .room :is(.dossier,.chapter,.power-panel) { border-radius:22px 4px; border-top:5px solid var(--profile-primary); border-bottom:5px solid var(--profile-secondary); }
body[data-profile-frame='web'] .room .chapter::after { background:repeating-linear-gradient(45deg,transparent 0 8px,color-mix(in srgb,var(--profile-secondary),transparent 55%) 8px 9px) top left / 50px 8px no-repeat,repeating-linear-gradient(-45deg,transparent 0 8px,color-mix(in srgb,var(--profile-primary),transparent 55%) 8px 9px) bottom right / 50px 8px no-repeat; }
body[data-profile-frame='lunar'] .room :is(.dossier,.chapter,.power-panel) { border-radius:35px 35px 4px 4px; border-top:7px solid var(--profile-secondary); box-shadow:0 0 0 1px var(--profile-primary),0 0 28px #d2e3ff15; }
body[data-profile-frame='impact'] .room :is(.dossier,.chapter,.power-panel) { border-radius:2px; border-width:7px; box-shadow:inset 0 0 0 2px #04070a,6px 6px 0 color-mix(in srgb,var(--profile-primary),#000 65%); }
body[data-profile-frame='martial'] .room :is(.dossier,.chapter,.power-panel) { border-radius:26px 3px 3px 26px; border-left:8px double var(--profile-secondary); }
body[data-profile-frame='bionic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:2px 16px; border-left:8px solid var(--profile-secondary); border-right:3px solid var(--profile-primary); }
body[data-profile-frame='blade'] .room :is(.dossier,.chapter,.power-panel) { border-radius:0 30px 0 3px; border-left:4px solid var(--profile-secondary); border-bottom:6px solid var(--profile-primary); }
body[data-profile-frame='rings'] .room :is(.dossier,.chapter,.power-panel) { border-radius:28px; border:6px double var(--profile-secondary); box-shadow:0 0 0 2px var(--profile-primary),0 0 22px color-mix(in srgb,var(--profile-primary),transparent 88%); }
body[data-profile-frame='kinetic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:3px 32px; border-top:6px solid var(--profile-secondary); border-left:3px solid var(--profile-primary); }
body[data-profile-frame='archery'] .room .chapter::after { background:repeating-linear-gradient(90deg,var(--profile-primary) 0 3px,transparent 3px 10px) right top / 60px 4px no-repeat; border-left:2px solid var(--profile-secondary); }
body[data-profile-frame='fracture'] .room :is(.dossier,.chapter,.power-panel) { border-radius:3px 18px 1px 9px; border-width:8px; box-shadow:inset 3px 4px 0 #000a,6px 4px 0 color-mix(in srgb,var(--profile-primary),#000 65%); }
body[data-profile-frame='wing'] .room :is(.dossier,.chapter,.power-panel) { border-radius:38px 4px 38px 4px; border-inline:5px double var(--profile-secondary); }
body[data-profile-frame='scale'] .room .chapter::after { border:2px dotted var(--profile-primary); border-radius:7px; background:none; }
body[data-profile-frame='armor'] .room :is(.dossier,.chapter,.power-panel) { border-radius:14px 3px; border-width:7px; box-shadow:inset 0 0 0 2px #090c14,0 0 0 1px var(--profile-secondary); }
body[data-profile-frame='velocity'] .room .chapter::after { border:none; background:repeating-linear-gradient(115deg,var(--profile-primary) 0 2px,transparent 2px 9px) top right / 110px 5px no-repeat,linear-gradient(90deg,transparent,var(--profile-secondary)) bottom left / 80% 2px no-repeat; }
body[data-profile-frame='ionic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:22px; box-shadow:0 0 22px color-mix(in srgb,var(--profile-primary),transparent 76%),inset 0 0 24px color-mix(in srgb,var(--profile-secondary),transparent 95%); }
body[data-profile-frame='claw'] .room .chapter::after { background:repeating-linear-gradient(115deg,var(--profile-secondary) 0 2px,transparent 2px 8px) right top / 28px 28px no-repeat,repeating-linear-gradient(115deg,var(--profile-primary) 0 2px,transparent 2px 8px) left bottom / 28px 28px no-repeat; border:none; }
body[data-profile-frame='optic'] .room :is(.dossier,.chapter,.power-panel) { border-top:7px solid var(--profile-primary); border-bottom:2px solid var(--profile-secondary); border-radius:0; box-shadow:0 -4px 20px color-mix(in srgb,var(--profile-primary),transparent 82%); }
body[data-profile-frame='cards'] .room :is(.dossier,.chapter,.power-panel) { border-radius:20px; border:5px double var(--profile-primary); box-shadow:5px 5px 0 color-mix(in srgb,var(--profile-secondary),#000 65%),0 0 30px color-mix(in srgb,var(--profile-primary),transparent 88%); }
body[data-profile-frame='teleport'] .room :is(.dossier,.chapter,.power-panel) { border-radius:32px 4px; border:4px dashed color-mix(in srgb,var(--profile-primary),transparent 30%); box-shadow:0 0 22px color-mix(in srgb,var(--profile-secondary),transparent 85%); }
body[data-profile-frame='ice'] .room :is(.dossier,.chapter,.power-panel) { border-radius:2px 26px 2px 12px; border:7px double var(--profile-primary); box-shadow:inset 0 0 25px #96e7ff10,0 0 25px #95dfff20; }
body[data-profile-frame='alloy'] .room :is(.dossier,.chapter,.power-panel) { border-radius:5px; border-inline:8px double var(--profile-primary); border-top:2px solid var(--profile-secondary); }
body[data-profile-frame='psionic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:38px; border:3px solid var(--profile-primary); box-shadow:0 0 0 4px #080b13,0 0 0 5px color-mix(in srgb,var(--profile-secondary),transparent 55%),0 0 30px color-mix(in srgb,var(--profile-primary),transparent 87%); }
body[data-profile-frame='diamond'] .room :is(.dossier,.chapter,.power-panel) { border-radius:0 25px; border:7px double var(--profile-primary); box-shadow:0 0 0 1px var(--profile-secondary),inset 0 0 24px #d4dfff10; }
body[data-profile-frame='heraldic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:3px 3px 30px 30px; border-top:7px double var(--profile-secondary); border-inline:3px solid var(--profile-primary); }
body[data-profile-frame='infernal'] .room :is(.dossier,.chapter,.power-panel) { border-radius:25px 1px; border-bottom:7px solid var(--profile-secondary); box-shadow:0 7px 24px color-mix(in srgb,var(--profile-secondary),transparent 85%); }
body[data-profile-frame='spark'] .room .chapter::after { background:repeating-linear-gradient(90deg,var(--profile-primary) 0 4px,transparent 4px 11px,var(--profile-secondary) 11px 15px,transparent 15px 22px) top / 100% 3px no-repeat; border:none; }
body[data-profile-frame='phase'] .room :is(.dossier,.chapter,.power-panel) { border-radius:16px; border-inline:3px dashed var(--profile-primary); border-top:1px solid var(--profile-secondary); }
body[data-profile-frame='force'] .room :is(.dossier,.chapter,.power-panel) { border-radius:30px; border:3px solid var(--profile-primary); box-shadow:0 0 0 5px #a0dfff0c,0 0 0 8px #a0dfff08,0 0 30px #98d7ff25; }
body[data-profile-frame='fire'] .room :is(.dossier,.chapter,.power-panel) { border-radius:28px 3px; border-bottom:8px solid var(--profile-primary); border-top:2px solid var(--profile-secondary); box-shadow:0 9px 30px color-mix(in srgb,var(--profile-primary),transparent 74%); }
body[data-profile-frame='aquatic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:36px 5px; border-inline:5px double var(--profile-primary); border-block:3px solid var(--profile-secondary); box-shadow:inset 0 0 30px #43c4c410; }
body[data-profile-frame='organic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:35px 12px 28px 8px; border-width:6px; border-color:color-mix(in srgb,var(--profile-primary),#272117 45%); }
body[data-profile-frame='prism'] .room :is(.dossier,.chapter,.power-panel) { border-radius:0 28px; border-width:7px; box-shadow:0 0 0 2px var(--profile-primary),0 0 22px color-mix(in srgb,var(--profile-secondary),transparent 82%); }
body[data-profile-frame='portal'] .room :is(.dossier,.chapter,.power-panel) { border-radius:30px; border:6px double var(--profile-primary); box-shadow:0 0 20px color-mix(in srgb,var(--profile-secondary),transparent 78%); }
body[data-profile-frame='chain'] .room .chapter::after { border:3px dashed var(--profile-secondary); border-radius:15px; background:none; }
body[data-profile-frame='engine'] .room :is(.dossier,.chapter,.power-panel) { border-radius:8px; border-top:7px solid var(--profile-primary); border-inline:5px double var(--profile-secondary); box-shadow:0 -3px 24px color-mix(in srgb,var(--profile-primary),transparent 82%); }
body[data-profile-frame='hunter'] .room :is(.dossier,.chapter,.power-panel) { border-radius:0; border-inline:5px double var(--profile-primary); border-block:2px solid var(--profile-secondary); }
body[data-profile-frame='flight'] .room :is(.dossier,.chapter,.power-panel) { border-radius:6px 25px; border-top:6px solid var(--profile-secondary); border-left:4px solid var(--profile-primary); }
body[data-profile-frame='temporal'] .room .chapter::after { border:3px double var(--profile-secondary); border-radius:15px 2px; background:repeating-linear-gradient(90deg,var(--profile-primary) 0 2px,transparent 2px 12px) bottom / 100% 3px no-repeat; }
body[data-profile-frame='toxic'] .room :is(.dossier,.chapter,.power-panel) { border-radius:30px 3px; border-bottom:7px solid var(--profile-primary); box-shadow:0 6px 24px color-mix(in srgb,var(--profile-primary),transparent 78%); }
body[data-profile-frame='tentacle'] .room :is(.dossier,.chapter,.power-panel) { border-radius:30px; border:7px double var(--profile-secondary); border-left-color:var(--profile-primary); }
body[data-profile-frame='symbiote'] .room :is(.dossier,.chapter,.power-panel) { border-radius:38px 8px 27px 14px; border:8px solid color-mix(in srgb,var(--profile-primary),#030408 62%); box-shadow:0 0 0 1px var(--profile-primary),inset 0 0 28px color-mix(in srgb,var(--profile-primary),transparent 94%); }
/* Edition-specific composition survives the power-specific frame geometry. */
body.profile-comics .room .chapter:nth-child(even) { border-radius:3px 18px 3px 18px; }
body.profile-comics .room .chapter:nth-child(odd) { border-left-width:9px; }
body.profile-screen .room .chapter { min-width:0; }
@media(max-width:1100px) { body.custom-profile .room .info-grid { grid-template-columns:1fr; } }
@media(max-width:900px) {
 body.custom-profile .room .character-art { grid-column:1; grid-row:3; width:min(85vw,560px); height:min(62svh,650px); margin:24px auto; }
 body.custom-profile .room .dossier { grid-column:1; grid-row:4; width:calc(100% - 40px); margin:0 auto 28px; }
 body.custom-profile .room .power-panel { grid-row:5; }
 body.custom-profile .room .deep-file { grid-row:6; }
 body.custom-profile .room .room-footer { grid-row:7; }
}
@media(max-width:700px) {
 body.custom-profile .room :is(.dossier,.power-panel,.deep-file,.chapter,.story-record,.screen-record,.visual-chapter,.connected-files) { padding:26px 20px; }
 body.custom-profile .room .dossier { width:calc(100% - 32px); }
 body.custom-profile .chapter-grid { grid-template-columns:1fr; gap:24px; }
 body.custom-profile .room[data-character] .dossier h1 { font-size:clamp(2rem,9vw,3.8rem); }
 body.custom-profile .room .visual-chapter :is(.visual-grid,.visual-relation-grid,.visual-connections) { grid-template-columns:1fr; }
}
@media(forced-colors:active) { body.custom-profile .room::before,body.custom-profile .room :is(.dossier,.power-panel,.deep-file,.chapter)::after { display:none; } }

/* Background-only edition treatments; typography, panels and borders stay intact. */
body.profile-screen .room::before { background-position:center,center,center; }
body.profile-comics .room::before { background-image:linear-gradient(90deg,#06080edb,#070910a6 50%,#070a1066),radial-gradient(circle,#05071355 .7px,transparent 1px),var(--profile-background); background-size:auto,4px 4px,cover; background-position:center,center,center; }

/* Deadpool: two independently selected settings and emblem presentations. */
body[data-profile-slug="deadpool"] .character-art img{width:100%;height:auto;max-height:65vh;object-fit:contain;}
body[data-profile-slug="deadpool"][data-profile-edition="screen"] .character-art{border-radius:16px;border:2px solid #8d2934;background:linear-gradient(145deg,#100c10bd,#090b10dc);}
body[data-profile-slug="deadpool"][data-profile-edition="comics"] .character-art{border:5px solid #e52b3f;border-radius:0;box-shadow:10px 10px 0 #050407;background:#100b11e8;}

/* Deadpool uses a subtle neutral overlay, matching the archive background treatment. */
body.custom-profile[data-profile-slug="deadpool"] .room::before{background:linear-gradient(90deg,#05080d70,#070b1030 60%,#070b1040),var(--profile-background) center / cover no-repeat;filter:none;background-blend-mode:normal;}
body.custom-profile[data-profile-slug="deadpool"] .room::after{display:none;}

/* Screen portraits sit in the center of their frames at every viewport. */
body.profile-screen .room .character-art{display:flex;align-items:center;justify-content:center;justify-self:center;margin:32px auto 36px;box-sizing:border-box;}
body.profile-screen .room .character-art img{display:block;flex:0 1 auto;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:50% 50%;margin:0;transform:none;}
@media(max-width:900px){body.profile-screen .room .character-art{margin:24px auto;}}

/* Approved section colors. Doom home does not load this stylesheet. */
.unified-nav .unified-links a{--tint:#111923;--tab-color:#ced8db;--spectrum:linear-gradient(90deg,var(--tab-color),var(--tab-color));position:relative;background:var(--tint);color:var(--tab-color);border-color:color-mix(in srgb,var(--tab-color),transparent 66%)}
.unified-nav .unified-links a:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--spectrum);pointer-events:none}
.unified-nav .unified-links a[href="/archive/"]{--tint:#21151d;--tab-color:#f3a4ad;--spectrum:linear-gradient(90deg,#8c3343,#e77583)}
.unified-nav .unified-links a[href="/vault/"]{--tint:#17202a;--tab-color:#bbccdf;--spectrum:linear-gradient(90deg,#6f859e,#d7e4f1,#748da8)}
.unified-nav .unified-links a[href="/cosmic/"]{--tint:radial-gradient(ellipse at 25% 0,#65478177,transparent 70%),radial-gradient(ellipse at 90% 100%,#c9679760,transparent 75%),#181527;--tab-color:#e4c4fa;--spectrum:linear-gradient(90deg,#7888dc,#c0a0ef,#ec94c4,#cdb6ee)}
.unified-nav .unified-links a[href="/timeline/"]{--tint:#15241f;--tab-color:#c7ebd8;--spectrum:linear-gradient(90deg,#57d49f,#70cec9,#85a9e5,#ba98db,#e3a0a0,#ead17a,#8adca0)}
.unified-nav .unified-links a[href="/places/"]{--tint:linear-gradient(125deg,#173443,#26243b 70%,#332c20);--tab-color:#b7e4ec;--spectrum:linear-gradient(90deg,#73d7e7,#779edd,#b09ce0,#e8c984)}
.unified-nav .unified-links a[href="/rivalries/"]{--tint:linear-gradient(105deg,#281519,#2b2116);--tab-color:#fac1a2;--spectrum:linear-gradient(90deg,#d06d77,#ecaa65)}
.unified-nav .unified-links a[href="/compare/"]{--tint:#142329;--tab-color:#ade3e6;--spectrum:linear-gradient(90deg,#72c0ca 0 48%,#d5e8ec 48% 52%,#99b5db 52%)}
.unified-nav .unified-links a[href="/gallery/"]{--tint:#291b2b;--tab-color:#f0b7db;--spectrum:linear-gradient(90deg,#d184c4,#bd8adf,#f0adc9)}
.unified-nav .unified-links a[href="/guides/"]{--tint:#27221a;--tab-color:#ddcdb0;--spectrum:linear-gradient(90deg,#af9171,#d9c9a6)}
.unified-nav .unified-links a:hover,.unified-nav .unified-links a:focus-visible,.unified-nav .unified-links a:active,.unified-nav .unified-links a[aria-current]{color:#fff2cf;border-color:#dcc592b3;background:#302d25;box-shadow:inset 0 -2px #dfc591}
.unified-nav .unified-links a:hover:after,.unified-nav .unified-links a:focus-visible:after,.unified-nav .unified-links a:active:after,.unified-nav .unified-links a[aria-current]:after{background:#dfc591}

/* Doom home tab: existing Doom artwork with steel, emerald and gold trim. */
nav.unified-nav .home-link{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0 .4em;padding:12px 16px 12px 56px;min-height:54px;border:1px solid #a99563;border-radius:4px;background:linear-gradient(90deg,#07150df2 0%,#07150de8 56%,#10191cc0 100%),url('/assets/visual-stories/doom-armor-detail-thumb.webp') right center/cover no-repeat;color:#edf3eb;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:.035em;box-shadow:inset 0 0 0 2px #0c1715,inset 0 0 0 3px #65746b66,0 0 14px #3ecb8020;text-shadow:0 2px 4px #000}
nav.unified-nav .home-link:before{content:"";position:absolute;left:9px;top:50%;transform:translateY(-50%);width:37px;height:37px;background:url('/assets/emblem-doctor-doom-tile.webp') center/cover no-repeat;border:1px solid #bba978;border-radius:3px;box-shadow:0 0 8px #45d58c44;pointer-events:none}
nav.unified-nav .home-link:after{content:"";position:absolute;left:9px;right:9px;bottom:3px;height:2px;background:linear-gradient(90deg,#54665c,#76e4ac,#c8ae73,#53675f);pointer-events:none}
nav.unified-nav .home-link .home-caption{color:#cdbb91}
nav.unified-nav .home-link:hover,nav.unified-nav .home-link:focus-visible,nav.unified-nav .home-link:active{color:#fff2cf;border-color:#e2c887;box-shadow:inset 0 0 0 2px #17241c,inset 0 0 0 3px #b59b6570,0 0 18px #54d69244}
@media(max-width:760px){nav.unified-nav .home-link{align-self:flex-start;padding:10px 14px 10px 53px;min-height:50px;max-width:100%}}

/* 1.80.2: shade families on all screens; approved columns on mobile only. */
.unified-nav .unified-links a[href="/archive/"]{--tint:linear-gradient(180deg,#491522,#3b121e);--tab-color:#ffd0d6;--spectrum:linear-gradient(90deg,#af334d,#e77583)}
.unified-nav .unified-links a[href="/vault/"]{--tint:linear-gradient(180deg,#3b121e,#30141a);--tab-color:#f0b2b2;--spectrum:linear-gradient(90deg,#ac4e62,#ce8590)}
.unified-nav .unified-links a[href="/rivalries/"]{--tint:linear-gradient(180deg,#30141a,#231016);--tab-color:#edafb9;--spectrum:linear-gradient(90deg,#863449,#b95d70)}
.unified-nav .unified-links a[href="/timeline/"]{--tint:linear-gradient(180deg,#332c50,#26243b);--tab-color:#dfd1fa;--spectrum:linear-gradient(90deg,#779edd,#b09ce0,#c4a7eb)}
.unified-nav .unified-links a[href="/places/"]{--tint:linear-gradient(180deg,#26243b,#231c34);--tab-color:#d4bff0;--spectrum:linear-gradient(90deg,#8670b3,#b09ce0,#9679bd)}
.unified-nav .unified-links a[href="/cosmic/"]{--tint:linear-gradient(180deg,#231c34,#181527);--tab-color:#cbb4ea;--spectrum:linear-gradient(90deg,#6d548e,#9c7bc6,#806197)}
.unified-nav .laws-header-link{background:linear-gradient(180deg,#69521d,#534016);color:#fff1bc;border-color:#c5a55a}
.unified-nav .laws-header-link:after{background:linear-gradient(90deg,#d8b654,#f3d58b,#c69c3d)}
.unified-nav .unified-links a[href="/gallery/"]{--tint:linear-gradient(180deg,#534016,#44321a);--tab-color:#f0d5a0;--spectrum:linear-gradient(90deg,#c29a52,#e1bd7d,#b88748)}
.unified-nav .unified-links a[href="/compare/"]{--tint:linear-gradient(180deg,#44321a,#37281c);--tab-color:#ebc49a;--spectrum:linear-gradient(90deg,#ae7944,#cf9e66,#986333)}
.unified-nav .unified-links a[href="/guides/"]{--tint:linear-gradient(180deg,#37281c,#2a211a);--tab-color:#ddbd9b;--spectrum:linear-gradient(90deg,#8d5e39,#b27f4f,#784b2c)}
@media(max-width:760px){
 .unified-nav .unified-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 .unified-nav .unified-links a[href="/archive/"]{order:1}
 .unified-nav .unified-links a[href="/timeline/"]{order:2}
 .unified-nav .unified-links a[href="/gallery/"]{order:3}
 .unified-nav .unified-links a[href="/vault/"]{order:4}
 .unified-nav .unified-links a[href="/places/"]{order:5}
 .unified-nav .unified-links a[href="/compare/"]{order:6}
 .unified-nav .unified-links a[href="/rivalries/"]{order:7}
 .unified-nav .unified-links a[href="/cosmic/"]{order:8}
 .unified-nav .unified-links a[href="/guides/"]{order:9}
}

/* Section hubs only; existing Archive/Cosmic profile rooms and World Tree are excluded. */
@font-face{font-family:"Archive Condensed";src:url("/_cached/barlow-condensed.1521aa3ab94b2b35.woff") format("woff");font-display:swap}
@scope (body[data-section-design="archive"].hub-body) {
:scope{--section-primary:#ef929e;--section-secondary:#b67b82;--section-font:"Archive Condensed";--section-radius:2px;--section-line:solid;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--section-primary),#070a11 87%),transparent 65%),radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--section-secondary),#070a11 93%),transparent 70%),#070a11;color:#e4e7ec}

:is(.hub-head,.intro,.hero-inner,.gallery-heading){position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--section-primary),#090e17 93%),#090e17cc);border-top:1px solid color-mix(in srgb,var(--section-primary),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--section-secondary),transparent 55%);box-shadow:inset 4px 0 var(--section-primary);padding-inline:clamp(18px,3vw,38px)}
:is(.hub-head,.intro,.hero-inner,.gallery-heading):after{content:"";position:absolute;bottom:-2px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,var(--section-primary),var(--section-secondary),transparent);pointer-events:none}
:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1,.guide-section h2){font-family:var(--section-font),Georgia,serif!important;line-height:1.18;letter-spacing:.035em;color:color-mix(in srgb,var(--section-primary),white 50%);text-shadow:0 2px 1px #000,0 0 28px color-mix(in srgb,var(--section-primary),transparent 85%);overflow-wrap:anywhere}
:is(.hub-head h1,.intro h1,.hero h1) em{color:var(--section-primary);font-style:normal}
:is(.eyebrow,.kicker,.results-label,.scope,.guide-jumps){color:var(--section-secondary)}
:is(.search,.vault-search,.cosmic-controls,.toolbar,.gallery-tools,.filters,.cosmic-filters,.tabs){border-color:color-mix(in srgb,var(--section-primary),transparent 60%)}
:is(input,select){color:#edf0f5;background:#101824;border-color:color-mix(in srgb,var(--section-primary),transparent 50%);border-radius:3px}
:is(.filter,.filters button,.cosmic-filters button,.tab,.toolbar button,.gallery-tools button,.guide-jumps a){border-color:color-mix(in srgb,var(--section-secondary),transparent 48%);background:linear-gradient(145deg,#18202b,#0b111b);color:#e0e5ec;box-shadow:inset 0 -2px color-mix(in srgb,var(--section-primary),transparent 55%);border-radius:var(--section-radius)}
:is(.filter,.filters button,.cosmic-filters button,.tab)[aria-pressed=true],.tab.active,.filter.active{border-color:var(--section-primary);background:color-mix(in srgb,var(--section-primary),#101620 80%);color:#fff2d9}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section){position:relative;border-color:color-mix(in srgb,var(--section-primary),transparent 48%);border-style:var(--section-line);border-radius:var(--section-radius);box-shadow:inset 0 0 0 3px #070c14,inset 0 0 0 4px color-mix(in srgb,var(--section-secondary),transparent 72%),0 16px 36px #0005;background-color:#0c131e}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section):hover{border-color:var(--section-primary)}
:is(.file-body h2,.rival-copy h2,.place h2,.record-column h2,.gallery-card h2,.guide-section h3){font-family:var(--section-font),Georgia,serif;color:color-mix(in srgb,var(--section-primary),white 50%);line-height:1.35;overflow-wrap:anywhere}
:is(.file-links,.tile-bottom,.reference-links,.reading-links,.guide-lists,.sources){border-color:color-mix(in srgb,var(--section-secondary),transparent 60%)}
@media(max-width:600px){:is(.hub-head,.intro,.hero-inner,.gallery-heading){padding-inline:18px}:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1){font-size:clamp(2rem,9vw,3.4rem)}}

.bifrost{opacity:.3}.card{border-left:3px solid #c77986}.hub-head{border-radius:3px}.card .card-copy{background:linear-gradient(120deg,#21151d,#0d131c)}
}

@font-face{font-family:"Vault Engineered";src:url("/_cached/chakra-petch.4053734919f5c5a2.woff") format("woff");font-display:swap}
@scope (body[data-section-design="vault"]) {
:scope{--section-primary:#a4c4e4;--section-secondary:#778ea5;--section-font:"Vault Engineered";--section-radius:2px;--section-line:double;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--section-primary),#070a11 87%),transparent 65%),radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--section-secondary),#070a11 93%),transparent 70%),#070a11;color:#e4e7ec}

:is(.hub-head,.intro,.hero-inner,.gallery-heading){position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--section-primary),#090e17 93%),#090e17cc);border-top:1px solid color-mix(in srgb,var(--section-primary),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--section-secondary),transparent 55%);box-shadow:inset 4px 0 var(--section-primary);padding-inline:clamp(18px,3vw,38px)}
:is(.hub-head,.intro,.hero-inner,.gallery-heading):after{content:"";position:absolute;bottom:-2px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,var(--section-primary),var(--section-secondary),transparent);pointer-events:none}
:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1,.guide-section h2){font-family:var(--section-font),Georgia,serif!important;line-height:1.18;letter-spacing:.035em;color:color-mix(in srgb,var(--section-primary),white 50%);text-shadow:0 2px 1px #000,0 0 28px color-mix(in srgb,var(--section-primary),transparent 85%);overflow-wrap:anywhere}
:is(.hub-head h1,.intro h1,.hero h1) em{color:var(--section-primary);font-style:normal}
:is(.eyebrow,.kicker,.results-label,.scope,.guide-jumps){color:var(--section-secondary)}
:is(.search,.vault-search,.cosmic-controls,.toolbar,.gallery-tools,.filters,.cosmic-filters,.tabs){border-color:color-mix(in srgb,var(--section-primary),transparent 60%)}
:is(input,select){color:#edf0f5;background:#101824;border-color:color-mix(in srgb,var(--section-primary),transparent 50%);border-radius:3px}
:is(.filter,.filters button,.cosmic-filters button,.tab,.toolbar button,.gallery-tools button,.guide-jumps a){border-color:color-mix(in srgb,var(--section-secondary),transparent 48%);background:linear-gradient(145deg,#18202b,#0b111b);color:#e0e5ec;box-shadow:inset 0 -2px color-mix(in srgb,var(--section-primary),transparent 55%);border-radius:var(--section-radius)}
:is(.filter,.filters button,.cosmic-filters button,.tab)[aria-pressed=true],.tab.active,.filter.active{border-color:var(--section-primary);background:color-mix(in srgb,var(--section-primary),#101620 80%);color:#fff2d9}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section){position:relative;border-color:color-mix(in srgb,var(--section-primary),transparent 48%);border-style:var(--section-line);border-radius:var(--section-radius);box-shadow:inset 0 0 0 3px #070c14,inset 0 0 0 4px color-mix(in srgb,var(--section-secondary),transparent 72%),0 16px 36px #0005;background-color:#0c131e}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section):hover{border-color:var(--section-primary)}
:is(.file-body h2,.rival-copy h2,.place h2,.record-column h2,.gallery-card h2,.guide-section h3){font-family:var(--section-font),Georgia,serif;color:color-mix(in srgb,var(--section-primary),white 50%);line-height:1.35;overflow-wrap:anywhere}
:is(.file-links,.tile-bottom,.reference-links,.reading-links,.guide-lists,.sources){border-color:color-mix(in srgb,var(--section-secondary),transparent 60%)}
@media(max-width:600px){:is(.hub-head,.intro,.hero-inner,.gallery-heading){padding-inline:18px}:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1){font-size:clamp(2rem,9vw,3.4rem)}}

.file{border-width:3px;border-style:double}.file-body{background:linear-gradient(120deg,#172432,#0a121c)}.depth-grid section{border-left:2px solid var(--section-primary)}.intro{border-right:4px double var(--section-secondary)}
}

@font-face{font-family:"Cosmic Regal";src:url("/_cached/cinzel-decorative.ecdc07e750146b9a.woff") format("woff");font-display:swap}
@scope (body[data-section-design="cosmic"].hub-page) {
:scope{--section-primary:#d4b3f0;--section-secondary:#e8c88d;--section-font:"Cosmic Regal";--section-radius:28px 28px 3px 3px;--section-line:double;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--section-primary),#070a11 87%),transparent 65%),radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--section-secondary),#070a11 93%),transparent 70%),#070a11;color:#e4e7ec}

:is(.hub-head,.intro,.hero-inner,.gallery-heading){position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--section-primary),#090e17 93%),#090e17cc);border-top:1px solid color-mix(in srgb,var(--section-primary),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--section-secondary),transparent 55%);box-shadow:inset 4px 0 var(--section-primary);padding-inline:clamp(18px,3vw,38px)}
:is(.hub-head,.intro,.hero-inner,.gallery-heading):after{content:"";position:absolute;bottom:-2px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,var(--section-primary),var(--section-secondary),transparent);pointer-events:none}
:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1,.guide-section h2){font-family:var(--section-font),Georgia,serif!important;line-height:1.18;letter-spacing:.035em;color:color-mix(in srgb,var(--section-primary),white 50%);text-shadow:0 2px 1px #000,0 0 28px color-mix(in srgb,var(--section-primary),transparent 85%);overflow-wrap:anywhere}
:is(.hub-head h1,.intro h1,.hero h1) em{color:var(--section-primary);font-style:normal}
:is(.eyebrow,.kicker,.results-label,.scope,.guide-jumps){color:var(--section-secondary)}
:is(.search,.vault-search,.cosmic-controls,.toolbar,.gallery-tools,.filters,.cosmic-filters,.tabs){border-color:color-mix(in srgb,var(--section-primary),transparent 60%)}
:is(input,select){color:#edf0f5;background:#101824;border-color:color-mix(in srgb,var(--section-primary),transparent 50%);border-radius:3px}
:is(.filter,.filters button,.cosmic-filters button,.tab,.toolbar button,.gallery-tools button,.guide-jumps a){border-color:color-mix(in srgb,var(--section-secondary),transparent 48%);background:linear-gradient(145deg,#18202b,#0b111b);color:#e0e5ec;box-shadow:inset 0 -2px color-mix(in srgb,var(--section-primary),transparent 55%);border-radius:var(--section-radius)}
:is(.filter,.filters button,.cosmic-filters button,.tab)[aria-pressed=true],.tab.active,.filter.active{border-color:var(--section-primary);background:color-mix(in srgb,var(--section-primary),#101620 80%);color:#fff2d9}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section){position:relative;border-color:color-mix(in srgb,var(--section-primary),transparent 48%);border-style:var(--section-line);border-radius:var(--section-radius);box-shadow:inset 0 0 0 3px #070c14,inset 0 0 0 4px color-mix(in srgb,var(--section-secondary),transparent 72%),0 16px 36px #0005;background-color:#0c131e}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section):hover{border-color:var(--section-primary)}
:is(.file-body h2,.rival-copy h2,.place h2,.record-column h2,.gallery-card h2,.guide-section h3){font-family:var(--section-font),Georgia,serif;color:color-mix(in srgb,var(--section-primary),white 50%);line-height:1.35;overflow-wrap:anywhere}
:is(.file-links,.tile-bottom,.reference-links,.reading-links,.guide-lists,.sources){border-color:color-mix(in srgb,var(--section-secondary),transparent 60%)}
@media(max-width:600px){:is(.hub-head,.intro,.hero-inner,.gallery-heading){padding-inline:18px}:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1){font-size:clamp(2rem,9vw,3.4rem)}}

.cosmic-backdrop{opacity:.3}.hub-head{background:linear-gradient(#090d18c9,#090d18ee),url("/assets/cosmic-observatory.webp") center/cover;border-radius:40px 4px 40px 4px}.entity{border-width:3px}.entity-copy{background:linear-gradient(145deg,#211831,#0d1320)}
}

@font-face{font-family:"Atlas Coordinates";src:url("/_cached/audiowide.e9a400ead32f697e.woff") format("woff");font-display:swap}
@scope (body[data-section-design="places"]) {
:scope{--section-primary:#9edce8;--section-secondary:#b29cda;--section-font:"Atlas Coordinates";--section-radius:22px 2px 22px 2px;--section-line:solid;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--section-primary),#070a11 87%),transparent 65%),radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--section-secondary),#070a11 93%),transparent 70%),#070a11;color:#e4e7ec}

:is(.hub-head,.intro,.hero-inner,.gallery-heading){position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--section-primary),#090e17 93%),#090e17cc);border-top:1px solid color-mix(in srgb,var(--section-primary),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--section-secondary),transparent 55%);box-shadow:inset 4px 0 var(--section-primary);padding-inline:clamp(18px,3vw,38px)}
:is(.hub-head,.intro,.hero-inner,.gallery-heading):after{content:"";position:absolute;bottom:-2px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,var(--section-primary),var(--section-secondary),transparent);pointer-events:none}
:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1,.guide-section h2){font-family:var(--section-font),Georgia,serif!important;line-height:1.18;letter-spacing:.035em;color:color-mix(in srgb,var(--section-primary),white 50%);text-shadow:0 2px 1px #000,0 0 28px color-mix(in srgb,var(--section-primary),transparent 85%);overflow-wrap:anywhere}
:is(.hub-head h1,.intro h1,.hero h1) em{color:var(--section-primary);font-style:normal}
:is(.eyebrow,.kicker,.results-label,.scope,.guide-jumps){color:var(--section-secondary)}
:is(.search,.vault-search,.cosmic-controls,.toolbar,.gallery-tools,.filters,.cosmic-filters,.tabs){border-color:color-mix(in srgb,var(--section-primary),transparent 60%)}
:is(input,select){color:#edf0f5;background:#101824;border-color:color-mix(in srgb,var(--section-primary),transparent 50%);border-radius:3px}
:is(.filter,.filters button,.cosmic-filters button,.tab,.toolbar button,.gallery-tools button,.guide-jumps a){border-color:color-mix(in srgb,var(--section-secondary),transparent 48%);background:linear-gradient(145deg,#18202b,#0b111b);color:#e0e5ec;box-shadow:inset 0 -2px color-mix(in srgb,var(--section-primary),transparent 55%);border-radius:var(--section-radius)}
:is(.filter,.filters button,.cosmic-filters button,.tab)[aria-pressed=true],.tab.active,.filter.active{border-color:var(--section-primary);background:color-mix(in srgb,var(--section-primary),#101620 80%);color:#fff2d9}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section){position:relative;border-color:color-mix(in srgb,var(--section-primary),transparent 48%);border-style:var(--section-line);border-radius:var(--section-radius);box-shadow:inset 0 0 0 3px #070c14,inset 0 0 0 4px color-mix(in srgb,var(--section-secondary),transparent 72%),0 16px 36px #0005;background-color:#0c131e}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section):hover{border-color:var(--section-primary)}
:is(.file-body h2,.rival-copy h2,.place h2,.record-column h2,.gallery-card h2,.guide-section h3){font-family:var(--section-font),Georgia,serif;color:color-mix(in srgb,var(--section-primary),white 50%);line-height:1.35;overflow-wrap:anywhere}
:is(.file-links,.tile-bottom,.reference-links,.reading-links,.guide-lists,.sources){border-color:color-mix(in srgb,var(--section-secondary),transparent 60%)}
@media(max-width:600px){:is(.hub-head,.intro,.hero-inner,.gallery-heading){padding-inline:18px}:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1){font-size:clamp(2rem,9vw,3.4rem)}}

.hero-inner{background:linear-gradient(120deg,#08212ad9,#121324ed)}.place{border-left-width:3px;border-right-color:var(--section-secondary)}.tile-bottom{background:linear-gradient(130deg,#112832,#18182b)}.hero h1{font-size:clamp(2rem,4.6vw,4.8rem)}
}

@font-face{font-family:"Rivals Impact";src:url("/_cached/russo-one.e30d18d78fd3033a.woff") format("woff");font-display:swap}
@scope (body[data-section-design="rivalries"]) {
:scope{--section-primary:#eda18c;--section-secondary:#cb6c79;--section-font:"Rivals Impact";--section-radius:3px;--section-line:solid;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--section-primary),#070a11 87%),transparent 65%),radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--section-secondary),#070a11 93%),transparent 70%),#070a11;color:#e4e7ec}

:is(.hub-head,.intro,.hero-inner,.gallery-heading){position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--section-primary),#090e17 93%),#090e17cc);border-top:1px solid color-mix(in srgb,var(--section-primary),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--section-secondary),transparent 55%);box-shadow:inset 4px 0 var(--section-primary);padding-inline:clamp(18px,3vw,38px)}
:is(.hub-head,.intro,.hero-inner,.gallery-heading):after{content:"";position:absolute;bottom:-2px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,var(--section-primary),var(--section-secondary),transparent);pointer-events:none}
:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1,.guide-section h2){font-family:var(--section-font),Georgia,serif!important;line-height:1.18;letter-spacing:.035em;color:color-mix(in srgb,var(--section-primary),white 50%);text-shadow:0 2px 1px #000,0 0 28px color-mix(in srgb,var(--section-primary),transparent 85%);overflow-wrap:anywhere}
:is(.hub-head h1,.intro h1,.hero h1) em{color:var(--section-primary);font-style:normal}
:is(.eyebrow,.kicker,.results-label,.scope,.guide-jumps){color:var(--section-secondary)}
:is(.search,.vault-search,.cosmic-controls,.toolbar,.gallery-tools,.filters,.cosmic-filters,.tabs){border-color:color-mix(in srgb,var(--section-primary),transparent 60%)}
:is(input,select){color:#edf0f5;background:#101824;border-color:color-mix(in srgb,var(--section-primary),transparent 50%);border-radius:3px}
:is(.filter,.filters button,.cosmic-filters button,.tab,.toolbar button,.gallery-tools button,.guide-jumps a){border-color:color-mix(in srgb,var(--section-secondary),transparent 48%);background:linear-gradient(145deg,#18202b,#0b111b);color:#e0e5ec;box-shadow:inset 0 -2px color-mix(in srgb,var(--section-primary),transparent 55%);border-radius:var(--section-radius)}
:is(.filter,.filters button,.cosmic-filters button,.tab)[aria-pressed=true],.tab.active,.filter.active{border-color:var(--section-primary);background:color-mix(in srgb,var(--section-primary),#101620 80%);color:#fff2d9}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section){position:relative;border-color:color-mix(in srgb,var(--section-primary),transparent 48%);border-style:var(--section-line);border-radius:var(--section-radius);box-shadow:inset 0 0 0 3px #070c14,inset 0 0 0 4px color-mix(in srgb,var(--section-secondary),transparent 72%),0 16px 36px #0005;background-color:#0c131e}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section):hover{border-color:var(--section-primary)}
:is(.file-body h2,.rival-copy h2,.place h2,.record-column h2,.gallery-card h2,.guide-section h3){font-family:var(--section-font),Georgia,serif;color:color-mix(in srgb,var(--section-primary),white 50%);line-height:1.35;overflow-wrap:anywhere}
:is(.file-links,.tile-bottom,.reference-links,.reading-links,.guide-lists,.sources){border-color:color-mix(in srgb,var(--section-secondary),transparent 60%)}
@media(max-width:600px){:is(.hub-head,.intro,.hero-inner,.gallery-heading){padding-inline:18px}:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1){font-size:clamp(2rem,9vw,3.4rem)}}

.rival-card{border-left:3px solid var(--section-primary);border-right:3px solid var(--section-secondary)}.rival-copy{background:linear-gradient(105deg,#25141b,#241c14)}.detail-head{border-bottom:3px double var(--section-primary)}
}

@font-face{font-family:"Compare Technical";src:url("/_cached/exo-2.7525c51a41ad3e47.woff") format("woff");font-display:swap}
@scope (body[data-section-design="compare"]) {
:scope{--section-primary:#a2dce4;--section-secondary:#a9badb;--section-font:"Compare Technical";--section-radius:4px;--section-line:solid;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--section-primary),#070a11 87%),transparent 65%),radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--section-secondary),#070a11 93%),transparent 70%),#070a11;color:#e4e7ec}

:is(.hub-head,.intro,.hero-inner,.gallery-heading){position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--section-primary),#090e17 93%),#090e17cc);border-top:1px solid color-mix(in srgb,var(--section-primary),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--section-secondary),transparent 55%);box-shadow:inset 4px 0 var(--section-primary);padding-inline:clamp(18px,3vw,38px)}
:is(.hub-head,.intro,.hero-inner,.gallery-heading):after{content:"";position:absolute;bottom:-2px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,var(--section-primary),var(--section-secondary),transparent);pointer-events:none}
:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1,.guide-section h2){font-family:var(--section-font),Georgia,serif!important;line-height:1.18;letter-spacing:.035em;color:color-mix(in srgb,var(--section-primary),white 50%);text-shadow:0 2px 1px #000,0 0 28px color-mix(in srgb,var(--section-primary),transparent 85%);overflow-wrap:anywhere}
:is(.hub-head h1,.intro h1,.hero h1) em{color:var(--section-primary);font-style:normal}
:is(.eyebrow,.kicker,.results-label,.scope,.guide-jumps){color:var(--section-secondary)}
:is(.search,.vault-search,.cosmic-controls,.toolbar,.gallery-tools,.filters,.cosmic-filters,.tabs){border-color:color-mix(in srgb,var(--section-primary),transparent 60%)}
:is(input,select){color:#edf0f5;background:#101824;border-color:color-mix(in srgb,var(--section-primary),transparent 50%);border-radius:3px}
:is(.filter,.filters button,.cosmic-filters button,.tab,.toolbar button,.gallery-tools button,.guide-jumps a){border-color:color-mix(in srgb,var(--section-secondary),transparent 48%);background:linear-gradient(145deg,#18202b,#0b111b);color:#e0e5ec;box-shadow:inset 0 -2px color-mix(in srgb,var(--section-primary),transparent 55%);border-radius:var(--section-radius)}
:is(.filter,.filters button,.cosmic-filters button,.tab)[aria-pressed=true],.tab.active,.filter.active{border-color:var(--section-primary);background:color-mix(in srgb,var(--section-primary),#101620 80%);color:#fff2d9}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section){position:relative;border-color:color-mix(in srgb,var(--section-primary),transparent 48%);border-style:var(--section-line);border-radius:var(--section-radius);box-shadow:inset 0 0 0 3px #070c14,inset 0 0 0 4px color-mix(in srgb,var(--section-secondary),transparent 72%),0 16px 36px #0005;background-color:#0c131e}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section):hover{border-color:var(--section-primary)}
:is(.file-body h2,.rival-copy h2,.place h2,.record-column h2,.gallery-card h2,.guide-section h3){font-family:var(--section-font),Georgia,serif;color:color-mix(in srgb,var(--section-primary),white 50%);line-height:1.35;overflow-wrap:anywhere}
:is(.file-links,.tile-bottom,.reference-links,.reading-links,.guide-lists,.sources){border-color:color-mix(in srgb,var(--section-secondary),transparent 60%)}
@media(max-width:600px){:is(.hub-head,.intro,.hero-inner,.gallery-heading){padding-inline:18px}:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1){font-size:clamp(2rem,9vw,3.4rem)}}

.record-column:first-child{border-left:3px solid var(--section-primary);background:linear-gradient(130deg,#10252d,#0a111c)}.record-column:last-child{border-left:3px solid var(--section-secondary);background:linear-gradient(130deg,#171f32,#0a111c)}.continuity-check{border:1px solid #8ab7c266;background:#10202a;padding:18px}
}

@font-face{font-family:"Gallery Curated";src:url("/_cached/cormorant-garamond.3137f31fab411b43.woff") format("woff");font-display:swap}
@scope (body[data-section-design="gallery"]) {
:scope{--section-primary:#e6b2d1;--section-secondary:#bba1de;--section-font:"Gallery Curated";--section-radius:10px;--section-line:solid;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--section-primary),#070a11 87%),transparent 65%),radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--section-secondary),#070a11 93%),transparent 70%),#070a11;color:#e4e7ec}

:is(.hub-head,.intro,.hero-inner,.gallery-heading){position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--section-primary),#090e17 93%),#090e17cc);border-top:1px solid color-mix(in srgb,var(--section-primary),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--section-secondary),transparent 55%);box-shadow:inset 4px 0 var(--section-primary);padding-inline:clamp(18px,3vw,38px)}
:is(.hub-head,.intro,.hero-inner,.gallery-heading):after{content:"";position:absolute;bottom:-2px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,var(--section-primary),var(--section-secondary),transparent);pointer-events:none}
:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1,.guide-section h2){font-family:var(--section-font),Georgia,serif!important;line-height:1.18;letter-spacing:.035em;color:color-mix(in srgb,var(--section-primary),white 50%);text-shadow:0 2px 1px #000,0 0 28px color-mix(in srgb,var(--section-primary),transparent 85%);overflow-wrap:anywhere}
:is(.hub-head h1,.intro h1,.hero h1) em{color:var(--section-primary);font-style:normal}
:is(.eyebrow,.kicker,.results-label,.scope,.guide-jumps){color:var(--section-secondary)}
:is(.search,.vault-search,.cosmic-controls,.toolbar,.gallery-tools,.filters,.cosmic-filters,.tabs){border-color:color-mix(in srgb,var(--section-primary),transparent 60%)}
:is(input,select){color:#edf0f5;background:#101824;border-color:color-mix(in srgb,var(--section-primary),transparent 50%);border-radius:3px}
:is(.filter,.filters button,.cosmic-filters button,.tab,.toolbar button,.gallery-tools button,.guide-jumps a){border-color:color-mix(in srgb,var(--section-secondary),transparent 48%);background:linear-gradient(145deg,#18202b,#0b111b);color:#e0e5ec;box-shadow:inset 0 -2px color-mix(in srgb,var(--section-primary),transparent 55%);border-radius:var(--section-radius)}
:is(.filter,.filters button,.cosmic-filters button,.tab)[aria-pressed=true],.tab.active,.filter.active{border-color:var(--section-primary);background:color-mix(in srgb,var(--section-primary),#101620 80%);color:#fff2d9}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section){position:relative;border-color:color-mix(in srgb,var(--section-primary),transparent 48%);border-style:var(--section-line);border-radius:var(--section-radius);box-shadow:inset 0 0 0 3px #070c14,inset 0 0 0 4px color-mix(in srgb,var(--section-secondary),transparent 72%),0 16px 36px #0005;background-color:#0c131e}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section):hover{border-color:var(--section-primary)}
:is(.file-body h2,.rival-copy h2,.place h2,.record-column h2,.gallery-card h2,.guide-section h3){font-family:var(--section-font),Georgia,serif;color:color-mix(in srgb,var(--section-primary),white 50%);line-height:1.35;overflow-wrap:anywhere}
:is(.file-links,.tile-bottom,.reference-links,.reading-links,.guide-lists,.sources){border-color:color-mix(in srgb,var(--section-secondary),transparent 60%)}
@media(max-width:600px){:is(.hub-head,.intro,.hero-inner,.gallery-heading){padding-inline:18px}:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1){font-size:clamp(2rem,9vw,3.4rem)}}

.gallery-grid figure{border:3px double #caa6c7;background:#141323;box-shadow:0 18px 40px #0007}.gallery-grid figcaption{font-family:var(--section-font),Georgia,serif;color:#ead2e7}.gallery-heading{background:linear-gradient(120deg,#261629,#12131e)}
}

@font-face{font-family:"Guides Chronicle";src:url("/_cached/caudex.f128fd0b1a8d2cb1.woff") format("woff");font-display:swap}
@scope (body[data-section-design="guides"]) {
:scope{--section-primary:#e3cca0;--section-secondary:#b69975;--section-font:"Guides Chronicle";--section-radius:3px;--section-line:double;background:radial-gradient(ellipse at 15% 0,color-mix(in srgb,var(--section-primary),#070a11 87%),transparent 65%),radial-gradient(ellipse at 85% 45%,color-mix(in srgb,var(--section-secondary),#070a11 93%),transparent 70%),#070a11;color:#e4e7ec}

:is(.hub-head,.intro,.hero-inner,.gallery-heading){position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--section-primary),#090e17 93%),#090e17cc);border-top:1px solid color-mix(in srgb,var(--section-primary),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--section-secondary),transparent 55%);box-shadow:inset 4px 0 var(--section-primary);padding-inline:clamp(18px,3vw,38px)}
:is(.hub-head,.intro,.hero-inner,.gallery-heading):after{content:"";position:absolute;bottom:-2px;left:5%;right:5%;height:3px;background:linear-gradient(90deg,transparent,var(--section-primary),var(--section-secondary),transparent);pointer-events:none}
:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1,.guide-section h2){font-family:var(--section-font),Georgia,serif!important;line-height:1.18;letter-spacing:.035em;color:color-mix(in srgb,var(--section-primary),white 50%);text-shadow:0 2px 1px #000,0 0 28px color-mix(in srgb,var(--section-primary),transparent 85%);overflow-wrap:anywhere}
:is(.hub-head h1,.intro h1,.hero h1) em{color:var(--section-primary);font-style:normal}
:is(.eyebrow,.kicker,.results-label,.scope,.guide-jumps){color:var(--section-secondary)}
:is(.search,.vault-search,.cosmic-controls,.toolbar,.gallery-tools,.filters,.cosmic-filters,.tabs){border-color:color-mix(in srgb,var(--section-primary),transparent 60%)}
:is(input,select){color:#edf0f5;background:#101824;border-color:color-mix(in srgb,var(--section-primary),transparent 50%);border-radius:3px}
:is(.filter,.filters button,.cosmic-filters button,.tab,.toolbar button,.gallery-tools button,.guide-jumps a){border-color:color-mix(in srgb,var(--section-secondary),transparent 48%);background:linear-gradient(145deg,#18202b,#0b111b);color:#e0e5ec;box-shadow:inset 0 -2px color-mix(in srgb,var(--section-primary),transparent 55%);border-radius:var(--section-radius)}
:is(.filter,.filters button,.cosmic-filters button,.tab)[aria-pressed=true],.tab.active,.filter.active{border-color:var(--section-primary);background:color-mix(in srgb,var(--section-primary),#101620 80%);color:#fff2d9}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section){position:relative;border-color:color-mix(in srgb,var(--section-primary),transparent 48%);border-style:var(--section-line);border-radius:var(--section-radius);box-shadow:inset 0 0 0 3px #070c14,inset 0 0 0 4px color-mix(in srgb,var(--section-secondary),transparent 72%),0 16px 36px #0005;background-color:#0c131e}
:is(.entity,.character-card,.card,.file,.place,.rival-card,.record-column,.gallery-card,.guide-section):hover{border-color:var(--section-primary)}
:is(.file-body h2,.rival-copy h2,.place h2,.record-column h2,.gallery-card h2,.guide-section h3){font-family:var(--section-font),Georgia,serif;color:color-mix(in srgb,var(--section-primary),white 50%);line-height:1.35;overflow-wrap:anywhere}
:is(.file-links,.tile-bottom,.reference-links,.reading-links,.guide-lists,.sources){border-color:color-mix(in srgb,var(--section-secondary),transparent 60%)}
@media(max-width:600px){:is(.hub-head,.intro,.hero-inner,.gallery-heading){padding-inline:18px}:is(.hub-head h1,.intro h1,.hero h1,.gallery-heading h1){font-size:clamp(2rem,9vw,3.4rem)}}

.guide-section{border-width:3px;border-style:double;background:linear-gradient(130deg,#221d16,#0d121a);box-shadow:inset 0 0 0 5px #11141b,inset 0 0 0 6px #b6997540;padding-inline:clamp(18px,3vw,36px)}.guide-section h2{color:#e3cca0}.guide-lists>div{border-top:1px solid #b6997566}.guide-jumps a{border-radius:2px}
}
@scope (body[data-section-design="guides"]){main>header{border-left:4px solid #e3cca0;background:linear-gradient(120deg,#221d16,#0d121a);padding-inline:clamp(18px,3vw,36px)}main>header h1{font-family:"Guides Chronicle",Georgia,serif;color:#e3cca0;line-height:1.2;overflow-wrap:anywhere}}
@scope (body[data-section-design="gallery"]){.gallery-grid figcaption h2{font-family:"Gallery Curated",Georgia,serif;font-size:1.65rem;line-height:1.25;color:#ead2e7}}
@scope (body[data-section-design="archive"].hub-body){.card-copy h2{font-family:"Archive Condensed",Arial,sans-serif;color:#f2c2c8;letter-spacing:.025em;line-height:1.25}}

/* Background-only review corrections; existing borders, fonts and profiles stay intact. */
body[data-section-design="archive"].hub-body{background:#080d14}
body[data-section-design="archive"].hub-body .bifrost{opacity:1;z-index:0;background:linear-gradient(#060b123d,#060b1266),url('/assets/atlas/avengers-tower.webp') center/cover no-repeat;filter:none}
body[data-section-design="archive"].hub-body .bifrost:after{display:none}
body[data-section-design="archive"].hub-body .hub{position:relative;z-index:1}
body[data-section-design="archive"].hub-body .hub-head{background:#090e17a6}
body[data-section-design="cosmic"].hub-page{background:#070b12}
body[data-section-design="cosmic"].hub-page .cosmic-backdrop{opacity:1;z-index:0;background:linear-gradient(#060b1226,#060b124d),url('/assets/cosmic-observatory.webp') center/cover no-repeat;filter:none}
body[data-section-design="cosmic"].hub-page .cosmic-backdrop:after{display:none}
body[data-section-design="cosmic"].hub-page .hub{position:relative;z-index:1}
body[data-section-design="cosmic"].hub-page .hub-head{background:#090e1780}
body[data-section-design="rivalries"]{--section-backdrop:url('/assets/atlas/titan-showdown.webp')}
body[data-section-design="compare"]{--section-backdrop:url('/assets/visual-stories/wakanda-lab.webp')}
body[data-section-design="gallery"]{--section-backdrop:url('/assets/visual-stories/attilan-hall.webp')}
body[data-section-design="guides"]{--section-backdrop:url('/assets/visual-stories/sanctum-library.webp')}
body:is([data-section-design="rivalries"],[data-section-design="compare"],[data-section-design="gallery"],[data-section-design="guides"]){background:#080d14}
body:is([data-section-design="rivalries"],[data-section-design="compare"],[data-section-design="gallery"],[data-section-design="guides"]):before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#080d144d,#080d1473),var(--section-backdrop) center/cover no-repeat}
body:is([data-section-design="rivalries"],[data-section-design="compare"],[data-section-design="gallery"],[data-section-design="guides"])>main{position:relative;z-index:1}
body:is([data-section-design="rivalries"],[data-section-design="compare"],[data-section-design="gallery"],[data-section-design="guides"]) :is(.hub-head,.gallery-heading){background:#090e17b8}
body[data-section-design="guides"] main>header{background:#090e17b8}
body:is([data-section-design="rivalries"],[data-section-design="compare"],[data-section-design="gallery"],[data-section-design="guides"])>.fan-notice{position:relative;z-index:1;background:#080d14d9}
body:is([data-section-design="archive"].hub-body,[data-section-design="cosmic"].hub-page,[data-section-design="rivalries"],[data-section-design="compare"],[data-section-design="gallery"],[data-section-design="guides"])>:is(footer,.fan-notice){position:relative;z-index:1;background:#080d14d9}

/* Discovery controls are additive; existing page layouts stay in place. */
.secret-marks{display:flex;align-items:center;justify-content:center;gap:20px;margin:16px 0 0}.secret-marks button{cursor:pointer;border:0;background:none;color:#b7c6ce;font:inherit;min-width:44px;min-height:44px}.infinity-progress{letter-spacing:.12em;font-size:14px!important}.stan-secret{font-size:21px!important;opacity:.65}.deadpool-secret img{width:38px;height:38px;object-fit:cover;object-position:50% 13%;border-radius:50%;border:1px solid #7d343a;opacity:.7}.secret-marks button:hover img,.secret-marks button:focus-visible img{opacity:1}.hidden-stone{display:block;margin:28px 12px 20px auto;padding:8px 12px;min-width:44px;min-height:44px;background:transparent;border:0;color:var(--stone);font-size:23px;text-shadow:0 0 14px var(--stone);cursor:pointer;opacity:.65}.hidden-stone:hover,.hidden-stone:focus-visible{opacity:1}.hidden-stone.collected{opacity:.35}.doom-mask-secret{position:absolute;z-index:3;left:58%;top:32%;width:14%;height:25%;border:0;background:transparent;cursor:pointer}.doom-mask-secret:focus-visible{outline:2px solid #b8d8be;outline-offset:3px}.forbidden-shard{position:absolute;left:82%;top:23%;z-index:5;width:44px;height:44px;border:1px solid #bda4ed66;background:#21153499;color:#dbc6ff;font-size:26px;cursor:pointer;box-shadow:0 0 16px #aa88df55;animation:shard-flicker 5s ease-in-out infinite}@keyframes shard-flicker{0%,100%{opacity:.7}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.forbidden-shard{animation:none}}
#archive-secret-dialog{width:min(680px,calc(100% - 32px));max-height:85dvh;overflow:auto;color:#edf2ef;background:linear-gradient(#09131de8,#09131df5),url('/assets/detail-art/vault.webp') center/cover;border:2px solid #b0a078;padding:24px;border-radius:6px;box-shadow:0 30px 100px #000c;font:16px/1.65 Arial,sans-serif}#archive-secret-dialog::backdrop{background:#03080ce0;backdrop-filter:blur(5px)}.secret-close{display:block;margin-left:auto;padding:8px 16px;background:#27323c;color:#fff;border:1px solid #677986;cursor:pointer;font:inherit}.secret-content h2{font-size:clamp(26px,5vw,38px);line-height:1.2;margin:16px 0}.secret-content a,.secret-actions a{color:#efd595}.secret-note{color:#aebdc5;font-size:14px}.secret-kicker{color:#d6bd79;letter-spacing:.14em;font-size:14px}.secret-link{display:inline-block;padding:12px 18px;border:1px solid #c5b077;background:#222519;color:#fff;font:inherit;cursor:pointer;text-decoration:none}.secret-actions{display:flex;gap:20px;flex-wrap:wrap}.stone-clues{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.stone-clues li{border-left:3px solid var(--stone);padding:12px;background:#ffffff06}.stone-clues b,.stone-clues span{display:block}.stone-clues span{color:#bac6cf;font-size:14px}.sanctum-unlock{color:#f5dd94!important;border-color:#baa36e!important;background:#252118!important}
.sanctum-page{margin:0;background:#070b15;color:#eef0f6;font:16px/1.7 Arial,sans-serif}.sanctum-page main{max-width:1120px;margin:auto;padding:40px 24px 80px}.sanctum-page h1{font-size:clamp(40px,7vw,78px);line-height:1.08;font-family:Georgia,serif;margin:12px 0}.sanctum-page h2{font-size:28px;font-family:Georgia,serif}.sanctum-nav{padding:18px 24px;border-bottom:1px solid #cbb87944;display:flex;gap:25px;flex-wrap:wrap}.sanctum-nav a,.sanctum-page footer a{color:#ddc788}.sanctum-hero{padding:20px 0 35px}.keeper-badge{display:inline-block;border:1px solid #c8b378;color:#ffe49b;padding:8px 16px;font-size:14px;letter-spacing:.1em}.sanctum-centerpiece{margin:0}.sanctum-centerpiece img{display:block;width:100%;height:auto;border:1px solid #ac926b}.sanctum-page figcaption{font-size:14px;color:#afbacc;padding:10px 0}.sanctum-gallery{margin-top:40px}.secret-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.secret-gallery-grid figure{margin:0}.secret-gallery-grid img{width:100%;height:320px;object-fit:cover}.doom-classified{padding:28px;border:1px solid #bba47655;background:#171e20;margin-top:40px}.sanctum-locked{min-height:60vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.sanctum-page footer{text-align:center;padding:24px;color:#aab5c5}.sanctum-page button:focus-visible,.sanctum-page a:focus-visible,.secret-marks button:focus-visible,.hidden-stone:focus-visible{outline:2px solid #ecd8a0;outline-offset:4px}@media(max-width:550px){.stone-clues,.secret-gallery-grid{grid-template-columns:1fr}.secret-gallery-grid img{height:auto}.doom-mask-secret{left:47%;top:27%;width:26%;height:25%}}

.profile-screen .room-deadpool .character-art img{object-position:left center}.deadpool-secret img{object-position:24% 18%}.secret-gallery-grid figure:first-child img{object-position:50% 60%}.secret-gallery-grid figure:last-child img{object-position:85% 25%}

.card[data-character="deadpool"] .card-art img{object-position:left center}

/* The map world disables pointer input; this hidden control must opt back in. */
.map-world>.forbidden-shard{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;box-shadow:none;font-size:14px;line-height:1;color:#baacd0;opacity:.4;text-shadow:0 0 5px #a08cc04d;animation:secret-shard-pulse 6s ease-in-out infinite;}
.map-world>.forbidden-shard:hover{color:#e3d6f6;opacity:.85;}
.map-world>.forbidden-shard:focus-visible{outline:1px solid #bda4ed;outline-offset:-8px;opacity:.85;}
@keyframes secret-shard-pulse{0%,100%{opacity:.4}50%{opacity:.22}}
@media(prefers-reduced-motion:reduce){.map-world>.forbidden-shard{animation:none;}}

.marvel-history-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:40px max(24px,6vw);border-top:1px solid #b6955866;background:#0b1118;color:#e7eee9;font:16px/1.7 Arial,sans-serif;letter-spacing:normal;text-align:left}.marvel-history-footer span{font-size:14px;letter-spacing:.12em;color:#c1a779}.marvel-history-footer h2{font:normal 30px/1.25 Georgia,serif;margin:10px 0}.marvel-history-footer p{max-width:650px;margin:0;color:#afbeb5}.marvel-history-footer>a{flex-shrink:0;padding:12px 20px;border:1px solid #b6955877;color:#e6cd9d;text-decoration:none}.marvel-history-footer>a:focus-visible{outline:2px solid #f6d18b;outline-offset:4px}@media(max-width:760px){.marvel-history-footer{flex-direction:column;align-items:flex-start}.marvel-history-footer>a{white-space:normal}}
.share-card-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:16px;padding:10px 18px;border:1px solid #adc9b58c;border-radius:4px;background:#172820;color:#e8eee9;font:600 15px/1.4 Arial,sans-serif;cursor:pointer}
.share-card-trigger:focus-visible,.share-card-dialog button:focus-visible,.share-card-link:focus-visible{outline:2px solid #c7e6d1;outline-offset:3px}
.share-card-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:calc(100svh - 32px);padding:22px;border:1px solid #819b8c;border-radius:8px;background:#0c171b;color:#e8eee9;overflow:auto;font:16px/1.5 Arial,sans-serif}
.share-card-dialog::backdrop{background:#03080cce}
.share-card-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.share-card-head h2{margin:0;font:700 22px/1.3 Arial,sans-serif;overflow-wrap:anywhere}.share-card-help{color:#b6c8bf;margin:14px 0}
.share-card-preview{display:block;width:min(100%,320px);height:auto;margin:0 auto;border:1px solid #516b5d}.share-card-preview[hidden]{display:none}
.share-card-dialog button{min-height:44px;padding:10px 14px;border:1px solid #819b8c;border-radius:4px;background:#20382c;color:#e8eee9;font:600 15px/1.4 Arial,sans-serif;cursor:pointer}.share-card-dialog button:disabled{opacity:.5;cursor:wait}
.share-card-actions{display:flex;flex-wrap:wrap;gap:10px}.share-card-link-label{display:grid;gap:6px;margin-top:18px;color:#b6c8bf;font-size:14px}.share-card-link{box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:1px solid #819b8c;background:#071015;color:#e8eee9;font:14px/1.5 Arial,sans-serif}
@media(forced-colors:active){.share-card-dialog,.share-card-dialog button,.share-card-trigger,.share-card-link{background:Canvas;color:CanvasText;border-color:ButtonText}}

.archive-loading{min-height:60vh;padding:clamp(32px,8vw,96px);color:#e7e9e6;background:#080d0b;font:16px/1.6 Arial,sans-serif}.archive-loading>p:first-child{color:#e52d48;letter-spacing:.15em}.archive-loading h1{font-size:clamp(28px,5vw,56px);margin:.5em 0}

/* Persistent navigation host: pending sections render at full viewport size. */
.doom-navigation-frame{position:fixed;inset:0;width:100%;height:100%;border:0;background:#080d0b;z-index:2147482500;visibility:hidden;pointer-events:none;contain:layout paint}.doom-navigation-frame.is-active{visibility:visible;pointer-events:auto}
.doom-navigation-host-active body{overflow:hidden}.doom-navigation-host-active body>[data-doom-host]{display:block}.doom-navigation-host-active body>:not([data-doom-host]){display:none!important}
#doom-navigation-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:2147483500;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px 18px;background:#14070b;color:#ffe7eb;border:1px solid #e63249;border-radius:4px;font:16px/1.5 Arial,sans-serif;box-shadow:0 8px 32px #0009}#doom-navigation-status button{margin-left:12px;padding:6px 12px;background:#46101c;border:1px solid #ff2848;color:#fff;font:inherit;cursor:pointer}




#living-premium{--art:linear-gradient(120deg,#07110e,#233b2c);font:14px/1.5 Arial,sans-serif}
#living-premium .lc-shell{background:#080d10;color:#e8ebe4}
#living-premium header{padding:18px 24px;letter-spacing:2px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:600}
#living-premium header span{font-size:11px;color:#a5b09d;font-weight:400}
#living-premium .lc-stage{height:390px;position:relative;overflow:hidden;isolation:isolate;background:#030707}
#living-premium .lc-scene{position:absolute;inset:0;background:linear-gradient(90deg,#050a0bea,transparent 80%),var(--art) center/cover}
#living-premium .lc-page{position:absolute;inset:35% 8% auto}
#living-premium small{font-size:10px;letter-spacing:3px;color:#bacba3}
#living-premium h2{font:clamp(30px,6vw,50px)/1.1 Georgia,serif;letter-spacing:2px;margin:12px 0}
#living-premium p{max-width:280px;font-size:12px;color:#c2c9c2}
#living-premium .lc-panels{position:absolute;inset:0;opacity:0}
#living-premium .lc-panel{position:absolute;top:-18%;height:136%;width:48%;background-image:linear-gradient(0deg,#020909ba,transparent 70%),var(--art);background-size:auto 115%;border-left:5px solid #050707;border-right:5px solid #050707;box-shadow:-15px 0 40px #0009;transform:skewX(-16deg)}
#living-premium .p1{left:-15%;background-position:25% center}
#living-premium .p2{left:27%;background-position:60% center;z-index:2}
#living-premium .p3{left:69%;background-position:95% center}
#living-premium .lc-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#c6d6b626 49%,transparent 57%);mix-blend-mode:screen}
#living-premium .lc-veil{position:absolute;inset:0;background:radial-gradient(ellipse,#03100e22,#010606bd);opacity:0}
#living-premium .lc-title{position:absolute;inset:36% 5% auto;text-align:center;opacity:0;text-shadow:0 3px 30px #000}
#living-premium strong{display:block;font:clamp(30px,6vw,48px)/1.4 Georgia,serif;letter-spacing:6px;margin-top:10px}
#living-premium .lc-title i{display:block;width:110px;height:1px;margin:16px auto;background:linear-gradient(90deg,transparent,#c1cdb0,transparent)}
#living-premium .lc-bars:before,#living-premium .lc-bars:after{content:'';position:absolute;left:0;right:0;height:0;background:#030606;z-index:5}
#living-premium .lc-bars:before{top:0}#living-premium .lc-bars:after{bottom:0}
#living-premium footer{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:18px 24px}
#living-premium button{border:1px solid #9eb68b;background:#bacaa7;color:#10180f;padding:12px 20px;font:14px Arial,sans-serif;min-height:44px}
#living-premium label{display:flex;gap:8px;align-items:center}#living-premium footer span{font-size:12px;color:#9fabaa}#living-premium button:disabled{opacity:.6}
#living-premium .run .lc-panels{opacity:1}
#living-premium .run .lc-panel{animation:lc-pass 2.8s cubic-bezier(.6,0,.2,1) both}
#living-premium .run .p2{animation-delay:75ms}#living-premium .run .p3{animation-delay:150ms}
#living-premium .run .lc-title{animation:lc-title 2.8s ease both}
#living-premium .run .lc-veil{animation:lc-veil 2.8s ease both}
#living-premium .run .lc-scene{animation:lc-camera 2.8s ease both}
#living-premium .run .lc-page{animation:lc-page 2.8s ease both}
#living-premium .run .lc-bars:before,#living-premium .run .lc-bars:after{animation:lc-bars 2.8s ease both}
@keyframes lc-pass{0%{transform:translateY(112%) skewX(-16deg) scale(1.08)}27%{transform:translateY(0) skewX(-16deg) scale(1.08)}64%{transform:translateY(-2%) skewX(-16deg) scale(1.02)}100%{transform:translateY(-115%) skewX(-16deg) scale(1)}}
@keyframes lc-title{0%,23%{opacity:0;transform:translateY(10px)}39%,62%{opacity:1;transform:translateY(0)}82%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes lc-veil{0%,100%{opacity:0}30%,66%{opacity:1}}
@keyframes lc-camera{0%{transform:scale(1)}38%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes lc-page{0%{opacity:1}18%,78%{opacity:0}100%{opacity:1}}
@keyframes lc-bars{0%,100%{height:0}22%,78%{height:28px}}
@media(prefers-reduced-motion:reduce){#living-premium .run *{animation:none!important}#living-premium .run .lc-panels{opacity:0}}
@media(max-width:420px){#living-premium .lc-stage{height:340px}#living-premium header,#living-premium footer{padding:16px}#living-premium .lc-title small{letter-spacing:1px}}


#living-premium .lc-panel{width:20%;height:118%;top:-9%;border-left-width:2px;border-right-width:2px;background-size:cover;}
#living-premium .p1{left:1%}#living-premium .p2{left:20.5%}#living-premium .p3{left:40%}#living-premium .p4{left:59.5%}#living-premium .p5{left:79%}#living-premium .run .p4{animation-delay:225ms}#living-premium .run .p5{animation-delay:300ms}#living-premium .panel-legend{flex-wrap:wrap}#living-premium .panel-legend span{min-width:80px}
#living-premium .lc-panels{background:#060c0b}
#living-premium select{background:#15221b;color:#e8ebe4;border:1px solid #52624d;padding:10px;max-width:200px;font:14px Arial,sans-serif}
#living-premium .panel-legend{padding:0 24px 18px;display:flex;gap:12px;justify-content:space-between;color:#c1cbb9;font-size:12px}
#living-premium .panel-legend span{flex:1;text-align:center}
#living-premium .lc-title{inset:40% 5% auto}#living-premium .lc-title strong{font-size:clamp(22px,4vw,36px);letter-spacing:3px}


#living-premium .lc-panels{left:-100px;right:-100px}
#living-premium .lc-panel{width:21.5%}
#living-premium .p1{left:-1%}
#living-premium .p2{left:19.5%}
#living-premium .p3{left:40%}
#living-premium .p4{left:60.5%}
#living-premium .p5{left:81%}


#living-premium .lc-scene{z-index:0}
#living-premium .lc-page{z-index:1}
#living-premium .lc-panels{z-index:2;isolation:isolate}
#living-premium .lc-veil{z-index:3;pointer-events:none}
#living-premium .lc-bars{position:absolute;inset:0;z-index:4;pointer-events:none}
#living-premium .lc-title{z-index:5;pointer-events:none}


#living-premium .lc-subjects{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));z-index:3;opacity:0;pointer-events:none;padding:0 6px;gap:3px}
#living-premium .lc-subject{min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
#living-premium .lc-subject img{display:block;width:100%;height:72%;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 12px #0009)}
#living-premium .run .lc-subjects{opacity:1}
#living-premium .run .lc-subject{animation:lc-subject-pass 2.8s cubic-bezier(.6,0,.2,1) both}
#living-premium .run .lc-subject:nth-child(2){animation-delay:75ms}
#living-premium .run .lc-subject:nth-child(3){animation-delay:150ms}
#living-premium .run .lc-subject:nth-child(4){animation-delay:225ms}
#living-premium .run .lc-subject:nth-child(5){animation-delay:300ms}
#living-premium .lc-panel{filter:brightness(.38)}
#living-premium .lc-title{inset:70% 5% auto;z-index:6}
#living-premium .lc-title strong{font-size:clamp(20px,4vw,32px);margin-top:5px}
#living-premium .lc-title small{font-size:9px;letter-spacing:2px}
#living-premium .lc-title i{margin:8px auto}
#living-premium .lc-veil{z-index:3;background:linear-gradient(0deg,#010606dd,transparent 55%)}
#living-premium .lc-subjects{z-index:4}
@keyframes lc-subject-pass{0%{transform:translateY(112%)}27%,64%{transform:translateY(-5%)}100%{transform:translateY(-115%)}}
@media(prefers-reduced-motion:reduce){#living-premium .run .lc-subjects{opacity:1}}


#living-premium .lc-subjects{padding:0 10px;gap:6px;align-items:center}
#living-premium .lc-subject{height:62%;width:100%;position:relative;overflow:hidden;background:#101a18;border:1px solid #73857455;box-sizing:border-box;box-shadow:0 8px 22px #0008}
#living-premium .lc-subject:before{content:'';position:absolute;inset:0;background-image:var(--subject-art);background-size:cover;background-position:center;filter:blur(8px) brightness(.35);transform:scale(1.15)}
#living-premium .lc-subject img{position:relative;width:100%;height:100%;box-sizing:border-box;padding:5px;object-fit:contain;object-position:center;filter:none}
#living-premium .lc-title{inset:77% 5% auto}
#living-premium .lc-title small{display:none}
#living-premium .lc-title strong{font-size:clamp(18px,3.5vw,28px)}
@media(max-width:420px){#living-premium .lc-subjects{padding:0 5px;gap:3px}#living-premium .lc-subject img{padding:2px}}


#living-premium .lc-subject.reactor img{transform:scale(.78);transform-origin:center}
#living-premium .lc-subject.reactor:before{background-image:none;background:#101a18;filter:none;transform:none}

#living-premium .lc-subject.reactor img{transform:none}#living-premium .lc-subject.reactor:before{background-image:var(--subject-art);filter:blur(8px) brightness(.35);transform:scale(1.15)}

#living-premium .lc-subjects{display:none!important}
#living-premium .lc-panel{filter:none}
#living-premium .lc-title{inset:40% 5% auto;z-index:6}
#living-premium .lc-title small{display:block}
#living-premium .lc-title strong{font-size:clamp(22px,4vw,36px)}


#living-premium .lc-panel{background-size:cover!important;background-repeat:no-repeat!important}

/* Approved Living Comic stage, over the actual current/destination documents. */
#living-premium{position:fixed;inset:0;z-index:2147483000;pointer-events:auto;contain:layout paint;overflow:hidden}
#living-premium .lc-shell{height:100%;background:transparent}
#living-premium .lc-stage{height:100%;background:transparent}
#living-premium .lc-title{inset:40% 5% auto}
#living-premium .lc-panel{will-change:transform;background-size:cover}
#living-premium .lc-panels{background:transparent}
@media(prefers-reduced-motion:reduce){#living-premium{display:none}}

/* Character artwork only: inverse shear restores natural proportions; panel geometry/motion unchanged. */
#living-premium .lc-panel.has-character{overflow:hidden}
#living-premium .lc-panel .character-art{position:absolute;transform:skewX(16deg);transform-origin:center;overflow:hidden;pointer-events:none}
#living-premium .character-art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:none;padding:0;border:0}

/* Correct artwork only; retain the original panel transforms and keyframes. */
#living-premium .lc-panel .visible-crop{position:absolute;display:block;max-width:none;transform:skewX(16deg);transform-origin:0 0;pointer-events:none;object-fit:fill;border:0;padding:0}

/* Approved cinematic review R29, layered onto the real application controls. */
body[data-cinematic-section]{background:#080c12;color:#e8ece9}body[data-cinematic-section] main{max-width:none}
.cinematic-hero{position:relative;isolation:isolate;overflow:hidden;min-height:500px;display:flex;align-items:center;border-bottom:1px solid #a8bcc333;background:#080c12;margin:0 calc(-1 * var(--unused,0px));color:#e8ece9}
.cinematic-hero .cinematic-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;max-width:none}
.cinematic-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c12e0, #080c1280 38%,transparent 80%),linear-gradient(0deg,#080c1288,transparent 35%);pointer-events:none}
.cinematic-copy{padding:65px 5vw;max-width:900px;position:relative;z-index:2}.cinematic-copy .cinematic-eyebrow{font:10px Arial,sans-serif;letter-spacing:.21em;color:var(--cinematic-accent);text-transform:uppercase}.cinematic-copy h1{font-family:var(--cinematic-font),Georgia,serif!important;font-size:clamp(40px,5vw,86px)!important;line-height:1.08!important;font-weight:500;color:#e8ece9!important;letter-spacing:.01em;margin:20px 0;text-shadow:0 2px 20px #0008;overflow-wrap:normal}.cinematic-copy>p:not(.cinematic-eyebrow){font:17px/1.7 Arial,sans-serif;color:#c0cbd0;max-width:600px}.cinematic-explore{margin-top:16px;background:var(--cinematic-accent);color:#081015;border:0;padding:14px 19px;font:bold 11px Arial,sans-serif;letter-spacing:.1em;cursor:pointer}
.cinematic-original-head{min-height:0!important;background:transparent!important;box-shadow:none!important;border-top:0!important;padding-top:28px!important;padding-bottom:28px!important}.cinematic-original-head:after{display:none!important}.cinematic-original-head [hidden]{display:none!important}
.cinematic-cosmic{text-align:center;justify-content:center;min-height:550px}.cinematic-cosmic:after{background:linear-gradient(0deg,#080c12,#080c1270 60%,#080c1255)}.cinematic-cosmic .cinematic-copy{max-width:1000px}.cinematic-cosmic .cinematic-copy>p{margin-inline:auto}.cinematic-timeline{min-height:265px}.cinematic-timeline .cinematic-copy{padding-block:36px}.cinematic-timeline .cinematic-cover{opacity:.35}.cinematic-places{min-height:540px}
.cinematic-montage{position:absolute;inset:0;z-index:-2;overflow:hidden}.cinematic-montage img{position:absolute;top:0;height:100%;object-fit:cover;max-width:none}.compare-montage img:first-child{left:-5%;width:65%;object-position:64% 18%}.compare-montage img:last-child{left:45%;width:60%;object-position:47% 12%;mask-image:url('/assets/cinematic-r29/compare-mask.svg');mask-size:100% 100%;-webkit-mask-image:url('/assets/cinematic-r29/compare-mask.svg');-webkit-mask-size:100% 100%}.gallery-montage img{left:calc(var(--panel)*14.2857% - 7%);width:29%;object-position:center 14%;mask-image:url('/assets/cinematic-r29/gallery-mask.svg');mask-size:100% 100%;-webkit-mask-image:url('/assets/cinematic-r29/gallery-mask.svg');-webkit-mask-size:100% 100%}.gallery-montage img:first-child{mask-image:none;-webkit-mask-image:none}.gallery-montage img:nth-child(2){object-position:64% 16%}.gallery-montage img:nth-child(3){object-position:50% 10%}
.cinematic-compare .cinematic-copy,.cinematic-gallery .cinematic-copy,.cinematic-guides .cinematic-copy{padding-top:235px;padding-bottom:35px}.cinematic-compare:after,.cinematic-gallery:after,.cinematic-guides:after{background:linear-gradient(0deg,#080c12ed,#080c1288 30%,transparent 72%)}.cinematic-rival-overlay{position:absolute;right:0;top:0;width:50%;height:100%;object-fit:cover;object-position:50% 12%;z-index:-2;mask-image:linear-gradient(110deg,transparent,#000 40%)}
.cinematic-guide-cards,.cinematic-law-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px;margin:24px 0 40px}.cinematic-law-pillars{grid-template-columns:repeat(3,minmax(0,1fr))}.cinematic-guide-cards a,.cinematic-law-pillars a{display:block;overflow:hidden;border:1px solid #b3a07870;background:#101820;text-decoration:none;color:#eee}.cinematic-guide-cards img,.cinematic-law-pillars img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}.cinematic-guide-cards span,.cinematic-law-pillars span{display:block;padding:18px;font:26px/1.2 Georgia,serif}
body[data-cinematic-section] .cinematic-tile-image{object-fit:cover;width:100%}body[data-cinematic-section=archive].hub-body .card{border-radius:0;border-color:color-mix(in srgb,var(--accent),transparent 40%)}body[data-cinematic-section=archive].hub-body{--section-primary:#a7d88d;--section-secondary:#78a97e}body[data-cinematic-section=vault] .file{border:3px double #a4c4e477;border-radius:0;box-shadow:none}body[data-cinematic-section=cosmic] .entity{border-radius:50px 50px 3px 3px}body[data-cinematic-section=gallery] .gallery-card{box-shadow:none;background:transparent}body[data-cinematic-section=guides] .guide-section{border-radius:0;border-top:3px solid #e3cca0}
@media(max-width:680px){.cinematic-hero{min-height:420px}.cinematic-copy{padding:240px 22px 30px!important;width:100%}.cinematic-copy h1{font-size:40px!important}.cinematic-copy>p:not(.cinematic-eyebrow){font-size:15px}.cinematic-hero:after{background:linear-gradient(0deg,#080c12 0%,#080c12b0 40%,transparent 80%)}.cinematic-timeline{min-height:265px}.cinematic-timeline .cinematic-copy{padding-top:35px!important}.cinematic-guide-cards,.cinematic-law-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cinematic-guide-cards span,.cinematic-law-pillars span{font-size:20px;padding:12px}.cinematic-guide-cards img,.cinematic-law-pillars img{aspect-ratio:3/2}.cinematic-archive .cinematic-cover{object-position:65% center}}

.cinematic-art-frame{position:relative;isolation:isolate;overflow:hidden}.cinematic-art-frame:before{content:"";position:absolute;inset:-8%;z-index:-1;background-image:var(--art-fill);background-size:cover;background-position:center;transform:scaleX(-1);filter:blur(15px) brightness(.4)}.cinematic-art-frame img{position:relative;z-index:1}

/* R29 collection geometry: artwork above copy, separate from profile interiors. */
body[data-cinematic-section=archive].hub-body .grid,
body[data-cinematic-section=vault] .grid,
body[data-cinematic-section=cosmic].hub-page .entity-grid,
body[data-cinematic-section=gallery] .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}
body[data-cinematic-section=archive].hub-body .card{display:flex;flex-direction:column;grid-template-columns:none;min-height:0;padding:0}
body[data-cinematic-section=archive].hub-body .card .card-art{flex:none;width:100%;height:270px;min-height:0;aspect-ratio:auto;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--accent),transparent 65%)}
body[data-cinematic-section=archive].hub-body .card .card-copy{flex:1;min-height:0;padding:20px;justify-content:flex-start}
body[data-cinematic-section=archive].hub-body .card .card-copy h2{font-size:26px;line-height:1.25;margin:10px 0 15px}
body[data-cinematic-section=archive].hub-body .card .card-meta{flex-wrap:wrap;font-size:10px;gap:6px}
body[data-cinematic-section=archive].hub-body .card .card-copy p{margin:0;padding-right:0}
body[data-cinematic-section=archive].hub-body .card .card-open{position:static;display:block;border-top:1px solid color-mix(in srgb,var(--accent),transparent 70%);padding-top:14px;margin-top:18px;font-size:11px;letter-spacing:.12em;color:var(--accent)}
body[data-cinematic-section=cosmic].hub-page .entity .entity-art{height:310px;min-height:0;aspect-ratio:auto;padding:0}
body[data-cinematic-section=cosmic].hub-page .entity .entity-copy{padding:20px;min-height:0}
body[data-cinematic-section=vault] .vault-item .item-cover{display:block;width:100%;height:auto;aspect-ratio:3/2;padding:0;overflow:hidden;position:relative}
body[data-cinematic-section=vault] .vault-item .item-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body[data-cinematic-section=places] .grid,body[data-cinematic-section=rivalries] .rival-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
body[data-cinematic-section=places] .place .cover{height:300px;width:100%;object-fit:cover}
body[data-cinematic-section=rivalries] .rival-card .pair-images{height:270px;aspect-ratio:auto}
body[data-cinematic-section=gallery] .gallery-grid img{height:330px}
body[data-cinematic-section=gallery] .gallery-card:nth-child(even){margin-top:35px}
@media(max-width:1000px) and (min-width:681px){
 body[data-cinematic-section=archive].hub-body .grid,body[data-cinematic-section=vault] .grid,body[data-cinematic-section=cosmic].hub-page .entity-grid,body[data-cinematic-section=gallery] .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
 body[data-cinematic-section=archive].hub-body .grid,body[data-cinematic-section=vault] .grid,body[data-cinematic-section=cosmic].hub-page .entity-grid,body[data-cinematic-section=places] .grid,body[data-cinematic-section=rivalries] .rival-grid,body[data-cinematic-section=gallery] .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body[data-cinematic-section=archive].hub-body .card .card-art,body[data-cinematic-section=cosmic].hub-page .entity .entity-art,body[data-cinematic-section=places] .place .cover,body[data-cinematic-section=rivalries] .rival-card .pair-images,body[data-cinematic-section=gallery] .gallery-grid img{height:190px;min-height:0}
 body[data-cinematic-section=archive].hub-body .card .card-copy,body[data-cinematic-section=cosmic].hub-page .entity .entity-copy{padding:13px}
 body[data-cinematic-section=archive].hub-body .card .card-copy h2{font-size:21px}
}

/* Complete R29 browsing shell. All overrides end when a profile opens. */
body[data-cinematic-section]{background:#080c12!important;background-image:none!important;color:#e8ece9}
body[data-cinematic-section]:before,body[data-cinematic-section]:after,
body[data-cinematic-section] .bifrost,body[data-cinematic-section] .cosmic-backdrop,body[data-cinematic-section]>.backdrop{display:none!important}
body[data-cinematic-section] .unified-nav,body[data-cinematic-section] .site-nav,body[data-cinematic-section] .nav{display:none!important}
body[data-cinematic-section] main{width:auto!important;max-width:none!important;margin:0!important;padding:0 5vw 65px!important;background:none!important;box-sizing:border-box}
body[data-cinematic-section] main:before,body[data-cinematic-section] main:after{display:none!important}
body[data-cinematic-section] .cinematic-masthead,body[data-cinematic-section] .cinematic-hero{width:calc(100% + 10vw);max-width:none;margin-left:-5vw;margin-right:-5vw;box-sizing:border-box}
body[data-cinematic-section] .cinematic-masthead{padding:25px 4vw 0;background:#080d13;border-bottom:1px solid #a7d88d40;position:relative;z-index:5}
.cinematic-brandrow{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px}
.cinematic-brand{font:800 17px Arial,sans-serif;letter-spacing:.15em;text-decoration:none;color:#e8ece9}.cinematic-brand span{color:var(--cinematic-accent)}
.cinematic-access{font:10px monospace;letter-spacing:.16em;color:#9bacaa}
.cinematic-navigation{display:flex;gap:22px;overflow-x:auto;scrollbar-width:thin}
.cinematic-navigation a{flex:none;display:block;padding:12px 0 16px;border-bottom:2px solid transparent;font:11px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;color:#e8ece9;white-space:nowrap}
.cinematic-navigation a[aria-current]{border-color:var(--cinematic-accent);color:var(--cinematic-accent)}
body[data-cinematic-section] .cinematic-original-head{display:block!important;position:relative;min-height:0!important;padding:38px 0 0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left!important}
body[data-cinematic-section] .cinematic-original-head:before,body[data-cinematic-section] .cinematic-original-head:after,body[data-cinematic-section] .cinematic-legacy-intro{display:none!important}
.cinematic-collection-heading{margin:0 0 22px}.cinematic-collection-heading>p{font:10px Arial,sans-serif!important;letter-spacing:.21em;color:#a8bda7!important;text-transform:uppercase;margin:0 0 9px!important}
body[data-cinematic-section] .cinematic-collection-heading h2{font-family:var(--cinematic-font,'Archive Condensed'),Georgia,serif;font-size:34px;line-height:1.2;margin:9px 0;color:#e8ece9;letter-spacing:0;text-transform:none}
body[data-cinematic-section] .cinematic-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;border-block:1px solid #a9bfc444;padding:18px 0;margin:0 0 25px;background:none}
body[data-cinematic-section] .cinematic-toolbar:empty{display:none}
body[data-cinematic-section] .cinematic-toolbar :is(.archive-switch,.continuity-switch,.collection-continuity,.guide-jumps,.tabs,.filters){display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;border:0;background:none}
body[data-cinematic-section] .cinematic-toolbar :is(.search,.vault-search){flex:1;min-width:200px;height:auto;max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none;display:flex;align-items:center;gap:8px}
body[data-cinematic-section] .cinematic-toolbar :is(input,select){min-width:0;width:100%;padding:12px 14px;background:#121c25;color:#ecf1f0;border:1px solid #a9bfc444;box-shadow:none;font:13px Arial,sans-serif}
body[data-cinematic-section] .cinematic-toolbar :is(button,.archive-switch a,.continuity-switch a,.collection-continuity a,.guide-jumps a){padding:10px 12px;margin:0;border:1px solid #abb9c144;border-radius:0;background:#121b24;color:#e8ece9;font:11px Arial,sans-serif;text-decoration:none;box-shadow:none}
body[data-cinematic-section] .cinematic-toolbar :is([aria-current],.active,[aria-pressed=true]){border-color:#a7d88d;color:#cce5bb}
body[data-cinematic-section] .cinematic-toolbar .filters{flex-basis:100%}
body[data-cinematic-section] .cinematic-toolbar :is(.controls,.toolbar,.gallery-tools,.law-controls){display:flex;flex-wrap:wrap;align-items:center;flex:1;gap:12px;margin:0;padding:0;border:0;background:none}
body[data-cinematic-section] .cinematic-toolbar .controls>p,body[data-cinematic-section] .vault-search>label{display:none}
body[data-cinematic-section] .explorer{padding:0;margin:0;border:0}
body[data-cinematic-section=places] .explore-head{display:none}
body[data-cinematic-section] .cinematic-hero{border-radius:0;min-height:510px}
body[data-cinematic-section] .cinematic-copy{padding:65px 6vw;max-width:900px}
body[data-cinematic-section] .cinematic-copy>p:not(.cinematic-eyebrow){max-width:440px}
body[data-cinematic-section=archive] .cinematic-copy h1{font-size:clamp(44px,6.4vw,98px)!important}
body[data-cinematic-section=cosmic] .cinematic-hero{min-height:550px}
body[data-cinematic-section=timeline] .cinematic-hero{min-height:265px}
body[data-cinematic-section=places] .cinematic-hero{min-height:540px}
body[data-cinematic-section=compare] .cinematic-hero{min-height:390px}
body[data-cinematic-section=compare] .cinematic-copy,body[data-cinematic-section=gallery] .cinematic-copy,body[data-cinematic-section=guides] .cinematic-copy{padding-top:235px;padding-bottom:35px}
@media(max-width:680px){
 body[data-cinematic-section] .cinematic-masthead{padding-top:22px}.cinematic-access{display:none}.cinematic-navigation{gap:18px}.cinematic-brandrow{padding-bottom:15px}
 body[data-cinematic-section] .cinematic-hero{min-height:420px}body[data-cinematic-section=timeline] .cinematic-hero{min-height:265px}
 body[data-cinematic-section] .cinematic-copy{padding:240px 22px 30px!important}
 body[data-cinematic-section=timeline] .cinematic-copy{padding-top:35px!important}
 body[data-cinematic-section=archive] .cinematic-copy h1{font-size:40px!important}
 body[data-cinematic-section] .cinematic-collection-heading h2{font-size:29px}
 body[data-cinematic-section] .cinematic-toolbar :is(.search,.vault-search){flex-basis:100%;min-width:0}
}

body[data-cinematic-section] .cinematic-toolbar .cosmic-controls{flex:1;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0;background:none;border:0}body[data-cinematic-section] .cinematic-toolbar .cosmic-controls>label{display:none}body[data-cinematic-section] .cinematic-toolbar .cosmic-filters{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}

/* Complete foreground canvas; subdued background fills the surrounding frame. */
body[data-cinematic-section] img.complete-artwork{object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;background-color:#080c12;background-image:linear-gradient(#080c12df,#080c12df),var(--art-fill);background-size:cover;background-position:center;image-rendering:auto}
body[data-cinematic-section] .card-art,body[data-cinematic-section] .entity-art{filter:none!important}
body[data-cinematic-section] .card-art:after{pointer-events:none;background:linear-gradient(0deg,#080c1220,transparent 12%)!important}
body[data-cinematic-section] .compare-montage img{object-fit:contain;object-position:center;padding:12px 8%;box-sizing:border-box}
body[data-cinematic-section] .gallery-montage img{object-fit:contain;object-position:center;padding:8px 24px;box-sizing:border-box}
body[data-cinematic-section] .cinematic-rival-overlay{object-fit:contain;object-position:center;padding:12px 5%;box-sizing:border-box}

@media(max-width:680px){body[data-cinematic-section] .gallery-montage img{padding:8px}}

/* Gallery cover: explicit panel rectangles matching approved R29. */
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img{position:absolute!important;top:0!important;bottom:0!important;width:29%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center 14%;transform:none!important;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(1){left:-7.0%!important}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(2){left:7.285714%!important}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(3){left:21.571429%!important}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(4){left:35.857143%!important}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(5){left:50.142857%!important}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(6){left:64.428571%!important}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(7){left:78.714286%!important}
body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(1){object-position:62% 12%}body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(2){object-position:64% 16%}body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(3){object-position:50% 10%}body[data-cinematic-section=gallery] .cinematic-hero .gallery-montage img:nth-child(6){object-position:50% 8%}

/* Header artwork fills its frame; complete-canvas fitting remains on tiles. */
body:is([data-cinematic-section=archive],[data-cinematic-section=vault],[data-cinematic-section=cosmic],[data-cinematic-section=laws],[data-cinematic-section=timeline],[data-cinematic-section=places]) .cinematic-hero .cinematic-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center 25%;padding:0!important;background:none;transform:none}
body[data-cinematic-section=compare] .cinematic-hero .compare-montage img,
body[data-cinematic-section=rivalries] .cinematic-hero .rivals-montage img{position:absolute;top:0;bottom:0;height:100%;max-width:none;padding:0!important;margin:0;object-fit:cover!important;transform:none;box-sizing:border-box}
body[data-cinematic-section=compare] .compare-montage img:first-child,
body[data-cinematic-section=rivalries] .rivals-montage img:first-child{left:-5%;width:65%;mask-image:none;-webkit-mask-image:none}
body[data-cinematic-section=compare] .compare-montage img:last-child,
body[data-cinematic-section=rivalries] .rivals-montage img:last-child{left:45%;width:60%;mask-image:url('/assets/cinematic-r29/compare-mask.svg');-webkit-mask-image:url('/assets/cinematic-r29/compare-mask.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
body[data-cinematic-section=compare] .compare-montage img:first-child{object-position:64% 18%}
body[data-cinematic-section=compare] .compare-montage img:last-child{object-position:47% 12%}
body[data-cinematic-section=rivalries] .rivals-montage img:first-child{object-position:50% 12%}
body[data-cinematic-section=rivalries] .rivals-montage img:last-child{object-position:64% 18%}