@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bangers&display=swap');
*{box-sizing:border-box}.public-body{margin:0;background:#05060b;color:#fff;overflow:hidden}.roster-archive{--pink:#ff2d95;--cyan:#25e7ff;--yellow:#ffe63f;position:relative;height:100svh;min-height:650px;overflow:hidden;background:radial-gradient(circle at 48% 42%,#273053 0,#11152b 35%,#070812 68%,#020205 100%);font-family:Arial,sans-serif;isolation:isolate}.roster-archive:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(37,231,255,.07),transparent 35%,rgba(255,45,149,.09) 67%,transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px);pointer-events:none;z-index:-1}.roster-noise{position:absolute;inset:0;opacity:.09;pointer-events:none;background-image:radial-gradient(#fff .6px,transparent .7px);background-size:5px 5px;mix-blend-mode:overlay}.roster-archive__masthead{position:absolute;z-index:30;top:clamp(20px,4vh,52px);left:clamp(22px,5vw,80px);max-width:680px;pointer-events:none}.roster-archive__kicker{font:900 12px/1 Arial,sans-serif;letter-spacing:.34em;color:var(--cyan);margin-bottom:14px;text-shadow:2px 2px #000;position:relative;z-index:2}.roster-archive__masthead h1{font-family:'Bangers','Anton',Impact,sans-serif;font-size:clamp(54px,8vw,118px);line-height:.78;letter-spacing:.025em;margin:0;color:#fff;-webkit-text-stroke:2px #08090e;text-shadow:5px 5px 0 var(--pink),9px 9px 0 #000;transform:rotate(-2deg);transform-origin:left top;position:relative;z-index:1}.roster-archive__masthead p{margin:18px 0 0;font-weight:800;letter-spacing:.04em;max-width:520px;text-shadow:2px 2px 0 #000}.roster-stage{position:absolute;inset:19vh 0 12vh;display:flex;align-items:center}.roster-strip{width:100%;height:100%;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;padding:5vh max(14vw,120px) 4vh;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;perspective:1600px;overscroll-behavior-x:contain}.roster-strip::-webkit-scrollbar{display:none}.roster-comic{--tilt:-3deg;flex:0 0 clamp(230px,25vw,390px);height:min(63vh,610px);margin:0 0 0 clamp(-96px,-6vw,-48px);padding:0;border:0;background:transparent;cursor:pointer;scroll-snap-align:center;position:relative;z-index:1;transform:translateY(4%) rotate(var(--tilt)) scale(.88);transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .35s,z-index 0s .2s;filter:saturate(.67) brightness(.68) drop-shadow(0 20px 14px rgba(0,0,0,.7));outline:none}.roster-comic:first-child{margin-left:0}.roster-comic:nth-child(even){--tilt:3deg}.roster-comic:nth-child(3n){--tilt:-1deg}.roster-comic:hover,.roster-comic:focus-visible{filter:saturate(.95) brightness(.9) drop-shadow(0 24px 17px rgba(0,0,0,.75))}.roster-comic.is-active{z-index:20;transform:translateY(-2%) rotate(0deg) scale(1.04);filter:saturate(1.08) brightness(1.03) drop-shadow(0 34px 22px rgba(0,0,0,.8));transition-delay:0s}.roster-comic__book{position:absolute;inset:0;display:block;transform-style:preserve-3d;perspective:1400px}.roster-comic__cover,.roster-comic__inside{position:absolute;inset:0;border:5px solid #08090c;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6);overflow:hidden}.roster-comic__cover{display:block;background:#15182e var(--cover,none) center/cover no-repeat;transform-origin:left center;backface-visibility:hidden;z-index:3}.roster-comic__cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 35%,rgba(0,0,0,.82) 100%),repeating-radial-gradient(circle at 20% 25%,rgba(255,255,255,.11) 0 1px,transparent 1.5px 5px);mix-blend-mode:normal}.roster-comic__cover:after{content:"";position:absolute;inset:-25% 50% -25% -35%;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 66%);transform:translateX(-70%) skewX(-12deg);transition:transform .65s ease;pointer-events:none}.roster-comic.is-active .roster-comic__cover:after{transform:translateX(250%) skewX(-12deg)}.roster-comic__fallback{position:absolute;inset:0;display:grid;place-items:center;font:900 110px/1 Impact,sans-serif;color:rgba(255,255,255,.07);transform:rotate(-22deg)}.roster-comic__topline,.roster-comic__number,.roster-comic__price{position:absolute;z-index:4;background:#fff;color:#08090c;border:3px solid #08090c;font-weight:1000;letter-spacing:.08em}.roster-comic__topline{top:12px;left:12px;padding:6px 9px;font-size:11px}.roster-comic__number{top:12px;right:12px;padding:6px 8px;font-size:9px;background:var(--yellow)}.roster-comic__title{position:absolute;z-index:4;left:14px;right:12px;bottom:62px;font-family:'Bangers','Anton',Impact,sans-serif;text-align:left;font-size:clamp(35px,4vw,62px);line-height:.84;color:#fff;-webkit-text-stroke:2px #09090c;text-shadow:4px 4px 0 var(--pink),7px 7px 0 #000;letter-spacing:.025em;text-transform:uppercase}.roster-comic__nickname{position:absolute;z-index:4;left:16px;right:16px;bottom:36px;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.14em;text-align:left;text-shadow:2px 2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-comic__price{left:12px;bottom:9px;padding:4px 7px;font-size:8px;background:var(--cyan)}.roster-comic__inside{z-index:1;background:linear-gradient(135deg,#fff8cf,#fff 55%,#d7eef4);color:#10121b;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Bangers',Impact,sans-serif;letter-spacing:.08em}.roster-comic__inside:before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle,#111 0 1px,transparent 1px 6px);opacity:.05}.roster-comic__inside b{font-size:32px;max-width:80%;text-align:center;z-index:1}.roster-comic__inside span{font:900 10px/1 Arial,sans-serif;margin-top:12px;z-index:1}.roster-comic.is-opening{z-index:100;transform:translateY(-2%) rotate(0) scale(1.08)}.roster-comic.is-opening .roster-comic__cover{animation:openRosterComic .82s cubic-bezier(.5,0,.15,1) forwards}.roster-comic.is-opening .roster-comic__inside{animation:insideFlash .82s ease forwards}@keyframes openRosterComic{0%{transform:rotateY(0)}80%,100%{transform:rotateY(-154deg)}}@keyframes insideFlash{0%,35%{filter:brightness(.75)}100%{filter:brightness(1.12)}}.roster-arrow{position:absolute;z-index:40;top:50%;width:54px;height:76px;transform:translateY(-50%);border:3px solid #08090c;background:#fff;color:#08090c;font:900 48px/1 Arial,sans-serif;box-shadow:6px 6px 0 var(--pink);cursor:pointer}.roster-arrow:hover{background:var(--yellow)}.roster-arrow--left{left:24px}.roster-arrow--right{right:24px}.roster-console{position:absolute;z-index:50;left:clamp(20px,5vw,78px);right:clamp(20px,5vw,78px);bottom:clamp(18px,3vh,36px);display:flex;align-items:end;justify-content:space-between;gap:20px}.roster-console__identity{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:end;text-shadow:2px 2px 0 #000}.roster-console__count{grid-row:1/3;font-family:'Bangers',Impact,sans-serif;font-size:24px;color:var(--yellow);align-self:center}.roster-console__identity strong{font-family:'Bangers',Impact,sans-serif;font-size:clamp(28px,4vw,54px);line-height:.85;text-transform:uppercase;letter-spacing:.03em}.roster-console__identity>span:last-child{font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#c9cad6}.roster-open{border:3px solid #09090e;background:var(--pink);color:#fff;padding:15px 20px;font:900 15px/1 Arial,sans-serif;letter-spacing:.08em;box-shadow:6px 6px 0 var(--cyan);cursor:pointer;transition:.18s transform,.18s box-shadow}.roster-open:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--yellow)}.roster-open span{font-size:20px;margin-left:8px}.roster-empty{position:absolute;inset:35% 10% auto;display:grid;place-items:center;text-align:center;gap:10px}.roster-empty strong{font-family:'Bangers',Impact,sans-serif;font-size:70px;color:var(--pink)}
@media(max-width:760px){.roster-archive{min-height:560px}.roster-archive__masthead{top:24px;left:20px;right:20px}.roster-archive__masthead h1{font-size:62px}.roster-archive__masthead p{font-size:11px;max-width:300px;margin-top:12px}.roster-stage{inset:20vh 0 14vh}.roster-strip{padding:4vh 14vw}.roster-comic{flex-basis:72vw;max-width:330px;height:min(57vh,510px);margin-left:-18vw}.roster-comic:first-child{margin-left:0}.roster-comic.is-active{transform:translateY(-1%) rotate(0) scale(1)}.roster-arrow{display:none}.roster-console{left:20px;right:20px;bottom:18px;align-items:center}.roster-console__identity>span:last-child{max-width:48vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.roster-open{padding:12px 13px;font-size:11px}}@media(prefers-reduced-motion:reduce){.roster-strip{scroll-behavior:auto}.roster-comic,.roster-comic__cover{transition:none!important;animation-duration:.01ms!important}}


/* v1.4.14 — homepage palette + larger centre comic + scroll-performance pass */
.roster-archive{
  --ink:#09070f;--deep:#100d1d;--purple:#22103b;--pink:#ff3bbd;--cyan:#5cecff;--blue:#36a9ff;--paper:#fff8e9;
  --yellow:var(--pink);
  background:
    radial-gradient(circle at 50% 44%,rgba(54,169,255,.25) 0,rgba(34,16,59,.82) 34%,rgba(16,13,29,.97) 68%,#09070f 100%);
}
.roster-archive:before{
  background:
    linear-gradient(120deg,rgba(92,236,255,.07),transparent 35%,rgba(255,59,189,.09) 68%,transparent),
    repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px);
}
.roster-noise{opacity:.035;mix-blend-mode:normal;background-size:7px 7px}
.roster-archive__kicker{color:var(--cyan)}
.roster-archive__masthead h1{color:var(--paper);text-shadow:5px 5px 0 var(--pink),9px 9px 0 var(--cyan),12px 12px 0 #000}
.roster-strip{
  padding-left:max(11vw,92px);padding-right:max(11vw,92px);
  perspective:none;
  scroll-behavior:auto;
  contain:layout paint;
}
.roster-comic{
  flex-basis:clamp(250px,27vw,420px);
  height:min(66vh,650px);
  transform:translateY(4%) rotate(var(--tilt)) scale(.84);
  filter:saturate(.72) brightness(.7) drop-shadow(0 16px 12px rgba(0,0,0,.58));
  transition:transform .26s cubic-bezier(.2,.75,.25,1),filter .22s ease;
  will-change:auto;
  contain:layout paint;
}
.roster-comic__book{transform-style:flat;perspective:none}
.roster-comic.is-active{
  transform:translateY(-3%) rotate(0deg) scale(1.14);
  filter:saturate(1.05) brightness(1.02) drop-shadow(0 24px 18px rgba(0,0,0,.7));
}
.roster-comic__cover{background:#15182e;isolation:isolate}
.roster-comic__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}
.roster-comic__cover:before{z-index:1;mix-blend-mode:normal}
.roster-comic__cover:after{z-index:2}
.roster-comic__fallback,.roster-comic__topline,.roster-comic__number,.roster-comic__title,.roster-comic__nickname,.roster-comic__price{z-index:4}
.roster-comic__topline{background:var(--paper)}
.roster-comic__number{background:var(--pink);color:#fff}
.roster-comic__price{background:var(--cyan)}
.roster-arrow{background:var(--paper);box-shadow:6px 6px 0 var(--pink)}
.roster-arrow:hover{background:var(--cyan);box-shadow:6px 6px 0 var(--pink)}
.roster-console__count{color:var(--cyan)}
.roster-open{background:var(--pink);box-shadow:6px 6px 0 var(--cyan)}
.roster-open:hover{box-shadow:9px 9px 0 var(--blue)}

/* Keep expensive 3D work reserved for the actual open transition only. */
.roster-comic.is-opening .roster-comic__book{transform-style:preserve-3d;perspective:1400px}
.roster-comic.is-opening{transform:translateY(-3%) rotate(0) scale(1.15)}

@media(max-width:760px){
  .roster-strip{padding-left:13vw;padding-right:13vw;contain:paint}
  .roster-comic{flex-basis:78vw;max-width:360px;height:min(59vh,535px);transform:translateY(3%) rotate(var(--tilt)) scale(.86)}
  .roster-comic.is-active{transform:translateY(-1%) rotate(0) scale(1.06)}
}

/* v1.4.18 — Public archive masthead aligned to homepage Issue Inferno heading language. */

.roster-archive__masthead h1{font-family:Arial Black,Impact,system-ui,sans-serif;font-weight:900;font-size:clamp(3.5rem,7.2vw,7.8rem);line-height:.82;letter-spacing:-.05em;transform:none;color:#fff;-webkit-text-stroke:2px #08050d;text-shadow:6px 6px 0 #ff3bbd;text-transform:uppercase}
.roster-archive__masthead h1 em{font-style:normal;color:#5cecff}
@media(max-width:760px){.roster-archive__masthead h1{font-size:clamp(3rem,16vw,5rem)}}