:root{--paper:#f4eddc;--ink:#111018;--pink:#ff4fba;--cyan:#68e7ff;--yellow:#ffe04f;--purple:#7f5cff}
*{box-sizing:border-box}html{background:#08070c}.public-body{margin:0;background:#08070c;color:#111018;overflow-x:hidden}.champions-page{min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(255,79,186,.16),transparent 28rem),linear-gradient(rgba(17,16,24,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(17,16,24,.045) 1px,transparent 1px),var(--paper);background-size:auto,8px 8px,8px 8px,auto;padding:clamp(28px,4vw,68px)}
.champions-masthead{max-width:1500px;margin:0 auto clamp(34px,6vw,86px);position:relative}.champions-kicker{font:900 clamp(11px,1.2vw,15px)/1 ui-sans-serif,system-ui;letter-spacing:.22em;color:#111018;margin-bottom:18px}.champions-masthead h1{margin:0;font:1000 clamp(64px,12vw,190px)/.75 Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:-.045em;transform:skew(-6deg) rotate(-1deg);text-shadow:5px 5px 0 var(--pink),9px 9px 0 #111018;color:#fff}.champions-masthead p{max-width:760px;margin:38px 0 0;font:800 clamp(16px,1.7vw,24px)/1.35 ui-sans-serif,system-ui;border-left:8px solid var(--cyan);padding-left:18px}
.championship-stack{max-width:1500px;margin:0 auto;display:grid;gap:clamp(44px,7vw,100px);padding-bottom:70px}.championship-panel{position:relative;isolation:isolate;min-height:min(760px,78vh);display:grid;grid-template-columns:minmax(340px,.9fr) minmax(440px,1.1fr);overflow:hidden;border:8px solid #111018;background:linear-gradient(125deg,#fff 0 49%,#111018 49.2% 100%);box-shadow:18px 20px 0 rgba(17,16,24,.18);clip-path:polygon(0 1.5%,99% 0,100% 97%,1% 100%)}.championship-panel:nth-child(even){background:linear-gradient(235deg,#fff 0 49%,#111018 49.2% 100%)}.championship-panel:before{content:var(--panel-index);position:absolute;left:-.02em;bottom:-.22em;font:1000 clamp(170px,24vw,390px)/1 Impact,sans-serif;color:rgba(255,79,186,.13);z-index:-1}.championship-panel:nth-child(3n+2):before{color:rgba(104,231,255,.16)}.championship-panel:nth-child(3n):before{color:rgba(255,224,79,.18)}
.championship-burst{position:absolute;right:7%;top:8%;width:260px;aspect-ratio:1;background:repeating-conic-gradient(from 0deg,var(--yellow) 0 4deg,transparent 4deg 11deg);clip-path:polygon(50% 0,60% 35%,79% 10%,74% 41%,100% 32%,78% 52%,100% 69%,70% 65%,77% 100%,55% 72%,44% 100%,38% 69%,10% 90%,25% 58%,0 50%,30% 43%,9% 13%,40% 34%);opacity:.9;z-index:-1}.championship-copy{padding:clamp(34px,5vw,82px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:4}.championship-label{display:inline-block;align-self:flex-start;background:#111018;color:#fff;padding:8px 12px;font:1000 12px/1 ui-sans-serif,system-ui;letter-spacing:.18em;transform:rotate(-2deg);margin-bottom:18px}.championship-copy h2{font:1000 clamp(38px,5.5vw,88px)/.88 Impact,'Arial Narrow Bold',sans-serif;margin:0;letter-spacing:-.025em;text-transform:uppercase;max-width:780px}.championship-short{font:900 13px/1 ui-sans-serif,system-ui;letter-spacing:.18em;color:#685c76;margin-top:15px}.champion-name{margin-top:clamp(30px,5vw,70px);font:1000 clamp(50px,7vw,115px)/.78 Impact,'Arial Narrow Bold',sans-serif;text-transform:uppercase;color:var(--pink);text-shadow:3px 3px 0 #111018;transform:skew(-5deg)}.champion-nickname{font:900 clamp(14px,1.5vw,20px)/1.2 ui-sans-serif,system-ui;margin-top:18px;text-transform:uppercase;letter-spacing:.08em}.champion-meta{font:750 15px/1.5 ui-sans-serif,system-ui;margin:24px 0 0}.champion-meta strong{background:var(--cyan);padding:3px 6px;margin-right:6px}.champion-notes{max-width:620px;font:650 16px/1.55 ui-sans-serif,system-ui}.champion-link{align-self:flex-start;margin-top:20px;background:#111018;color:#fff;text-decoration:none;font:1000 14px/1 ui-sans-serif,system-ui;letter-spacing:.1em;padding:15px 18px;box-shadow:6px 6px 0 var(--cyan);transition:transform .16s ease,box-shadow .16s ease}.champion-link:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--pink)}.vacant-name{color:#77707d;text-shadow:3px 3px 0 #111018}
.championship-visual{position:relative;min-height:620px;display:grid;place-items:center;padding:40px;overflow:hidden}.champion-cover-wrap{position:absolute;right:5%;top:4%;height:92%;width:64%;transform:rotate(5deg);filter:drop-shadow(18px 20px 0 rgba(0,0,0,.25));opacity:.88}.championship-panel:nth-child(even) .champion-cover-wrap{right:auto;left:5%;transform:rotate(-5deg)}.champion-cover{width:100%;height:100%;object-fit:cover;border:5px solid #f8f1df}.champion-cover-placeholder{position:absolute;font:1000 160px/1 Impact,sans-serif;color:rgba(255,255,255,.08);transform:rotate(-10deg)}.belt-stage{position:absolute;left:4%;right:4%;bottom:8%;z-index:3;display:grid;place-items:center;transform:rotate(-4deg)}.championship-panel:nth-child(even) .belt-stage{transform:rotate(4deg)}.belt-image{display:block;width:min(94%,900px);max-height:320px;object-fit:contain;filter:drop-shadow(0 18px 12px rgba(0,0,0,.6))}.belt-placeholder{width:min(82%,700px);min-height:155px;border:12px double #d9b849;border-radius:50%;background:radial-gradient(ellipse,#5b4210 0 23%,#d9b849 24% 30%,#17120b 31% 50%,#d9b849 51% 56%,#2e2410 57%);color:#fff;display:grid;place-content:center;text-align:center;filter:drop-shadow(0 18px 12px rgba(0,0,0,.6));transform:skew(-8deg)}.belt-placeholder span,.belt-placeholder small{font:900 10px/1 ui-sans-serif,system-ui;letter-spacing:.18em}.belt-placeholder strong{font:1000 48px/.9 Impact,sans-serif;color:#ffe27b}.championship-empty{max-width:1000px;margin:80px auto;padding:60px;border:8px solid #111018;background:#fff;box-shadow:16px 16px 0 var(--pink);text-align:center}.championship-empty span{font:900 12px/1 ui-sans-serif,system-ui;letter-spacing:.2em;color:#746b7d}.championship-empty h2{font:1000 clamp(34px,6vw,76px)/.92 Impact,sans-serif;margin:18px 0 0}
@media(max-width:950px){.champions-page{padding:28px 18px}.championship-panel,.championship-panel:nth-child(even){grid-template-columns:1fr;background:linear-gradient(180deg,#fff 0 50%,#111018 50.2% 100%);min-height:0}.championship-copy{padding:38px 28px}.championship-visual{min-height:580px}.champion-cover-wrap,.championship-panel:nth-child(even) .champion-cover-wrap{left:auto;right:8%;width:72%;height:88%;transform:rotate(4deg)}.belt-stage{bottom:6%}}@media(max-width:560px){.champions-masthead h1{text-shadow:3px 3px 0 var(--pink),6px 6px 0 #111018}.championship-panel{border-width:5px}.championship-visual{min-height:460px;padding:18px}.champion-cover-wrap,.championship-panel:nth-child(even) .champion-cover-wrap{width:80%;right:4%}.belt-image{max-height:220px}.champion-name{font-size:52px}.championship-copy h2{font-size:42px}}

/* v1.0.1 — alternating championship panels + roster-matched page background */
.champions-page{
  background:
    radial-gradient(circle at 48% 42%,#273053 0,#11152b 35%,#070812 68%,#020205 100%);
  color:#fff;
}
.champions-page:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  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);
  z-index:0;
}
.champions-masthead,.championship-stack,.championship-empty{position:relative;z-index:1}
.champions-kicker{color:#25e7ff;text-shadow:2px 2px 0 #000}
.champions-masthead p{color:#fff;text-shadow:2px 2px 0 #000}

/* Keep the readable white copy panel and dark artwork panel on every title. */
.championship-panel{
  grid-template-columns:minmax(440px,1.05fr) minmax(440px,.95fr);
  background:linear-gradient(125deg,#fff 0 49%,#111018 49.2% 100%);
}
.championship-copy{grid-column:1;color:#111018}
.championship-visual{grid-column:2}

/* Alternate the physical layout, not merely the background diagonal. */
.championship-panel:nth-child(even){
  background:linear-gradient(235deg,#111018 0 49%,#fff 49.2% 100%);
}
.championship-panel:nth-child(even) .championship-copy{
  grid-column:2;
  grid-row:1;
  color:#111018;
}
.championship-panel:nth-child(even) .championship-visual{
  grid-column:1;
  grid-row:1;
}

/* Artwork stays on the visual half and follows the alternating direction. */
.championship-panel:nth-child(odd) .champion-cover-wrap{right:5%;left:auto;transform:rotate(5deg)}
.championship-panel:nth-child(even) .champion-cover-wrap{left:5%;right:auto;transform:rotate(-5deg)}
.championship-panel:nth-child(odd) .belt-stage{transform:rotate(-4deg)}
.championship-panel:nth-child(even) .belt-stage{transform:rotate(4deg)}

@media(max-width:950px){
  .championship-panel,.championship-panel:nth-child(even){
    grid-template-columns:1fr;
    background:linear-gradient(180deg,#fff 0 50%,#111018 50.2% 100%);
  }
  .championship-copy,
  .championship-panel:nth-child(even) .championship-copy{
    grid-column:1;
    grid-row:1;
    color:#111018;
  }
  .championship-visual,
  .championship-panel:nth-child(even) .championship-visual{
    grid-column:1;
    grid-row:2;
  }
}

/* v1.0.2 — alternating title copy contrast */
@media(min-width:951px){
  .championship-panel:nth-child(even) .championship-copy{color:#fff}
  .championship-panel:nth-child(even) .championship-copy h2{color:#fff}
  .championship-panel:nth-child(even) .championship-short{color:rgba(255,255,255,.72)}
  .championship-panel:nth-child(even) .champion-nickname,
  .championship-panel:nth-child(even) .champion-meta,
  .championship-panel:nth-child(even) .champion-notes{color:#fff}
  .championship-panel:nth-child(even) .champion-meta strong{background:#fff;color:#111018}
}

/* v1.0.3 — championship history action */
.championship-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}
.championship-actions .champion-link{margin-top:0}
.championship-history-link{box-shadow:6px 6px 0 var(--pink)}
.championship-history-link:hover{box-shadow:9px 9px 0 var(--yellow)}
@media(min-width:951px){.championship-panel:nth-child(even) .championship-history-link{background:#fff;color:#111018}}

/* v1.4.15 — champions artwork colour + burst cleanup */
/* Champion artwork should always render at full strength on every title. */
.champion-cover-wrap,
.championship-panel:nth-child(odd) .champion-cover-wrap,
.championship-panel:nth-child(even) .champion-cover-wrap{
  opacity:1;
}
.champion-cover{
  opacity:1;
  filter:none;
}
/* Remove the decorative yellow starburst from championship panels. */
.championship-burst{
  display:none !important;
}


/* v1.4.16 — champions typography spacing */
/* Give the oversized CHAMPIONS masthead enough tracking to keep each glyph readable. */
.champions-masthead h1{
  letter-spacing:.015em;
}
/* Wrapped champion names need real vertical breathing room (e.g. PADRE / VENGANZA). */
.champion-name{
  line-height:.94;
}
@media(max-width:560px){
  .champions-masthead h1{letter-spacing:.01em;}
  .champion-name{line-height:1;}
}

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

.champions-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}
.champions-masthead h1 em{font-style:normal;color:#5cecff}
@media(max-width:560px){.champions-masthead h1{font-size:clamp(3rem,16vw,5rem);letter-spacing:-.05em;text-shadow:6px 6px 0 #ff3bbd}}