/* Homepage-only visual layer. Loaded after league.css so shared guide styles stay untouched. */
.league-home-page {
  overflow-x: clip;
  background-color: #080d12;
  background-image: linear-gradient(180deg, rgba(7,12,17,.35), #080d12 34%, rgba(8,13,18,.94) 58%, #080d12 76%);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: scroll;
}
.league-home-page::before { position:fixed; z-index:-1; inset:64px 0 auto; height:3px; background:linear-gradient(90deg,transparent 3%,var(--home-cyan) 26%,var(--home-violet) 51%,var(--home-gold) 76%,transparent 97%); content:""; opacity:.72; pointer-events:none; }
.league-home-page .topbar { border-bottom-color:#3a4350; background:rgba(5,10,15,.97); box-shadow:0 10px 32px rgba(0,0,0,.3); }
.league-home-page main { isolation:isolate; }
.league-home-page .league-hero { min-height:570px; border-color:#554a35; box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 0 1px rgba(229,185,85,.08); }
.league-home-page .league-hero::after { position:absolute; z-index:-1; inset:auto 0 0; height:5px; background:linear-gradient(90deg,var(--home-gold),var(--home-cyan) 36%,var(--home-violet) 68%,var(--home-rose)); content:""; opacity:.9; }
.league-home-page .league-hero .hero-copy { min-height:570px; }
.league-home-page .league-hero .eyebrow { display:inline-flex; width:fit-content; align-items:center; min-height:28px; padding:4px 10px; border-left:3px solid var(--home-gold); color:#f0cd7b; background:rgba(10,13,18,.78); }
.league-home-page .league-hero-actions a { backdrop-filter:blur(8px); }
.league-home-page .league-home-command { position:relative; margin-top:28px; padding:28px 0 0; border:0; border-top:1px solid #45404c; border-radius:0; background:transparent; box-shadow:none; }
.league-home-page .league-home-mode-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0}.league-home-page .league-home-mode-routes>a{--route:#65dce8;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:center;min-width:0;min-height:98px;padding:14px;border:1px solid color-mix(in srgb,var(--route) 38%,#2a3440);border-top:3px solid var(--route);color:#eef5f8;background:color-mix(in srgb,var(--route) 7%,#0b131b);text-decoration:none}.league-home-page .league-home-mode-routes>a.is-ranked{--route:#f0c567}.league-home-page .league-home-mode-routes>a.is-swift{--route:#ff8a68}.league-home-page .league-home-mode-routes>a.is-aram{--route:#b895ff}.league-home-page .league-home-mode-routes>a>i{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--route) 55%,transparent);color:var(--route);font-size:1rem;background:color-mix(in srgb,var(--route) 10%,transparent)}.league-home-page .league-home-mode-routes span,.league-home-page .league-home-mode-routes :is(small,strong,b){display:block;min-width:0}.league-home-page .league-home-mode-routes small{color:var(--route);font-size:.58rem;font-weight:900;text-transform:uppercase}.league-home-page .league-home-mode-routes strong{margin-top:3px;font-size:.78rem}.league-home-page .league-home-mode-routes b{margin-top:4px;color:#9caab7;font-size:.61rem;font-weight:600;line-height:1.35}.league-home-page .league-home-mode-routes>a:is(:hover,:focus-visible){outline:0;border-color:var(--route);background:color-mix(in srgb,var(--route) 12%,#0b131b);transform:translateY(-1px)}
.league-home-page .league-home-command::before { position:absolute; top:-2px; left:0; width:min(250px,34%); height:3px; background:linear-gradient(90deg,var(--home-gold),var(--home-violet)); content:""; }
.league-home-page .league-home-command>header { display:block; padding-inline:4px; }
.league-home-page .league-home-command>header h2 { margin-top:5px; }
.league-home-page .league-home-command-grid { gap:12px; }
.league-home-page .league-home-command-grid>a { position:relative; display:grid; grid-template-columns:38px 28px minmax(0,1fr); grid-template-rows:112px auto auto 1fr auto; min-height:335px; align-content:stretch; padding:0 18px 18px; overflow:hidden; border:1px solid color-mix(in srgb,var(--home-card-tone) 42%,#27323c); border-top:3px solid var(--home-card-tone); background:color-mix(in srgb,var(--home-card-tone) 7%,#0c141c); box-shadow:0 18px 44px rgba(0,0,0,.25); }
.league-home-command-art { grid-column:1/-1; display:block; height:112px; margin:0 -18px 15px; overflow:hidden; border-bottom:1px solid color-mix(in srgb,var(--home-card-tone) 42%,#27323c); background:#080d12; }
.league-home-command-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 34%; opacity:.78; filter:saturate(.92) contrast(1.08); transition:transform .35s ease,opacity .25s ease,filter .25s ease; }
.league-home-command-grid .is-draft .league-home-command-art img { object-position:center; opacity:.88; filter:saturate(1.02) contrast(1.14); }
.league-home-command-grid .is-play .league-home-command-art img { object-position:center 42%; }
.league-home-page .league-home-command-grid>a:is(:hover,:focus-visible) .league-home-command-art img { opacity:.96; filter:saturate(1.15) contrast(1.06); transform:scale(1.035); }
.league-home-page .league-home-command-grid .league-step-number { grid-column:1; grid-row:2/span 4; }
.league-home-page .league-home-command-grid>a>i { grid-column:2; grid-row:2; align-self:center; color:var(--home-card-tone); font-size:1.05rem; }
.league-home-page .league-home-command-grid>a>:is(small,strong,p,b) { grid-column:3; }
.league-home-page .league-home-command-grid>a>small { grid-row:2; align-self:center; }
.league-home-page .league-home-command-grid>a>strong { grid-row:3; margin-top:8px; font-size:1.12rem; }
.league-home-page .league-home-command-grid>a>p { grid-row:4; }
.league-home-page .league-home-command-grid>a>b { grid-row:5; display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:12px; border-top:1px solid color-mix(in srgb,var(--home-card-tone) 24%,#27323c); }
.league-home-page .league-home-command-grid>a>b i { color:inherit; }
.league-home-page .league-home-release { border-color:#4a414f; background:rgba(11,15,22,.94); box-shadow:0 18px 44px rgba(0,0,0,.2); }
.league-home-page .league-home-reference-strip { margin-top:18px; border-color:#51485a; background:#51485a; box-shadow:0 20px 50px rgba(0,0,0,.22); }
.league-home-page .league-home-reference-strip>span { min-height:68px; padding-left:18px; border-left:4px solid var(--home-violet); background:rgba(15,18,28,.97); }
.league-home-page .league-home-reference-strip a { min-height:82px; background:rgba(12,19,27,.96); }
.league-home-page .league-home-reference-strip a>b { font-size:1rem; }
.league-home-page .league-tool-directory { position:relative; margin-inline:calc(50% - 50vw); padding:42px max(16px,calc((100vw - 1220px)/2)) 54px; border-block:1px solid #3b3546; background:rgba(8,13,19,.9); box-shadow:inset 0 22px 60px rgba(0,0,0,.18); }
.league-home-page .league-tool-heading h2 { color:#f5f2ff; }
.league-home-page .league-tool-group { border-color:color-mix(in srgb,var(--group-tone) 32%,#33404a); background:rgba(11,17,24,.95); box-shadow:0 22px 55px rgba(0,0,0,.2); }
.league-home-page .league-tool-group>header { background:color-mix(in srgb,var(--group-tone) 7%,#0c131b); }
.league-home-page .league-tool-group .league-tool-card { background:color-mix(in srgb,var(--group-tone) 4%,#101820); }
@media(max-width:980px){.league-home-page .league-home-mode-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.league-home-page .league-home-command{grid-template-columns:1fr}.league-home-page .league-home-release{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.league-home-page{background-image:linear-gradient(180deg,#080d12,#0d1019 62%,#080d12)}.league-home-page main{width:min(100% - 16px,1220px)}.league-home-page .league-hero,.league-home-page .league-hero .hero-copy{min-width:0;min-height:0}.league-home-page .league-hero .hero-copy>*{min-width:0;max-width:100%}.league-home-page .league-hero .hero-copy>p{overflow-wrap:anywhere}.league-home-page .league-hero-facts{min-width:0;width:100%}.league-home-page .league-hero-facts span{min-width:0;overflow:hidden}.league-home-page .league-hero-facts :is(b,small){min-width:0;overflow-wrap:anywhere}.league-home-page .league-hero-actions{min-width:0}.league-home-page .league-hero-actions a{min-width:0;white-space:normal}.league-home-page .league-hero-actions a span{min-width:0;overflow-wrap:anywhere}.league-home-page .league-home-command-grid{grid-template-columns:1fr}.league-home-page .league-home-command-grid>a{min-height:280px;grid-template-rows:96px auto auto 1fr auto}.league-home-command-art{height:96px}.league-home-page .league-home-release{grid-template-columns:1fr}}
@media(max-width:520px){.league-home-page .league-home-mode-routes{grid-template-columns:1fr}.league-home-page .league-home-mode-routes>a{min-height:86px}.league-home-page .league-home-command{padding-top:22px}.league-home-page .league-home-command-grid>a{grid-template-columns:36px 24px minmax(0,1fr);padding-inline:14px}.league-home-command-art{margin-inline:-14px}.league-home-page .league-home-reference-strip a{min-height:76px}.league-home-page .league-tool-directory{padding-top:30px}.league-home-page .league-hero-actions a{font-size:.64rem}.league-home-page .league-hero-facts b{font-size:.82rem}.league-home-page .league-hero-facts small{font-size:.56rem}}

/* Homepage action and directory refresh */
.league-home-page .league-home-command-grid>a {
  grid-template-columns:58px minmax(0,1fr);
  grid-template-rows:112px auto 1fr auto;
  min-height:322px;
  padding:0 20px 20px;
  background:#10161e;
}
.league-home-page .league-home-command-marker {
  position:relative;
  grid-column:1;
  grid-row:2/span 3;
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  align-self:start;
  border:1px solid color-mix(in srgb,var(--home-card-tone) 72%,#33404a);
  border-radius:6px;
  color:var(--home-card-tone);
  background:color-mix(in srgb,var(--home-card-tone) 11%,#0d141b);
}
.league-home-page .league-home-command-marker>i { font-size:1.2rem; }
.league-home-page .league-home-command-marker>b {
  position:absolute;
  right:-6px;
  bottom:-6px;
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  border:2px solid #10161e;
  border-radius:50%;
  color:#071014;
  background:var(--home-card-tone);
  font-size:.62rem;
  font-weight:950;
}
.league-home-page .league-home-command-grid>a>strong,
.league-home-page .league-home-command-grid>a>p,
.league-home-page .league-home-command-grid>a>.league-home-command-action { grid-column:2; }
.league-home-page .league-home-command-grid>a>strong { grid-row:2; margin:2px 0 0; font-size:1.18rem; }
.league-home-page .league-home-command-grid>a>p { grid-row:3; margin-top:9px; }
.league-home-page .league-home-command-grid>a>.league-home-command-action {
  grid-row:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-top:12px;
  border-top:1px solid color-mix(in srgb,var(--home-card-tone) 24%,#27323c);
  color:var(--home-card-tone);
}
.league-home-page .league-tool-directory {
  background:#090e14;
}
.league-home-page .league-tool-heading {
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);
  gap:34px;
  align-items:end;
  margin-bottom:20px;
}
.league-home-page .league-tool-heading>p {
  max-width:680px;
  margin:0;
  padding-left:18px;
  border-left:3px solid var(--home-gold);
  color:#b5c0c9;
}
.league-home-page .league-tool-finder {
  grid-template-columns:minmax(250px,.62fr) minmax(420px,1.38fr);
  padding:22px;
  border-color:#4c4354;
  border-top-color:var(--home-violet);
  background:#11151d;
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}
.league-home-page .league-tool-finder>label span { color:#f7f1ff; font-size:1rem; }
.league-home-page .league-tool-finder>label span i { color:var(--home-violet); }
.league-home-page .league-tool-finder>label small { color:#a9b3bc; font-size:.72rem; }
.league-home-page .league-tool-search-control input {
  min-height:56px;
  border-color:#62566d;
  color:#fbf8ff;
  background:#090d13;
  font-size:.88rem;
}
.league-home-page .league-tool-search-control input::-webkit-search-cancel-button { appearance:none; }
.league-home-page .league-tool-segments { gap:10px; }
.league-home-page .league-tool-segments button {
  --segment-tone:#c7d1d7;
  min-height:50px;
  border-color:color-mix(in srgb,var(--segment-tone) 30%,#313943);
  color:#c8d1d7;
  background:#0d131a;
  font-size:.72rem;
}
.league-home-page .league-tool-segments button:nth-child(2) { --segment-tone:var(--home-cyan); }
.league-home-page .league-tool-segments button:nth-child(3) { --segment-tone:var(--home-gold); }
.league-home-page .league-tool-segments button:nth-child(4) { --segment-tone:var(--home-violet); }
.league-home-page .league-tool-segments button i { color:var(--segment-tone); }
.league-home-page .league-tool-segments button b {
  border-color:color-mix(in srgb,var(--segment-tone) 48%,#39434c);
  color:var(--segment-tone);
  background:color-mix(in srgb,var(--segment-tone) 8%,#111820);
}
.league-home-page .league-tool-segments button[aria-pressed=true] {
  border-color:var(--segment-tone);
  color:#fff;
  background:color-mix(in srgb,var(--segment-tone) 12%,#111820);
  box-shadow:inset 0 -3px 0 var(--segment-tone);
}
.league-home-page .league-tool-group {
  overflow:visible;
  border:0;
  border-top:2px solid var(--group-tone);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.league-home-page .league-tool-group>header {
  padding-inline:4px;
  border-bottom:1px solid color-mix(in srgb,var(--group-tone) 34%,#343b42);
  background:transparent;
}
.league-home-page .league-tool-group>.league-tool-grid {
  gap:0 24px;
  padding:10px 0 0;
  background:transparent;
}
.league-home-page .league-tool-group:is(.is-primary,.is-reference)>.league-tool-grid,
.league-home-page .league-tool-group.is-learning>.league-tool-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.league-home-page .league-tool-group .league-tool-card {
  --tool-tone:var(--group-tone);
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  gap:5px 14px;
  min-height:160px;
  padding:18px 4px 18px 0;
  border:0;
  border-bottom:1px solid #2c343d;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.league-home-page .league-tool-group .league-tool-card:nth-child(5n+2) { --tool-tone:var(--home-rose); }
.league-home-page .league-tool-group .league-tool-card:nth-child(5n+3) { --tool-tone:var(--home-green); }
.league-home-page .league-tool-group .league-tool-card:nth-child(5n+4) { --tool-tone:var(--home-violet); }
.league-home-page .league-tool-group .league-tool-card:nth-child(5n+5) { --tool-tone:var(--home-gold); }
.league-home-page .league-tool-group .league-tool-card:is(:hover,:focus-visible) {
  border-bottom-color:var(--tool-tone);
  background:color-mix(in srgb,var(--tool-tone) 5%,transparent);
  transform:none;
}
.league-home-page .league-tool-card>.league-tool-number {
  display:none!important;
}
.league-home-page .league-tool-icon {
  grid-column:1;
  grid-row:1/span 3;
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  align-self:start;
  border:1px solid color-mix(in srgb,var(--tool-tone) 64%,#38414a);
  border-radius:50%;
  color:var(--tool-tone);
  background:transparent;
  font-size:1.15rem;
}
.league-home-page .league-tool-card>strong,
.league-home-page .league-tool-card>small,
.league-home-page .league-tool-card>.league-tool-action { grid-column:2; }
.league-home-page .league-tool-card>strong { grid-row:1; align-self:end; color:#f4f6f8; font-size:1rem; }
.league-home-page .league-tool-card>small { grid-row:2; margin-top:4px; color:#a6b2bb; font-size:.72rem; }
.league-home-page .league-tool-card>.league-tool-action {
  grid-row:3;
  align-self:end;
  margin-top:9px;
  padding-top:0;
  border-top:0;
  color:var(--tool-tone);
}
.league-home-page .league-tool-group-number {
  border:1px solid color-mix(in srgb,var(--group-tone) 64%,#38414a);
  border-radius:50%;
  color:var(--group-tone);
  background:transparent;
  font-size:1.12rem;
}
@media(max-width:980px) {
  .league-home-page .league-tool-heading { grid-template-columns:1fr; gap:14px; }
  .league-home-page .league-tool-heading>p { max-width:none; }
  .league-home-page .league-tool-finder { grid-template-columns:1fr; }
  .league-home-page .league-tool-search-control { grid-column:1; }
  .league-home-page .league-tool-group:is(.is-primary,.is-reference)>.league-tool-grid,
  .league-home-page .league-tool-group.is-learning>.league-tool-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
  .league-home-page .league-home-command-grid>a { grid-template-columns:52px minmax(0,1fr); min-height:292px; padding-inline:14px; }
  .league-home-page .league-tool-heading>p { padding-left:12px; }
  .league-home-page .league-tool-finder { padding:14px; }
  .league-home-page .league-tool-segments { grid-template-columns:1fr 1fr; }
  .league-home-page .league-tool-segments button { min-height:56px; }
  .league-home-page .league-tool-segments button span {
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
    line-height:1.18;
  }
  .league-home-page .league-tool-group:is(.is-primary,.is-reference)>.league-tool-grid,
  .league-home-page .league-tool-group.is-learning>.league-tool-grid { grid-template-columns:1fr; }
  .league-home-page .league-tool-group .league-tool-card { min-height:138px; padding-inline:2px; }
}