:root{--paper: #f1e7c9;--paper-dark: #e2d3a2;--paper-alt: #f7efd8;--ink: #111111;--ink-soft: #343434;--hero-red: #d92c2c;--hero-yellow: #f6c231;--hero-cyan: #2fb7d8;--villain-purple: #6047b8;--outline: #141414;--outline-soft: rgba(20, 20, 20, .5);--font-headline: "Bangers", cursive;--font-body: "Barlow Condensed", sans-serif;--font-label: "Rajdhani", sans-serif;--space-2: .45rem;--space-3: .7rem;--space-4: 1rem;--space-6: 1.45rem;--space-8: 1.8rem;--space-10: 2.2rem;--space-12: 3rem;--max-width: 1240px;--panel-shadow: 5px 5px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:radial-gradient(circle at 16% 14%,rgba(47,183,216,.2),transparent 26%),radial-gradient(circle at 82% 22%,rgba(217,44,44,.18),transparent 28%),var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.45}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.hud-grid{background-image:radial-gradient(rgba(17,17,17,.06) .8px,transparent .8px),linear-gradient(135deg,rgba(246,194,49,.1),transparent 55%);background-size:12px 12px,auto}.scanline:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(17,17,17,.04),rgba(17,17,17,.04) 2px,transparent 2px,transparent 5px)}.site-shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(90deg,var(--hero-red),#ef4c34 68%,var(--hero-yellow));border-bottom:3px solid var(--outline)}.topbar-inner{margin:0 auto;max-width:var(--max-width);padding:var(--space-4) var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{font-family:var(--font-headline);font-size:clamp(2rem,4.3vw,3rem);letter-spacing:.06rem;color:#fff8df;text-shadow:2px 2px 0 var(--ink)}.nav{display:flex;gap:var(--space-3);align-items:center}.nav-link{border:2px solid var(--ink);background:var(--paper-alt);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-label);font-size:.94rem;font-weight:700;letter-spacing:.06rem;text-transform:uppercase;color:var(--ink);padding:.4rem .8rem;transition:transform .12s ease,background .16s ease}.nav-link:hover,.nav-link.active{transform:translate(-2px,-2px);background:var(--hero-yellow)}.layout{width:min(var(--max-width),100% - 2rem);margin:0 auto;padding:var(--space-12) var(--space-8) var(--space-10);flex:1}.section{margin-bottom:clamp(2.2rem,5vw,3.9rem)}.section-kicker{display:inline-block;border:2px solid var(--ink);background:var(--hero-cyan);box-shadow:3px 3px 0 var(--ink);font-family:var(--font-label);text-transform:uppercase;font-size:.85rem;font-weight:700;letter-spacing:.08rem;color:#05222b;margin-bottom:var(--space-3);padding:.15rem .55rem}.section-title{display:inline-flex;align-items:center;gap:.65rem;border:3px solid var(--ink);background:var(--paper-alt);box-shadow:5px 5px 0 var(--ink);font-family:var(--font-headline);font-size:clamp(2rem,4.2vw,3.3rem);letter-spacing:.04rem;line-height:.95;text-transform:uppercase;padding:.35rem .9rem}.section-title:before{content:"";width:.5rem;height:1.5rem;background:var(--hero-red)}.section-title-sub{font-size:1.75rem;margin-bottom:1rem}.section-title-sub-lg{font-size:2rem}.section-description{margin-top:var(--space-4);color:var(--ink-soft);font-size:1.2rem;max-width:68ch}.card,.panel,.filter-panel,.stats-panel{position:relative;border:3px solid var(--outline);background:var(--paper-alt);box-shadow:var(--panel-shadow)}.card{transition:transform .18s ease}.card:hover{transform:translate(-3px,-3px)}.glass{background:linear-gradient(145deg,rgba(246,194,49,.18),transparent 65%),var(--paper-alt)}.tactical-button,.ghost-button{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-label);font-size:1rem;font-weight:700;letter-spacing:.06rem;text-transform:uppercase;padding:.72rem 1.05rem;transition:transform .12s ease}.tactical-button{background:var(--hero-red);color:#fff4df}.ghost-button{background:var(--hero-yellow);color:var(--ink)}.tactical-button:hover,.ghost-button:hover{transform:translate(-2px,-2px)}.tertiary-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--villain-purple);font-family:var(--font-label);text-transform:uppercase;font-size:.9rem;font-weight:700;letter-spacing:.06rem}.power-meter{display:grid;grid-template-columns:repeat(10,1fr);gap:.28rem;margin-top:var(--space-2)}.power-meter span{display:block;height:.58rem;background:#c8bc95;border:1px solid var(--ink)}.power-meter span.active{background:var(--hero-red)}.footer{margin-top:auto;padding:var(--space-6) var(--space-8);background:var(--ink);border-top:4px solid var(--hero-yellow)}.footer-inner{width:min(var(--max-width),100% - 2rem);margin:0 auto;display:flex;justify-content:center;align-items:center;text-align:center;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06rem;font-size:.8rem;color:#f5e8bc}.mobile-nav{position:sticky;bottom:0;z-index:20;display:none;background:var(--hero-yellow);border-top:3px solid var(--ink);padding:var(--space-3) var(--space-4);justify-content:space-around;align-items:center}.mobile-nav a{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06rem;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.mobile-nav a.active{color:var(--hero-red)}.hero-grid,.cards-grid{display:grid;gap:var(--space-6)}.faction-directory .cards-grid.heroes{margin-top:var(--space-4)}.hero-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.panel,.filter-panel,.stats-panel{padding:var(--space-6)}.page-intro{position:relative;overflow:hidden;min-height:0;border-bottom:0;background:radial-gradient(circle at 86% 16%,rgba(47,183,216,.16),transparent 34%),radial-gradient(circle at 14% 84%,rgba(246,194,49,.16),transparent 32%),var(--paper-alt)}.split-intro{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:stretch;padding:0}.page-intro-photo{display:flex;align-items:center;justify-content:center;border-right:3px solid var(--ink);background:linear-gradient(160deg,#2fb7d829,#f6c23133);padding:var(--space-4)}.page-intro-cover{width:100%;height:100%;max-height:560px;object-fit:contain;object-position:center}.page-intro-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.12)}.page-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,#1111111f,#11111185),radial-gradient(circle at 75% 30%,rgba(246,194,49,.35),transparent 44%),repeating-radial-gradient(circle at 15% 20%,rgba(255,255,255,.09) 0 2px,transparent 2px 7px)}.page-intro-content{padding:clamp(1.8rem,4vw,3rem);max-width:860px}.split-intro .page-intro-content{max-width:none;display:flex;flex-direction:column;justify-content:center}.page-intro h1{display:inline-block;border:4px solid var(--ink);background:#fff6db;box-shadow:6px 6px 0 var(--ink);font-family:var(--font-headline);text-transform:uppercase;line-height:.9;letter-spacing:.06rem;font-size:clamp(2.5rem,6.6vw,5.3rem);margin:.65rem 0 1rem;padding:.2rem .8rem}.page-intro p{max-width:60ch;color:var(--ink-soft);font-size:clamp(1.1rem,2vw,1.35rem);text-shadow:none}.cluster{display:flex;gap:var(--space-4);flex-wrap:wrap}.cluster-top{margin-top:1rem}.hero-card{overflow:hidden;display:flex;flex-direction:column}.character-card{cursor:pointer}.character-card p{color:var(--ink-soft)}.hero-card img{width:100%;height:280px;object-fit:cover;border-bottom:3px solid var(--ink);filter:saturate(1.05);transition:transform .28s ease}.faction-card img{height:auto;object-fit:contain;object-position:center;background:linear-gradient(180deg,#2fb7d824,#f6c2312e)}.hero-card:hover img{transform:scale(1.04)}.hero-body{padding:var(--space-6);display:grid;gap:var(--space-4)}.label{display:inline-block;border:2px solid var(--ink);background:var(--hero-yellow);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08rem;font-size:.8rem;font-weight:700;color:var(--ink);width:fit-content;padding:.15rem .5rem}.hero-name{font-family:var(--font-headline);font-size:2rem;line-height:.95;letter-spacing:.04rem;text-transform:uppercase;display:flex;align-items:center;gap:.55rem}.hero-name:before{content:"";width:.65rem;height:1.4rem;background:var(--hero-red);border:1px solid var(--ink)}.hero-meta{display:grid;gap:.38rem;font-size:1.15rem;color:var(--ink-soft)}.faction-card-body{padding:var(--space-3) var(--space-4) var(--space-4);gap:var(--space-3)}.hero-meta strong{color:var(--ink)}.cards-grid.heroes{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-grid.missions{grid-template-columns:repeat(12,minmax(0,1fr))}.mission-card{overflow:hidden;min-height:180px}.mission-card.large{grid-column:span 8;min-height:360px}.mission-card.small{grid-column:span 4}.mission-card img{width:100%;height:100%;object-fit:cover;opacity:.5}.mission-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-6);background:linear-gradient(180deg,transparent,rgba(17,17,17,.7))}.intel-list{display:grid;gap:var(--space-6)}.intel-item{display:grid;grid-template-columns:220px 1fr auto;gap:var(--space-6);align-items:center;padding:var(--space-3)}.intel-item img{width:100%;height:130px;object-fit:cover}.two-column{display:grid;grid-template-columns:320px 1fr;gap:var(--space-6)}.filter-panel input,.filter-panel select{width:100%;margin-top:.35rem;background:#fff9e8;border:2px solid var(--ink);color:var(--ink);font-family:var(--font-body);font-size:1rem;padding:.7rem}.filter-panel input:focus,.filter-panel select:focus{outline:3px solid var(--hero-cyan);outline-offset:1px}.profile-grid{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:var(--space-6)}.character-detail-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);gap:var(--space-6);align-items:start}.character-side-column{display:grid;gap:var(--space-4)}.character-profile-media img{height:460px;object-fit:contain;object-position:center top;background:linear-gradient(180deg,#f6c23124,#2fb7d82e)}.character-360-card{display:grid;gap:var(--space-3)}.character-360-frame-wrap{border:2px solid var(--ink);background:#fff;box-shadow:3px 3px 0 var(--ink);overflow:hidden}.character-360-frame{width:100%;min-height:620px;border:0;display:block;background:#fff}.character-faction-tag{color:var(--ink-soft);font-size:1rem;text-transform:uppercase;letter-spacing:.05rem}.character-profile-fields,.character-blocks{display:grid;gap:var(--space-4)}.character-block{border:2px solid var(--ink);background:#fff6df;box-shadow:3px 3px 0 var(--ink);padding:var(--space-4)}.character-block-title{display:inline-block;border:2px solid var(--ink);background:var(--hero-cyan);box-shadow:2px 2px 0 var(--ink);font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06rem;font-size:.9rem;margin-bottom:var(--space-4);padding:.15rem .5rem}.character-block-fields{display:grid;gap:var(--space-4)}.character-block-identity .character-block-fields,.character-block-physical .character-block-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-6)}.character-block-identity .character-block-fields{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.character-field{min-width:0}.character-field p{overflow-wrap:anywhere}.character-field{display:grid;gap:.35rem;padding-bottom:var(--space-4);border-bottom:1px dashed var(--outline-soft)}.character-field:last-child{border-bottom:0;padding-bottom:0}.timeline-item{border-left:3px solid var(--ink);padding-left:var(--space-4);margin-bottom:var(--space-6)}.timeline-item:last-child{margin-bottom:0}.pulse-dot{width:.65rem;height:.65rem;background:var(--hero-red);border:1px solid var(--ink);display:inline-block;margin-right:.35rem}.quick-links{display:grid;gap:var(--space-3)}@media (max-width: 1080px){.split-intro{grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.cards-grid.heroes{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-card.large,.mission-card.small{grid-column:span 12}.profile-grid,.two-column,.character-detail-grid{grid-template-columns:1fr}.nav{display:none}.mobile-nav{display:flex}}@media (max-width: 760px){.split-intro{grid-template-columns:1fr}.page-intro-photo{border-right:0;border-bottom:3px solid var(--ink);padding:var(--space-3)}.page-intro-cover{max-height:390px}.split-intro .page-intro-content{padding:var(--space-6) var(--space-4)}.layout{width:calc(100% - 1rem);padding:var(--space-8) var(--space-3) calc(var(--space-12) + 3rem)}.cards-grid.heroes,.intel-item{grid-template-columns:1fr}.faction-card img{height:auto}.faction-card-body{padding-top:var(--space-2)}.character-profile-media img{height:360px}.character-360-frame{min-height:620px}.character-block-identity .character-block-fields,.character-block-physical .character-block-fields{grid-template-columns:1fr}.topbar-inner{padding:var(--space-3) var(--space-4)}.brand{font-size:2.1rem}.section-title{font-size:clamp(1.7rem,7vw,2.35rem)}.page-intro p{font-size:1rem}}