:root{--bg:#080a0d;--panel:#10151b;--panel2:#151b22;--ink:#e8e4dc;--muted:#9ca6af;--gold:#c8a568;--red:#9d1d1d;--line:#2a333c;--blue:#80b6d4;--shadow:0 18px 55px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -10%,#1b2530 0,transparent 34rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}.wrap{width:min(1200px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,10,13,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,165,104,.18)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}.brand{font-family:Georgia,serif;letter-spacing:.13em;text-transform:uppercase}.brand b{color:var(--gold)}.links{display:flex;gap:16px;flex-wrap:wrap;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;color:#c7cdd2}.links a:hover,.links a.active{color:var(--gold)}.hero{min-height:75vh;display:grid;align-items:end;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center 16%;filter:saturate(.85) contrast(1.08);opacity:.65}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,13,.95) 0%,rgba(8,10,13,.55) 48%,rgba(8,10,13,.28) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 50%)}.hero-copy{position:relative;z-index:2;padding:9rem 0 5rem;max-width:760px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem}.display{font-family:Georgia,serif;font-weight:500;font-size:clamp(3.1rem,8vw,7.4rem);line-height:.87;margin:.22em 0}.display span{display:block;color:#b42727}.lede{font-size:clamp(1rem,2vw,1.3rem);color:#d2d6d9;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid var(--gold);padding:11px 17px;text-transform:uppercase;letter-spacing:.09em;font-size:.8rem;background:rgba(200,165,104,.08);color:#f3e7ca}.btn.secondary{border-color:#46515c;background:rgba(255,255,255,.03);color:#d8dde1}.section{padding:72px 0}.section.compact{padding:42px 0}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:26px}.section h1,.section h2{font-family:Georgia,serif;font-weight:500;margin:.1em 0}.section h2{font-size:clamp(2rem,4vw,3.5rem)}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:-1px}.stat{background:#0c1116;padding:24px}.stat strong{display:block;font-family:Georgia,serif;font-size:2.2rem;color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}.card{background:linear-gradient(180deg,#131920,#0c1014);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:.2s transform,.2s border-color}.card:hover{transform:translateY(-3px);border-color:#5c513d}.card-img{aspect-ratio:2/3;object-fit:cover;width:100%;background:#0d1116}.card-body{padding:16px}.card .num{font-size:.72rem;letter-spacing:.17em;color:var(--gold)}.card h3{font-family:Georgia,serif;font-weight:500;font-size:1.35rem;margin:.28rem 0}.card p{font-size:.88rem;color:#aeb7bf;margin:.4rem 0}.badge{display:inline-block;border:1px solid #3b4650;color:#bbc3ca;padding:3px 8px;border-radius:99px;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;margin-right:4px}.badge.current{border-color:#806c45;color:#e2c792}.filters{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-bottom:22px}.field{width:100%;background:#0d1217;border:1px solid var(--line);color:var(--ink);padding:11px 12px}.profile{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:34px;align-items:start}.profile-art{position:sticky;top:90px}.profile-art img{width:100%;border:1px solid var(--line);box-shadow:var(--shadow)}.profile h1{font-size:clamp(2.6rem,6vw,5.6rem);line-height:.9;margin:.2em 0;font-family:Georgia,serif}.title{font-size:1.3rem;color:var(--gold)}.meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:24px 0}.meta div{background:#0e1318;padding:13px}.meta small{display:block;color:#818d98;text-transform:uppercase;letter-spacing:.1em;font-size:.67rem}.prose{background:#0e1318;border:1px solid var(--line);padding:24px}.prose h1,.prose h2,.prose h3{font-family:Georgia,serif;color:#f0e8d8}.prose h2{margin-top:1.5em;border-bottom:1px solid var(--line);padding-bottom:.3em}.prose table{width:100%;border-collapse:collapse;font-size:.88rem}.prose th,.prose td{padding:9px;border-bottom:1px solid #283039;text-align:left;vertical-align:top}.prose blockquote{border-left:3px solid var(--gold);margin-left:0;padding-left:18px;color:#d9c9aa}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid var(--line);background:#0c1116;color:#b9c1c8;padding:8px 12px;cursor:pointer}.tab.active{border-color:var(--gold);color:#f0d9ad}.tab-panel{display:none}.tab-panel.active{display:block}.comic-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 240px;gap:18px}.comic-thumbs{max-height:calc(100vh - 110px);overflow:auto;position:sticky;top:90px}.thumb{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:6px;border:1px solid transparent;cursor:pointer}.thumb img{width:54px}.thumb.active{border-color:var(--gold);background:#121820}.reader{display:flex;justify-content:center}.reader img{width:min(100%,850px);box-shadow:0 26px 80px rgba(0,0,0,.55);border:1px solid #202932}.reader-tools{position:sticky;top:90px;align-self:start;background:#0e1318;border:1px solid var(--line);padding:16px}.reader-tools button{width:100%;margin:4px 0;background:#131a21;color:#eee;border:1px solid #394550;padding:9px}.reader-tools button:hover{border-color:var(--gold)}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.story{border:1px solid var(--line);background:#0e1318;padding:20px;position:relative}.story .story-no{position:absolute;right:15px;top:8px;font-family:Georgia,serif;font-size:3.5rem;color:rgba(200,165,104,.12)}.story h3{font-family:Georgia,serif;font-size:1.45rem;margin:.3em 0}.story .status{color:var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.dossier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.dossier-card{background:#0e1318;border:1px solid var(--line);overflow:hidden}.dossier-card img{aspect-ratio:2/3;object-fit:cover;width:100%}.dossier-card div{padding:14px}.footer{border-top:1px solid var(--line);padding:32px 0;color:#7f8992;font-size:.82rem;margin-top:50px}.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;padding:8px}
@media(max-width:900px){.profile{grid-template-columns:1fr}.profile-art{position:static;max-width:520px}.comic-layout{grid-template-columns:1fr}.comic-thumbs{display:flex;position:static;max-height:none;overflow-x:auto}.thumb{min-width:90px;display:block}.reader-tools{position:static}.stats{grid-template-columns:repeat(2,1fr)}.links{display:none}.links.open{display:flex;position:absolute;top:70px;left:0;right:0;padding:18px;background:#0b0e12;border-bottom:1px solid var(--line)}.mobile-toggle{display:block}.filters{grid-template-columns:1fr}}
@media(max-width:540px){.wrap{width:min(100% - 20px,1200px)}.section{padding:46px 0}.hero{min-height:68vh}.hero-copy{padding:7rem 0 3rem}.stats{grid-template-columns:1fr 1fr}.stat{padding:16px}.meta{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:10px}.card h3{font-size:1rem}.card p{font-size:.75rem}.badge{display:none}.prose{padding:16px;overflow-x:auto}}