/* wgf-leaderboards.css — the /leaderboards/ hub ("Hall of Champions", owner-approved
   2026-07-02 from previews/leaderboards-hall.preview.html).
   The hub's signature is the CHAMPION PLAQUE: each ladder is one plate LIT FROM WITHIN by
   its reigning #1's class colour — a class-colour glint on the top bevel, a class-light
   wash behind the portrait, an aura on the class ring — so the board reads as a gallery of
   class-coloured light. Composes the locked tokens (_tokens.css), the M31 identity atoms
   (wgf-leaderboard.css) and the shared Hall skin (wgf-hall.css). Per-card accent arrives
   inline as --rail (the champion's class colour); the class-light derives from it via
   color-mix (older browsers keep the plain plate declared first). Scoped under .wgf-lb. */

.wgf-lb{margin:0 0 var(--space-6);}

/* ── Section ornament: centered engraved label between fading hairlines ── */
.wgf-lb-eyebrow{display:flex;align-items:center;gap:var(--space-3);justify-content:center;
  margin:var(--space-6) 0 var(--space-4);
  font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.26em;
  color:var(--wgf-gold-muted);font-weight:600;}
.wgf-lb-eyebrow::before,.wgf-lb-eyebrow::after{content:"";flex:1;height:1px;}
.wgf-lb-eyebrow::before{background:linear-gradient(90deg,transparent,var(--wgf-border-neutral));}
.wgf-lb-eyebrow::after{background:linear-gradient(90deg,var(--wgf-border-neutral),transparent);}

/* ── Plaque grid (the six ladders) ── */
.wgf-lb-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);}

/* ── Champion plaque = the in-game CHROME KIT window (owner word-of-law 2026-07-04) ──
   The card IS a .wgf-window (squared charcoal frame + metal corner braces, from wgf-chrome.css);
   this sheet only adds the champion layout and the Hall signature: the reigning #1's class colour
   as light (--rail). No rounded pills, no text tier chip: squared plate, near-black well, a client
   tier medallion beside a RED rating, a red kit button. --rail arrives inline (the class colour). */
.wgf-lb-card{display:flex;flex-direction:column;min-height:204px;--rail:var(--wgf-gold-accent);}
/* class-colour glint on the title strip's bottom edge — the plaque's light on the frame */
.wgf-lb-card__title{border-bottom:1px solid var(--wgf-metal-soft);}
.wgf-lb-bracket{font-family:var(--font-game);font-variant:small-caps;font-weight:700;
  letter-spacing:.03em;color:var(--wgf-gold);text-shadow:var(--text-ink-outline);}
.wgf-lb-card__body{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;}

/* the near-black well holding the champion + rating, washed by the class light */
/* owner round 4 (image 95): the class-light wash read as the CONDEMNED navy tint on
   blue-family classes - wells are flat near-black; class colour lives ONLY on the
   champion name + a thin portrait ring. */
.wgf-lb-well{display:flex;flex-direction:column;gap:var(--space-3);flex:1 1 auto;padding:var(--space-3);
  background:var(--wgf-well);}

/* the champion: big class-ringed portrait with a class-light aura + No.1 eyebrow */
.wgf-lb-champ{display:flex;align-items:center;gap:var(--space-3);min-width:0;}
.wgf-lb-card .char-portrait{width:56px;height:56px;flex:0 0 56px;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--rail) 45%,var(--wgf-metal-soft));}
.wgf-lb-champ-id{min-width:0;}
.wgf-lb-no1{display:block;font-family:var(--font-game);font-size:.56rem;letter-spacing:.3em;
  text-transform:uppercase;color:var(--wgf-gold-dim);margin-bottom:.18rem;}
.wgf-lb-champ-name{display:block;font-family:var(--font-game);font-weight:700;font-size:1.2rem;
  line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:var(--text-ink-outline);}
/* meta line: [spec icon] Spec Class · Realm (the spec icon sits left of the spec words) */
.wgf-lb-champ-meta{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;
  color:var(--wgf-muted);font-size:.86rem;line-height:1.3;min-width:0;}
.wgf-lb-champ-meta .wgf-pvp-icon{width:16px;height:16px;margin:0;border-radius:3px;flex:0 0 auto;}
.wgf-lb-champ-meta-txt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wgf-lb-champ--empty{color:var(--wgf-muted);font-style:italic;font-size:var(--text-sm);}

/* rating row: the EXACT client tier MEDALLION + the big RED rating; ranked count quiet at right */
.wgf-lb-rtrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);
  margin-top:auto;}
.wgf-lb-rt{display:flex;align-items:center;gap:.5rem;min-width:0;}
.wgf-lb-medal{display:inline-flex;flex:0 0 auto;line-height:0;}
.wgf-lb-medal img{width:40px;height:40px;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));}
.wgf-lb-rating{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:2rem;
  line-height:1;font-weight:600;color:var(--wgf-rating-red,#ff6257);
  text-shadow:0 0 14px color-mix(in srgb,var(--wgf-rating-red,#ff6257) 30%,transparent);}
.wgf-lb-count{font-family:var(--font-game);font-size:.62rem;text-transform:uppercase;
  letter-spacing:.12em;color:var(--wgf-gold-dim);white-space:nowrap;flex:0 0 auto;}

/* the View-ladder red kit button spans the plate (no more text link) */
.wgf-lb-viewbtn{width:100%;}

/* ── Explore: engraved centered links + the deep-prose disclosure (SEO kept in-DOM) ── */
.wgf-lb-explore{margin-top:var(--space-6);text-align:center;}
.wgf-lb-quicklinks{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 0;
  margin-bottom:var(--space-4);}
.wgf-lb-quicklinks a{display:inline-flex;align-items:center;padding:.3rem .95rem;position:relative;
  font-size:.95rem;color:var(--wgf-gold-muted);text-decoration:none;}
.wgf-lb-quicklinks a:hover{color:var(--wgf-gold-bright);}
.wgf-lb-quicklinks a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:3px;}
.wgf-lb-quicklinks a+a::before{content:"\2726";position:absolute;left:-.42em;top:50%;
  transform:translateY(-50%);color:var(--wgf-gold-dim);font-size:.6rem;}
.wgf-lb-about{border-top:1px solid var(--wgf-border-neutral-soft);padding-top:var(--space-3);
  text-align:left;}
.wgf-lb-about>summary{cursor:pointer;font-family:var(--font-display);font-size:.72rem;
  text-transform:uppercase;letter-spacing:.2em;color:var(--wgf-gold-dim);list-style-position:inside;}
.wgf-lb-about>summary:hover{color:var(--wgf-gold-muted);}
.wgf-lb-about>summary:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:4px;}
.wgf-lb-about-body{margin-top:var(--space-3);}
.wgf-lb-about-body p{color:var(--wgf-muted);font-size:var(--text-sm);line-height:1.6;
  max-width:72ch;margin:0 0 var(--space-2);}
.wgf-lb-about-body a{color:var(--wgf-gold-bright);}

/* ── Responsive ── */
@media(max-width:880px){.wgf-lb-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){
  .wgf-lb-grid{grid-template-columns:1fr;}
}