:root{--ink:#0c0a14;--pan:#171228;--red:#ef3b3b;--gold:#ffc72c;--cyan:#3ec9f5;--mag:#e0489b;--tx:#ece8f7;--d:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--tx);font:17px/1.6 "Trebuchet MS",Verdana,sans-serif;overflow-x:hidden}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(40vw 40vw at 15% 20%,#ef3b3b44,transparent),radial-gradient(45vw 45vw at 85% 30%,#3ec9f533,transparent),radial-gradient(40vw 40vw at 50% 95%,#e0489b33,transparent);animation:drift 18s ease-in-out infinite alternate}
.bg:after{content:"";position:absolute;inset:-50px;background:radial-gradient(#ffffff1c 1.4px,transparent 1.6px) 0 0/16px 16px;animation:dots 30s linear infinite;mask:linear-gradient(#000,transparent 85%)}
@keyframes drift{to{transform:scale(1.15) translate(2%,-2%)}}@keyframes dots{to{background-position:160px 160px}}
a{color:inherit}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 5vw;position:sticky;top:0;background:#0c0a14ee;backdrop-filter:blur(6px);z-index:5;border-bottom:3px solid var(--red)}
.logo{font:26px var(--d);text-decoration:none;letter-spacing:1px;transform:skew(-8deg);display:flex}.logo b{background:var(--red);padding:0 8px;font-weight:400}.logo i{background:var(--gold);color:#000;padding:0 8px;font-style:normal}
nav a{text-decoration:none;margin-left:6px;padding:6px 12px;border-radius:3px;font-weight:700}nav a:hover,nav a.on{background:var(--cyan);color:#000}
.ticker{overflow:hidden;background:var(--gold);color:#000;font:700 14px var(--d);letter-spacing:1px;white-space:nowrap}.ticker div{display:inline-block;padding:5px 0;animation:tick 40s linear infinite}.ticker span{margin:0 30px}.ticker span:before{content:"★ ";color:var(--red)}@keyframes tick{to{transform:translateX(-50%)}}
main{max-width:1150px;margin:auto;padding:0 5vw}section{padding:40px 0}
.hero{position:relative;padding:70px 0 40px}h1{font:clamp(44px,9vw,104px)/.95 var(--d);margin:0 0 18px;transform:skew(-6deg);text-shadow:4px 4px 0 var(--red),8px 8px 0 #3ec9f566;letter-spacing:1px;animation:pop .7s cubic-bezier(.2,1.6,.4,1) both}
@keyframes pop{from{transform:skew(-6deg) scale(.6);opacity:0}}
.lead{max-width:60ch;font-size:19px;color:#cfc8e6}
.burst{position:absolute;right:0;top:20px;width:150px;height:150px;background:var(--gold);color:#000;display:grid;place-items:center;text-align:center;font:22px/1 var(--d);clip-path:polygon(50% 0,61% 20%,82% 10%,80% 33%,100% 38%,85% 55%,98% 75%,76% 77%,72% 100%,54% 85%,35% 100%,30% 78%,5% 82%,18% 60%,0 42%,22% 33%,20% 10%,40% 20%);animation:spin 14s linear infinite}.burst span{animation:cs 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes cs{to{transform:rotate(-360deg)}}
.row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{background:var(--red);padding:12px 24px;font:20px var(--d);text-decoration:none;letter-spacing:1px;box-shadow:5px 5px 0 #000;transition:.15s;display:inline-block}.btn.alt{background:var(--cyan);color:#000}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #000}
.strip{display:grid;grid-template-columns:1fr 2fr;gap:20px}.strip>div{background:var(--pan);border:3px solid #fff;padding:22px;box-shadow:8px 8px 0 var(--mag)}.strip h2{font:20px var(--d);margin:0 0 8px;color:var(--gold)}
#cd{font:clamp(34px,5vw,54px) var(--d);color:var(--cyan);font-variant-numeric:tabular-nums}blockquote{margin:0;font-size:22px;font-style:italic;min-height:3.2em;transition:opacity .4s}
.sec{font:38px var(--d);margin:0 0 22px;letter-spacing:1px;display:inline-block;border-bottom:5px solid var(--red)}.sec.big{font-size:clamp(40px,7vw,72px);transform:skew(-6deg)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.card{background:var(--pan);border:3px solid #fff;padding:20px;position:relative;box-shadow:6px 6px 0 var(--cyan)}.card:nth-child(3n+2){box-shadow:6px 6px 0 var(--red)}.card:nth-child(3n){box-shadow:6px 6px 0 var(--gold)}
.card em{position:absolute;top:-14px;right:12px;background:var(--gold);color:#000;font:700 18px var(--d);padding:2px 10px;font-style:normal;transform:rotate(3deg)}.card h3{font:24px var(--d);margin:6px 0;letter-spacing:.5px}.card p{margin:0 0 8px;color:#cfc8e6;font-size:15px}.card small{color:var(--gold);font-weight:700}
.cov{aspect-ratio:2/3;background:linear-gradient(160deg,var(--a),var(--b));border:3px solid #fff;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:6px 6px 0 #000}
.cov:before{content:"";position:absolute;inset:0;background:radial-gradient(#0003 2px,transparent 2.4px) 0 0/10px 10px}.cov .g{position:absolute;top:-8%;left:6%;font:230px/1 var(--d);color:#ffffff30;transition:.4s}.cov:hover .g{transform:scale(1.15) rotate(-6deg);color:#ffffff55}
.cov h3{font:28px/1 var(--d);margin:0;position:relative;text-shadow:2px 2px 0 #000}.cov p{margin:4px 0 0;font-size:12px;position:relative;text-shadow:1px 1px 0 #000}
.tilt{transition:transform .15s ease-out;will-change:transform}.hide{display:none!important}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.chips button{font:18px var(--d);background:var(--pan);color:var(--tx);border:3px solid #fff;padding:6px 18px;cursor:pointer}.chips button.on,.chips button:hover{background:var(--red)}
.search{width:100%;max-width:520px;padding:14px;background:var(--pan);border:3px solid #fff;color:var(--tx);font-size:17px;margin-bottom:28px}.search:focus,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.about{max-width:760px}details{background:var(--pan);border:3px solid #fff;margin:14px 0;padding:14px 18px}summary{cursor:pointer;font:22px var(--d);letter-spacing:.5px}details[open]{box-shadow:6px 6px 0 var(--mag)}details p{margin:10px 0 0;color:#cfc8e6}
footer{margin-top:50px;padding:28px 5vw;border-top:3px solid var(--red);text-align:center;color:#9a93b8;font-size:14px}footer p{margin:4px 0}
@media(max-width:700px){.strip{grid-template-columns:1fr}.burst{width:100px;height:100px;font-size:15px;top:0}nav a{margin:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Multiverse Vault refresh */
:root{--ink:#080b18;--pan:#11182b;--red:#ff4c58;--gold:#ffd34e;--cyan:#62e0ff;--mag:#ff64ad;--tx:#f5f5ff;--d:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif}
body{background:#080b18;font-family:Inter,"Trebuchet MS",Verdana,sans-serif;line-height:1.55}
.bg{background:radial-gradient(45vw 45vw at 12% 25%,#ff31552a,transparent),radial-gradient(48vw 48vw at 91% 26%,#1767ff2a,transparent),radial-gradient(40vw 40vw at 58% 100%,#bb35ff20,transparent)}
.top{padding:13px max(5vw,calc((100vw - 1240px)/2));border-bottom:1px solid #ffffff24;background:#080b18eF;backdrop-filter:blur(14px)}
.logo{font-size:22px}nav a{font-size:14px;color:#c7cbe0;border-radius:99px;padding:7px 14px}nav a:hover,nav a.on{background:var(--gold);color:#10121e}
.ticker{background:linear-gradient(90deg,#ffcb43,#ffdd69);font-size:13px}.ticker span{margin:0 36px}
main{max-width:1240px}.skip{position:absolute;top:-60px;left:12px;z-index:10;background:#fff;color:#111;padding:10px}.skip:focus{top:12px}
section{padding:54px 0}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:2px;color:var(--cyan);margin:0 0 13px}.muted{color:#9ca5c2;font-size:14px}
h1,h2,h3{line-height:1.05}.home-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;padding-top:60px;padding-bottom:48px;min-height:560px}
.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(56px,8vw,102px);letter-spacing:-1px;margin:0 0 20px;text-shadow:5px 5px 0 #ff4c5870,10px 10px 0 #62e0ff25}.hero-copy h1 span{color:var(--gold)}.lead{font-size:18px;line-height:1.65;color:#c5cbe0;max-width:58ch}
.feature-art{margin:0;aspect-ratio:4/4.5;max-height:560px;position:relative;overflow:visible;transform:rotate(2deg);filter:drop-shadow(16px 18px 0 #ff4c5850)}.feature-art:before{content:"";position:absolute;inset:-12px;background:var(--cyan);clip-path:polygon(5% 0,100% 6%,94% 100%,0 95%);transform:rotate(-3deg)}.feature-art img{position:relative;width:100%;height:100%;object-fit:cover;border:7px solid #f7f3e5;clip-path:polygon(2% 1%,100% 0,98% 99%,0 96%)}
.feature-art figcaption{position:absolute;left:-20px;bottom:34px;max-width:80%;background:#fff5d5;color:#111529;padding:14px 20px;box-shadow:6px 6px 0 #101323;transform:rotate(-3deg);display:grid;gap:5px}.feature-art figcaption span{font-size:9px;font-weight:900;letter-spacing:1.4px;color:#c52e40}.feature-art figcaption b{font:26px/1.05 var(--d)}.art-sticker{position:absolute;right:-20px;top:20px;width:94px;height:94px;border-radius:50%;background:var(--gold);color:#131727;display:grid;place-items:center;font:27px var(--d);transform:rotate(12deg);border:4px solid #111}
.row{gap:12px}.btn{border-radius:3px;box-shadow:4px 4px 0 #fff}.btn.alt{background:#d9efff;color:#131727}.hero-stats{display:flex;gap:27px;margin-top:34px}.hero-stats div{display:grid;line-height:1.2}.hero-stats b{font:26px var(--d);color:var(--gold)}.hero-stats span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#aeb5cd}
.strip{grid-template-columns:.9fr 1.1fr;gap:22px}.strip>div{position:relative;background:linear-gradient(145deg,#151d34,#0f1425);border:1px solid #ffffff25;border-radius:8px;padding:26px;box-shadow:8px 8px 0 #ff64ad}.strip h2{font-size:24px;color:#fff;margin:0 0 12px}#cd{font-size:clamp(29px,4vw,48px);white-space:nowrap}.strip .muted{margin:8px 0 0}.quote{overflow:hidden}.quote blockquote{font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.4;max-width:38ch;position:relative;z-index:1}.quote-mark{position:absolute;right:18px;bottom:-70px;font:220px/.8 Georgia,serif;color:#62e0ff18}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head .eyebrow{margin-bottom:9px}.sec{font-size:clamp(30px,4vw,42px);border:0;border-bottom:4px solid var(--red);padding-bottom:9px;margin:0;letter-spacing:.3px}.sec.big{font-size:clamp(47px,8vw,82px);letter-spacing:-.5px;line-height:.98;max-width:12ch;text-shadow:4px 4px 0 #ff4c5860}.text-link{color:var(--gold);text-decoration:none;font-weight:800;font-size:14px;white-space:nowrap}.text-link:hover{text-decoration:underline}
.grid{gap:18px}.issue-card,.issue-record{border:1px solid #ffffff25;background:linear-gradient(155deg,#171f38,#0f1425);border-radius:8px;padding:22px;box-shadow:6px 6px 0 #62e0ff}.card:nth-child(3n+2){box-shadow:6px 6px 0 #ff4c58}.card:nth-child(3n){box-shadow:6px 6px 0 #ffd34e}.issue-card h3,.issue-record h2{font:27px/1.1 var(--d);margin:13px 0}.issue-card p,.issue-record>p{font-size:14px;color:#bec5dc;line-height:1.65}.issue-year,.profile-team{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1.5px}.card-foot{border-top:1px solid #ffffff22;margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;align-items:center;color:#aeb5cf;font-size:10px;font-weight:900;letter-spacing:1.4px}.card-foot b{font:16px var(--d);color:var(--cyan)}
.home-heroes{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.home-hero-card{min-width:0;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff30;border-radius:7px;background:#11182b;text-decoration:none;box-shadow:5px 5px 0 #ff4c58}.home-hero-card .portrait{aspect-ratio:3/3.5;overflow:hidden}.home-hero-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.home-hero-card:hover img{transform:scale(1.06)}.home-hero-card .profile-copy{padding:13px}.home-hero-card .profile-team{font-size:9px}.home-hero-card h3{font:23px var(--d);margin:7px 0}.home-hero-card .debut{font-size:10px;color:#aeb5cf;margin:0}
.read-next{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border:1px solid #ffffff28;border-radius:8px;background:linear-gradient(110deg,#16223d,#101529)}.read-next h2{font:clamp(26px,4vw,36px)/1.1 var(--d);margin:0 0 12px}.read-next p:not(.eyebrow){max-width:70ch;color:#bdc5df;margin:0}.path-links{min-width:240px;display:grid;gap:8px}.path-links a{display:flex;justify-content:space-between;padding:10px 13px;border-radius:4px;background:#ffffff0c;text-decoration:none;font-weight:700}.path-links a:hover{background:#62e0ff;color:#080b18}
.page-intro{padding-top:56px;padding-bottom:32px}.page-intro .lead{max-width:72ch;margin:20px 0}.intro-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.intro-badges span{border:1px solid #ffffff2b;background:#11182a;border-radius:99px;padding:7px 12px;color:#c6cce0;font-size:11px;font-weight:800;letter-spacing:.3px}
.directory{padding-top:14px}.chips{gap:9px}.chips button{background:#11182b;border:1px solid #ffffff32;border-radius:99px;font:700 13px "Trebuchet MS",sans-serif;padding:9px 15px}.chips button.on,.chips button:hover{background:var(--gold);color:#131727;border-color:var(--gold)}
.hero-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.profile-card{display:grid;grid-template-columns:minmax(145px,.72fr) 1.28fr;min-height:230px;overflow:hidden;background:#11182b;border:1px solid #ffffff2c;border-radius:7px;box-shadow:5px 5px 0 #62e0ff}.profile-card:nth-child(4n+2){box-shadow:5px 5px 0 #ff4c58}.profile-card:nth-child(4n+3){box-shadow:5px 5px 0 #ffd34e}.profile-card .portrait{min-height:100%;overflow:hidden}.profile-card img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;transition:transform .4s}.profile-card:hover img{transform:scale(1.04)}.profile-copy{padding:18px 17px;display:flex;flex-direction:column;align-items:flex-start}.profile-copy h3{font:29px var(--d);margin:8px 0}.profile-copy p{font-size:12px;line-height:1.55;color:#c3cae0;margin:8px 0}.profile-copy p.debut{font-size:10px;color:var(--cyan);font-weight:800;margin:0}.profile-note{margin-top:auto;padding-top:9px;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:1.1px;font-weight:900}
.compact{margin-top:25px}.compact .btn{white-space:nowrap}.search-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--cyan);font-weight:900;margin-bottom:8px}.search{max-width:100%;width:min(100%,720px);padding:14px 17px;background:#11182b;border:1px solid #ffffff44;border-radius:5px;margin:0;color:#fff}.search::placeholder{color:#8791ad}.issue-archive{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}.issue-record{display:flex;flex-direction:column;min-height:292px}.issue-record h2{font-size:24px}.issue-record>p{margin:0}.issue-note{margin-top:auto;padding-top:18px;color:#aeb7d0;font-size:11px;line-height:1.45;display:flex;gap:8px}.issue-star{color:var(--gold);font-size:17px}.empty-state{padding:45px;text-align:center;border:1px dashed #ffffff45;border-radius:8px;color:#c3cae0}.empty-state b,.empty-state span{display:block}.empty-state b{font:26px var(--d);color:#fff;margin-bottom:7px}
.about-intro .lead{max-width:68ch}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-note{padding:22px;border:1px solid #ffffff25;border-radius:7px;background:#11182b}.about-note h2{font:25px var(--d);margin:13px 0 8px}.about-note p{font-size:13px;color:#bec5dc;line-height:1.65;margin:0}.about-icon{color:var(--gold);font-size:26px}.faq{max-width:850px}.faq h2{margin-bottom:20px}details{border:1px solid #ffffff27;border-radius:6px;background:#11182b;padding:15px 18px;margin:12px 0}summary{font-size:20px}details p{font-size:14px;color:#c1c8dd;line-height:1.65}
footer{border-top:1px solid #ffffff24;color:#919ab6;padding:28px 5vw}footer p{font-size:12px}
@media(max-width:850px){.home-hero{grid-template-columns:1fr .8fr;gap:18px}.home-heroes{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-directory{grid-template-columns:1fr}.issue-archive{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr}}
@media(max-width:600px){.home-hero{grid-template-columns:1fr;min-height:auto;padding-top:44px}.hero-copy h1{font-size:clamp(55px,15vw,82px)}.feature-art{width:82%;margin:10px auto 12px}.feature-art figcaption{left:-14px}.hero-stats{gap:16px}.hero-stats b{font-size:22px}.strip{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.home-heroes{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-card:last-child{display:none}.read-next{align-items:flex-start;flex-direction:column;padding:22px}.path-links{width:100%}.profile-card{grid-template-columns:125px 1fr;min-height:210px}.profile-card img{min-height:220px}.profile-copy{padding:14px 12px}.profile-copy h3{font-size:25px}.issue-archive{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}nav a{font-size:12px;padding:7px 9px}.logo{font-size:18px}}
@media(prefers-reduced-motion:reduce){.feature-art,.feature-art img{transform:none!important}}