/* style.css */
:root{
  --bg:#0a0d12;
  --panel:#11161e;
  --panel-2:#18212c;
  --panel-3:#0f141c;
  --text:#ecf2f8;
  --muted:#9eb0c3;
  --line:#283444;
  --accent:#d7263d;
  --gold:#ffb81c;
  --gold-soft:#f6c65b;
  --gold-deep:#c88a00;
  --green:#3ddc84;
  --red:#ff6b6b;
  --white:#ffffff;
  --shadow:0 10px 30px rgba(0,0,0,.25);
}

*{
  box-sizing:border-box;
}

html,
body{
  width:100%;
  overflow-x:hidden;
}

body{
  margin:0;
  padding-top:96px;
  font-family:Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.07), transparent 25%),
    radial-gradient(circle at left center, rgba(215,38,61,.08), transparent 22%),
    linear-gradient(180deg,#091018 0%,#0b0f14 100%);
  color:var(--text);
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:var(--gold);
  text-decoration:none;
}

a:hover{
  color:var(--gold-soft);
}

.wrap{
  max-width:1240px;
  margin:0 auto;
  padding:25px 20px 0;
}

main.wrap > .section:first-child,
main.wrap > .crew-header-shell:first-child,
main.wrap > .standings-page-stack:first-child,
main.wrap > .dashboard-page-stack:first-child,
main.wrap > .hero-stack:first-child{
  margin-top:0;
}

main.wrap > .standings-page-stack:first-child > .section:first-child,
main.wrap > .dashboard-page-stack:first-child > .section:first-child{
  margin-top:0;
}

/* =========================================
   HEADER / TOP NAV
   ========================================= */

.site-header{
  border-bottom:1px solid var(--line);
  background:rgba(9,13,18,.95);
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:9999;
  backdrop-filter:blur(8px);
}

.header-inner{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:end;
  gap:12px 18px;
  padding:14px 0 12px;
}

.logo{
  margin:0;
  font-size:1.7rem;
  color:var(--gold);
  line-height:1.02;
  white-space:nowrap;
}

.tag{
  margin:4px 0 0;
  color:#fff;
  line-height:1.15;
  white-space:nowrap;
}

.nav{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  flex-wrap:nowrap;
  min-width:0;
  overflow:visible;
  padding:0 0 2px;
}

.nav::-webkit-scrollbar{
  display:none;
}

.nav > a,
.nav-dropdown-parent{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:36px;
  padding:7px 11px;
  border-radius:10px;
  border:1px solid transparent;
  color:var(--muted);
  white-space:nowrap;
  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.nav > a:hover,
.nav-dropdown-parent:hover{
  background:var(--panel);
  color:var(--gold);
}

.nav > a.is-active,
.nav-dropdown-parent.is-active{
  background:
    linear-gradient(180deg, rgba(255,184,28,.14), rgba(255,184,28,.04)),
    rgba(255,255,255,.02);
  color:#fff2c8;
  border:1px solid rgba(255,184,28,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 16px rgba(0,0,0,.18),
    0 0 12px rgba(255,184,28,.08);
}

.nav > a.is-active:hover,
.nav-dropdown-parent.is-active:hover{
  background:
    linear-gradient(180deg, rgba(255,184,28,.18), rgba(255,184,28,.05)),
    rgba(255,255,255,.03);
  color:#fff6dd;
}

/* dropdown */

.nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  z-index:10030;
}

.nav-dropdown::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:100%;
  height:12px;
}

.nav-dropdown-parent{
  gap:6px;
}

.nav-dropdown-parent::after{
  content:"▾";
  font-size:.7rem;
  opacity:.82;
  transform:translateY(1px);
}

.nav-dropdown-menu{
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  padding:8px;
  margin-top:0;
  border-radius:14px;
  border:1px solid rgba(255,184,28,.18);
  background:
    linear-gradient(180deg, rgba(17,22,30,.98), rgba(12,17,24,.98));
  box-shadow:
    0 14px 30px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(2px);
  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility .18s ease;
  z-index:10050;
}

.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.nav-dropdown-menu a{
  display:block;
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid transparent;
  color:var(--muted);
  white-space:nowrap;
}

.nav-dropdown-menu a:hover{
  background:rgba(255,184,28,.08);
  color:var(--gold);
}

.nav-dropdown-menu a.is-active{
  background:
    linear-gradient(180deg, rgba(255,184,28,.14), rgba(255,184,28,.04)),
    rgba(255,255,255,.02);
  color:#fff2c8;
  border:1px solid rgba(255,184,28,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 12px rgba(0,0,0,.16);
}
/* layout panels */

.hero-copy,
.section,
.profile-shell,
.player-card,
.event-card,
.champ-card,
.rule-card,
.stat-card,
.media-card,
.rules-chip-panel,
.blind-sheet{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
}

.section{
  position:relative;
  overflow:hidden;
  margin:22px 0;
  padding:24px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.018) 0 2px, transparent 2px 100%),
    radial-gradient(circle at 80% 35%, rgba(255,255,255,.015) 0 2px, transparent 2px 100%),
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,.012) 0px,
      rgba(255,255,255,.012) 2px,
      transparent 2px,
      transparent 8px
    ),
    linear-gradient(135deg, rgba(15,81,50,.22), rgba(17,22,30,.96));
  background-size:160px 160px, 220px 220px, auto, auto;
}

.section::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,11,16,.08), rgba(7,11,16,.18));
  pointer-events:none;
}

/* NEWS PAGE — stop the global section overlay from muting the redesign */
.section.news-header-shell::after,
.section.news-summary-shell::after,
.section.news-module-main::after,
.section.news-module-side::after{
  content:none;
}

.section > *{
  position:relative;
  z-index:1;
}

.section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:16px;
  flex-wrap:wrap;
}

.section-head.page-title-row,
.page-title-row,
.compact-page-title-row{
  display:flex;
  justify-content:flex-start !important;
  align-items:center;
  gap:12px;
  text-align:left;
}

.section-head.page-title-row h2,
.page-title-row h2,
.page-title-row .schedule-page-title{
  margin:0;
  text-align:left;
}

.page-title-orange{
  color:#ffb15a;
}

.page-title-red{
  color:#ff7a7a;
}

.page-title-pink{
  color:#f9a8d4;
}

.page-title-green{
  color:#86efac;
}

.page-title-purple{
  color:#d8b4fe;
}

.hero-stack{
  display:flex;
  flex-direction:column;
  gap:22px;
  padding:0;
}

.hero-stack > .section,
.hero-stack > .league-ticker{
  margin:0;
}

.hero{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
}

.hero-copy{
  padding:28px;
}

.hero-copy-enhanced{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.025) 0 2px, transparent 2px 100%),
    radial-gradient(circle at 80% 35%, rgba(255,255,255,.02) 0 2px, transparent 2px 100%),
    repeating-linear-gradient(45deg, rgba(255,255,255,.015) 0px, rgba(255,255,255,.015) 2px, transparent 2px, transparent 8px),
    linear-gradient(135deg, rgba(15,81,50,.34), rgba(17,22,30,.94));
  background-size:160px 160px, 220px 220px, auto, auto;
}

.hero-copy-enhanced::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,11,16,.10), rgba(7,11,16,.24));
  pointer-events:none;
}

.hero-copy-enhanced > *{
  position:relative;
  z-index:2;
}

.hero-home-copy{
  min-width:0;
}

.hero-title{
  margin:0 0 6px;
  font-size:2rem;
}

.home-hero-copy{
  color:var(--gold);
  font-weight:700;
  font-size:1.05rem;
  text-shadow:
    0 0 10px rgba(255,184,28,.25),
    0 0 22px rgba(255,184,28,.12);
}

.home-jump-nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
  margin-bottom:4px;
}

.home-jump-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,184,28,.22);
  background:
    linear-gradient(180deg, rgba(255,184,28,.10), rgba(255,184,28,.03)),
    rgba(255,255,255,.02);
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 16px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.home-jump-pill:hover{
  transform:translateY(-1px);
  border-color:rgba(255,184,28,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.22),
    0 0 14px rgba(255,184,28,.10);
}

.hero-sub,
.muted-copy,
.muted{
  color:var(--muted);
}

.page-helper-copy{
  margin:-4px 0 14px 0;
  color:#cfd8e3;
  line-height:1.5;
  max-width:78ch;
}

.standings-helper-copy{
  margin-top:-2px;
}

.dashboard-helper-copy{
  margin-top:-2px;
  margin-bottom:14px;
  max-width:72ch;
}

.dashboard-studio-strip,
.standings-race-strip{
  gap:6px;
  margin:8px 0 12px 0;
  padding:10px 12px;
  border-radius:13px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
    rgba(255,255,255,.02);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16);
}

.standings-race-strip{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  min-height:auto;
  padding-left:0;
  margin:0 0 10px 0;
  border:1px solid rgba(59,130,246,.18);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.10), transparent 30%),
    radial-gradient(circle at left center, rgba(168,85,247,.06), transparent 24%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
}

.standings-race-context{
  margin-left:58px;
}

.dashboard-studio-strip{
  display:grid;
  grid-template-columns:1fr;
  align-items:start;
  justify-items:start;
  text-align:left;
  padding-left:58px;
  margin:0 0 18px 0;
  border:1px solid rgba(255,184,28,.18);
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.10), transparent 30%),
    radial-gradient(circle at left center, rgba(59,130,246,.06), transparent 24%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
}

.dashboard-studio-copy{
  color:var(--gold);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.25;
  max-width:none;
}

.dashboard-studio-context,
.standings-race-context{
  font-size:.82rem;
  line-height:1.35;
  color:var(--muted);
  font-weight:400;
  letter-spacing:0;
  white-space:nowrap;
}

.dashboard-studio-context strong,
.standings-race-context strong{
  color:#fff;
  font-weight:800;
}

.standings-race-context{
  align-self:center;
}

/* page chip headings */

.page-kicker{
  margin:0 0 10px 2px;
  color:var(--gold);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.cockpit-kicker{
  color:var(--muted);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  line-height:1;
  margin-bottom:2px;
}

.page-chip{
  border-radius:50%;
  object-fit:cover;
  box-shadow:
    0 0 0 2px rgba(255,184,28,.16),
    0 10px 18px rgba(0,0,0,.34);
  flex:0 0 auto;
}

.page-chip-dashboard{
  width:82px;
  height:82px;
}

/* buttons */

.hero-actions,
.button-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:18px 0;
}

.dashboard-button-groups{
  display:grid;
  gap:6px;
}

.dashboard-buttons{
  margin:0;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

.btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:9px 15px;
  border-radius:11px;
  border:1px solid rgba(255,184,28,.28);
  background:linear-gradient(180deg, rgba(31,39,51,.98) 0%, rgba(20,26,34,.98) 100%);
  color:var(--gold);
  font-weight:700;
  letter-spacing:.01em;
  font-size:.94rem;
  line-height:1;
  transition:transform .16s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,.22);
}

.dashboard-button-groups .dashboard-buttons{
  display:grid;
  gap:5px;
  grid-template-columns:repeat(7, minmax(0,1fr));
}

/* green group */
.dashboard-button-groups .btn[data-dashboard-sort="profit"],
.dashboard-button-groups .btn[data-dashboard-sort="roi"],
.dashboard-button-groups .btn[data-dashboard-sort="hits"],
.dashboard-button-groups .btn[data-dashboard-sort="timesPlaced"],
.dashboard-button-groups .btn[data-dashboard-sort="bubbles"]{
  border-color:rgba(34,197,94,.34);
  background:
    linear-gradient(180deg, rgba(220,252,231,.06), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(34,197,94,.22), rgba(8,42,22,.98));
  color:#dcfce7;
}

/* blue group */
.dashboard-button-groups .btn[data-dashboard-sort="hitRate"],
.dashboard-button-groups .btn[data-dashboard-sort="cashRate"],
.dashboard-button-groups .btn[data-dashboard-sort="bubbleRate"]{
  border-color:rgba(59,130,246,.36);
  background:
    linear-gradient(180deg, rgba(219,234,254,.06), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(59,130,246,.24), rgba(10,24,52,.98));
  color:#dbeafe;
}

/* purple group */
.dashboard-button-groups .btn[data-dashboard-sort="trueSkillScore"],
.dashboard-button-groups .btn[data-dashboard-sort="luckIndex"],
.dashboard-button-groups .btn[data-dashboard-sort="clutchIndex"],
.dashboard-button-groups .btn[data-dashboard-sort="aggressionIndex"],
.dashboard-button-groups .btn[data-dashboard-sort="survivorIndex"],
.dashboard-button-groups .btn[data-dashboard-sort="tiltIndex"]{
  border-color:rgba(168,85,247,.34);
  background:
    linear-gradient(180deg, rgba(243,232,255,.06), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(168,85,247,.22), rgba(42,16,70,.98));
  color:#f3e8ff;
}

.btn-emoji{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:8px;
  font-size:1.02em;
  line-height:1;
  flex:0 0 auto;
}

.btn-label{
  display:inline-flex;
  align-items:center;
  line-height:1;
}

.btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(0,0,0,.28);
}

.btn.active{
  color:#111;
  background:linear-gradient(180deg, var(--gold-soft) 0%, var(--gold) 100%);
  border-color:var(--gold);
  box-shadow:0 8px 18px rgba(0,0,0,.28), 0 0 0 1px rgba(255,184,28,.22);
}

.dashboard-button-groups .btn[data-dashboard-sort="profit"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="roi"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="hits"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="timesPlaced"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="bubbles"]:hover{
  border-color:rgba(34,197,94,.52);
  background:
    linear-gradient(180deg, rgba(220,252,231,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(34,197,94,.30), rgba(12,64,34,.96));
  color:#f0fdf4;
  box-shadow:
    0 10px 22px rgba(0,0,0,.26),
    0 0 0 1px rgba(34,197,94,.16),
    0 0 18px rgba(34,197,94,.12);
}

.dashboard-button-groups .btn[data-dashboard-sort="hitRate"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="cashRate"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="bubbleRate"]:hover{
  border-color:rgba(59,130,246,.52);
  background:
    linear-gradient(180deg, rgba(219,234,254,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(59,130,246,.34), rgba(14,32,68,.96));
  color:#eff6ff;
  box-shadow:
    0 10px 22px rgba(0,0,0,.26),
    0 0 0 1px rgba(59,130,246,.16),
    0 0 18px rgba(59,130,246,.12);
}

.dashboard-button-groups .btn[data-dashboard-sort="trueSkillScore"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="luckIndex"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="clutchIndex"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="aggressionIndex"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="survivorIndex"]:hover,
.dashboard-button-groups .btn[data-dashboard-sort="tiltIndex"]:hover{
  border-color:rgba(168,85,247,.50);
  background:
    linear-gradient(180deg, rgba(243,232,255,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(168,85,247,.30), rgba(56,24,90,.96));
  color:#faf5ff;
  box-shadow:
    0 10px 22px rgba(0,0,0,.26),
    0 0 0 1px rgba(168,85,247,.16),
    0 0 18px rgba(168,85,247,.12);
}

.dashboard-button-groups .btn[data-dashboard-sort="profit"].active,
.dashboard-button-groups .btn[data-dashboard-sort="roi"].active,
.dashboard-button-groups .btn[data-dashboard-sort="hits"].active,
.dashboard-button-groups .btn[data-dashboard-sort="timesPlaced"].active,
.dashboard-button-groups .btn[data-dashboard-sort="bubbles"].active{
  border-color:rgba(34,197,94,.56);
  background:
    linear-gradient(180deg, rgba(220,252,231,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(34,197,94,.38), rgba(10,54,27,.98));
  color:#f0fdf4;
}

.dashboard-button-groups .btn[data-dashboard-sort="profit"].active,
.dashboard-button-groups .btn[data-dashboard-sort="roi"].active,
.dashboard-button-groups .btn[data-dashboard-sort="hits"].active,
.dashboard-button-groups .btn[data-dashboard-sort="timesPlaced"].active,
.dashboard-button-groups .btn[data-dashboard-sort="bubbles"].active{
  border-color:rgba(34,197,94,.56);
  background:
    linear-gradient(180deg, rgba(220,252,231,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(34,197,94,.38), rgba(10,54,27,.98));
  color:#f0fdf4;
}

.dashboard-button-groups .btn[data-dashboard-sort="trueSkillScore"].active,
.dashboard-button-groups .btn[data-dashboard-sort="luckIndex"].active,
.dashboard-button-groups .btn[data-dashboard-sort="clutchIndex"].active,
.dashboard-button-groups .btn[data-dashboard-sort="aggressionIndex"].active,
.dashboard-button-groups .btn[data-dashboard-sort="survivorIndex"].active,
.dashboard-button-groups .btn[data-dashboard-sort="tiltIndex"].active{
  border-color:rgba(168,85,247,.54);
  background:
    linear-gradient(180deg, rgba(243,232,255,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(168,85,247,.36), rgba(46,18,78,.98));
  color:#faf5ff;
}

.btn-rsvp{
  background:linear-gradient(180deg, rgba(31,39,51,.98) 0%, rgba(20,26,34,.98) 100%);
  border-color:rgba(88,100,118,.36);
  color:#ffffff;
}

.btn-rsvp:hover{
  background:linear-gradient(180deg, rgba(44,52,66,.98) 0%, rgba(24,30,38,.98) 100%);
  border-color:rgba(120,134,154,.42);
  color:#ffffff;
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.06);
}

.btn-format{
  min-width:210px;
  font-size:1.06rem;
  box-shadow:
    0 6px 16px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,184,28,.08);
}

.btn-format:hover{
  box-shadow:
    0 10px 22px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,184,28,.18),
    0 0 18px rgba(255,184,28,.12);
}

#format-btn-40k{
  color:#bbf7d0;
  border-color:rgba(34,197,94,.34);
  background:linear-gradient(180deg, rgba(31,39,51,.98) 0%, rgba(20,26,34,.98) 100%);
}

#format-btn-40k:hover{
  transform:translateY(-1px);
  color:#052e16;
  background:linear-gradient(180deg, #dcfce7 0%, #86efac 100%);
  border-color:#86efac;
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    0 0 0 1px rgba(134,239,172,.18);
}

#format-btn-40k.active{
  color:#f0fdf4;
  background:linear-gradient(180deg, rgba(34,197,94,.34) 0%, rgba(10,84,40,.96) 100%);
  border-color:#15803d;
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    0 0 0 1px rgba(21,128,61,.22);
}

#format-btn-500k{
  color:#e9d5ff;
  border-color:rgba(168,85,247,.34);
  background:linear-gradient(180deg, rgba(31,39,51,.98) 0%, rgba(20,26,34,.98) 100%);
}

#format-btn-500k:hover{
  transform:translateY(-1px);
  color:#3b0764;
  background:linear-gradient(180deg, #f3e8ff 0%, #d8b4fe 100%);
  border-color:#d8b4fe;
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    0 0 0 1px rgba(216,180,254,.18);
}

#format-btn-500k.active{
  background:linear-gradient(180deg, rgba(168,85,247,.30), rgba(168,85,247,.14));
  border-color:rgba(168,85,247,.32);
  color:#f3e8ff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(168,85,247,.08),
    0 10px 22px rgba(0,0,0,.18);
}

.format-title-40k{
  color:#86efac;
}

.format-title-500k{
  color:#d8b4fe;
}

.rules-table-bg .rules-format .format-head{
  padding:0 18px;
}

/* home events header */

.events-header-stack{
  position:relative;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  padding:14px 16px;
  border:1px solid rgba(244,114,182,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(244,114,182,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 26%),
    linear-gradient(180deg, rgba(20,26,34,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(244,114,182,.08);
}

.events-header-stack::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(244,114,182,.95), rgba(255,184,28,.30) 55%, transparent 100%);
}

.events-header-suits{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  flex:0 0 auto;
}

.events-header-suit{
  font-size:2.25rem;
  line-height:1;
}

.events-header-suit:nth-child(1){
  color:#7ecbff; /* Spade */
  text-shadow:0 0 10px rgba(126,203,255,.18);
}

.events-header-suit:nth-child(2){
  color:#ff5c5c; /* Heart */
  text-shadow:0 0 10px rgba(255,92,92,.18);
}

.events-header-suit:nth-child(3){
  color:#ffd24d; /* Diamond */
  text-shadow:0 0 10px rgba(255,210,77,.18);
}

.events-header-suit:nth-child(4){
  color:#4fd47a; /* Club */
  text-shadow:0 0 10px rgba(79,212,122,.18);
}

.events-header-title{
  color:#fff;
  margin:0;
  text-align:left;
}

.league-ticker{
  position:relative;
  overflow:hidden;
  margin:0;
  padding:6px 0 6px 0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:
    radial-gradient(circle at 12% 28%, rgba(239,68,68,.16), transparent 22%),
    radial-gradient(circle at 30% 18%, rgba(255,184,28,.16), transparent 22%),
    radial-gradient(circle at 50% 18%, rgba(34,197,94,.14), transparent 22%),
    radial-gradient(circle at 70% 20%, rgba(59,130,246,.16), transparent 22%),
    radial-gradient(circle at 88% 30%, rgba(168,85,247,.16), transparent 22%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  color:#fff;
  font-weight:700;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18),
    0 0 18px rgba(255,184,28,.08);
}

.league-ticker::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(239,68,68,.96) 0%,
    rgba(255,184,28,.96) 25%,
    rgba(34,197,94,.96) 50%,
    rgba(59,130,246,.96) 75%,
    rgba(168,85,247,.96) 100%
  );
  pointer-events:none;
  z-index:3;
}

.league-ticker::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(239,68,68,.96) 0%,
    rgba(255,184,28,.96) 25%,
    rgba(34,197,94,.96) 50%,
    rgba(59,130,246,.96) 75%,
    rgba(168,85,247,.96) 100%
  );
  pointer-events:none;
  z-index:3;
}

.league-ticker{
  -webkit-mask-image:linear-gradient(
    90deg,
    transparent 0,
    #000 44px,
    #000 calc(100% - 44px),
    transparent 100%
  );
  mask-image:linear-gradient(
    90deg,
    transparent 0,
    #000 44px,
    #000 calc(100% - 44px),
    transparent 100%
  );
}

#league-ticker-text{
  display:flex;
  gap:80px;
  width:max-content;
  animation:tickerScroll 56s linear infinite;
  will-change:transform;
}

.league-ticker-run{
  display:inline-flex;
  align-items:center;
  gap:80px;
}

.league-ticker:hover #league-ticker-text{
  animation-play-state:paused;
}

.league-ticker-item:last-child{
  border-right:none;
}

.league-ticker-item{
  display:inline-flex;
  align-items:center;
  gap:12px;
}

.league-ticker-label{
  color:var(--gold);
  font-weight:800;
  white-space:nowrap;
}

.league-ticker-player{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.league-ticker-name{
  color:#fff;
  font-weight:700;
  white-space:nowrap;
}

.league-ticker-wrap{
  display:flex;
  flex-direction:column;
  gap:6px;
  overflow:hidden;
  padding:0 20px 0;
}

.league-ticker-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:2px 21px 2px 16px;
}

.league-ticker-kicker{
  color:var(--gold);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.league-ticker-hint{
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.02em;
}

.league-ticker-item{
  color:inherit;
  transition:transform .18s ease, opacity .18s ease;
}

.league-ticker-item:hover{
  transform:translateY(-1px);
  color:inherit;
  opacity:.96;
}

@keyframes tickerScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(-50%); }
}

/* homepage weekly modules */

.home-leader-strip,
.home-insights-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

.home-strip-card,
.home-insight-card{
  display:block;
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel-3);
  color:var(--text);
  box-shadow:var(--shadow);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.home-strip-card:hover,
.home-insight-card:hover,
.home-badge-row:hover,
.home-mini-row:hover{
  transform:translateY(-2px);
  border-color:rgba(255,184,28,.5);
  box-shadow:
    0 0 0 1px rgba(255,184,28,.18),
    0 10px 30px rgba(0,0,0,.25),
    0 0 22px rgba(255,184,28,.14);
}

.home-strip-kicker,
.home-insight-kicker,
.home-mini-board-title{
  color:var(--gold);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-strip-kicker{
  margin-bottom:10px;
}

.home-strip-player,
.home-insight-player,
.home-badge-player{
  color:#fff;
  font-weight:800;
  line-height:1.2;
}

.home-strip-player{
  font-size:1.08rem;
  margin-bottom:10px;
}

.home-strip-value{
  font-size:1.7rem;
  font-weight:800;
  line-height:1.1;
  text-align:right;
  width:100%;
}

.home-insight-top{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.home-insight-icon{
  font-size:1.45rem;
  line-height:1;
}

.home-insight-player{
  font-size:1.1rem;
  margin-bottom:8px;
}

.home-insight-value{
  font-size:1.95rem;
  font-weight:800;
  line-height:1.1;
  margin-bottom:8px;
  text-align:right;
  width:100%;
}

.home-feature-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  align-items:stretch;
}

.home-feature-grid-single{
  grid-template-columns:1fr;
}

.home-feature-panel{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.home-feature-head h3{
  margin:0 0 6px 0;
  color:#fff;
}

.home-feature-head p{
  margin:0 0 14px 0;
}

.home-pulse-head{
  justify-content:space-between !important;
  align-items:center;
  gap:16px;
  flex-wrap:nowrap;
}

.home-insight-formula{
  flex:1 1 auto;
  min-height:24px;
  color:var(--gold);
  font-size:1rem;
  font-weight:800;
  line-height:1.3;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
}

.home-pulse-helper{
  margin:10px 0 12px 0;
  color:#d9c0c0;
  font-size:.9rem;
  line-height:1.4;
}

#home-insights-grid .home-insight-card{
  position:relative;
  border:1px solid rgba(34,197,94,.20);
  background:
    linear-gradient(180deg, rgba(34,197,94,.10), rgba(34,197,94,.03) 34%, rgba(15,20,28,1) 100%);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.08),
    0 10px 30px rgba(0,0,0,.25),
    0 0 18px rgba(34,197,94,.10);
}

#home-insights-grid .home-insight-card:hover{
  transform:translateY(-2px);
  border-color:rgba(34,197,94,.42);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.18),
    0 10px 30px rgba(0,0,0,.25),
    0 0 22px rgba(34,197,94,.14);
}

#home-insights-grid .home-insight-card.is-active{
  border-color:rgba(34,197,94,.46);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.18),
    0 10px 30px rgba(0,0,0,.25),
    0 0 22px rgba(34,197,94,.14);
}

.home-cluster-stack{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

.home-cluster-stack-3{
  grid-template-columns:repeat(3, minmax(0,1fr));
}

.home-mini-board{
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(255,255,255,.02);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16);
}

.home-mini-board-title{
  margin-bottom:10px;
}

.home-mini-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:center;
  padding:10px 0;
  border-top:1px solid rgba(255,255,255,.06);
  color:var(--text);
}

.home-mini-row:first-of-type{
  border-top:none;
  padding-top:0;
}

.home-mini-rank{
  color:var(--gold);
  font-weight:800;
}

.home-mini-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-mini-value{
  font-weight:800;
  color:#fff;
}

.home-badge-cluster{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  flex:1 1 auto;
  align-content:stretch;
}

.home-badge-row{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:6px;
  padding:12px 10px;
  min-height:92px;

  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.03);
}

.home-badge-main{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
}

.home-badge-value{
  color:var(--gold);
  font-weight:800;
  font-size:1.2rem;
  text-align:left;
  width:auto;
  white-space:nowrap;
}

.home-badge-row:last-child{
  margin-bottom:0;
}

.home-badge-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(255,184,28,.28);
  background:rgba(255,184,28,.08);
  color:#fff;

  border-radius:999px;
  padding:6px 12px;

  font-size:.75rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.home-strip-player-row,
.home-insight-player-row,
.home-mini-player-wrap,
.home-badge-player-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.home-strip-player-row .player-avatar,
.home-strip-player-row .player-avatar-fallback,
.home-insight-player-row .player-avatar,
.home-insight-player-row .player-avatar-fallback,
.home-mini-player-wrap .player-avatar,
.home-mini-player-wrap .player-avatar-fallback{
  width:52px;
  height:52px;
  font-size:1rem;
  border-width:2px;
}

.home-badge-player-wrap .player-avatar,
.home-badge-player-wrap .player-avatar-fallback{
  width:64px;
  height:64px;
  font-size:1.1rem;
  border-width:2px;
}

.home-strip-player,
.home-insight-player,
.home-mini-name,
.home-badge-player{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* HOME / SCHEDULE EVENT GUIDE */

.home-guide-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:18px 20px;
}

.home-section-helper{
  margin:0 0 12px 0;
  color:#cfd8e3;
}

#home-archetype-guide,
#home-action-cluster{
  padding:16px;
  border:1px solid rgba(255,184,28,.16);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,184,28,.08), rgba(255,184,28,.02)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18);
}

.event-guide-rows{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:4px;
}

.event-guide-line{
  margin:0;
}

.event-guide-line .profile-line-label{
  min-width:118px;
  flex:0 0 118px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  white-space:nowrap;
  line-height:1.1;
}

.player-archetype-line .profile-line-label-archetypes{
  color:#7ecbff;
}

.player-archetype-line .profile-line-label-archetypes .profile-line-label-emoji{
  line-height:1;
  flex:0 0 auto;
}

.player-archetype-line .profile-line-label-archetypes .profile-line-label-text{
  color:#7ecbff;
}

.event-guide-line .profile-line-desc{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  flex:1 1 auto;
}

.home-guide-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:800;
  border:1px solid rgba(255,184,28,.25);
  background:rgba(255,184,28,.08);
  color:#fff;
  transition:all .18s ease;
}

.home-guide-pill:hover{
  border-color:rgba(255,184,28,.34);
  background:rgba(255,184,28,.10);
  box-shadow:
    0 0 0 1px rgba(255,184,28,.14),
    0 6px 16px rgba(0,0,0,.22),
    0 0 12px rgba(255,184,28,.08);
}

.home-guide-title{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--gold);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.guide-icon{
  font-size:.95rem;
  line-height:1;
}

.home-snapshot-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(340px, .92fr);
  gap:16px;
  align-items:stretch;
  padding:16px;
  border:1px solid rgba(255,184,28,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.10), transparent 32%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 24%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.20),
    0 0 18px rgba(255,184,28,.08);
}

.home-pulse-head{
  position:relative;
  padding:14px 16px;
  border:1px solid rgba(239,68,68,.20);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.10), transparent 34%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 24%),
    linear-gradient(180deg, rgba(20,26,34,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18),
    0 0 16px rgba(239,68,68,.08);
}

.home-pulse-head::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(239,68,68,.90), rgba(255,184,28,.28) 58%, transparent 100%);
}

.home-analysis-lane{
  border-color:rgba(255,184,28,.22);
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.08), transparent 32%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 24%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    0 0 0 1px rgba(255,184,28,.08),
    0 12px 28px rgba(0,0,0,.20),
    0 0 20px rgba(255,184,28,.10);
}

.home-analysis-lane::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,184,28,.95), rgba(59,130,246,.30) 55%, rgba(239,68,68,.18) 100%);
}

.home-analysis-grid{
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:18px;
  align-items:start;
}

.home-analysis-col{
  min-width:0;
  display:flex;
  flex-direction:column;
}

.home-analysis-col > #home-archetype-guide,
.home-analysis-col > #home-action-cluster{
  flex:1 1 auto;
}

.home-analysis-col .section-head{
  margin-bottom:12px;
}

.home-analysis-col .page-title-row{
  position:relative;
  padding:11px 13px;
  border:1px solid rgba(255,184,28,.14);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(255,184,28,.08), rgba(255,184,28,.02)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 8px 18px rgba(0,0,0,.16);
}

.home-analysis-col .page-title-row::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,184,28,.90), rgba(59,130,246,.25) 58%, transparent 100%);
}

.home-analysis-col .home-section-helper{
  margin:0 0 12px 0;
}

.home-analysis-col #home-archetype-guide,
.home-analysis-col #home-action-cluster{
  height:100%;
}

.home-analysis-col:first-child #home-archetype-guide{
  border-color:rgba(59,130,246,.16);
  background:
    linear-gradient(180deg, rgba(59,130,246,.07), rgba(59,130,246,.02)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18),
    0 0 16px rgba(59,130,246,.06);
}

.home-analysis-col:last-child #home-action-cluster{
  border-color:rgba(239,68,68,.18);
  background:
    linear-gradient(180deg, rgba(239,68,68,.08), rgba(239,68,68,.02)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18),
    0 0 16px rgba(239,68,68,.06);
}

.home-analysis-kicker{
  margin:0 0 8px 2px;
  color:var(--gold);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-module-cta-row{
  margin-top:14px;
  display:flex;
  justify-content:flex-start;
}

.home-module-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,184,28,.22);
  background:
    linear-gradient(180deg, rgba(255,184,28,.10), rgba(255,184,28,.03)),
    rgba(255,255,255,.02);
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 16px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.home-module-cta:hover{
  transform:translateY(-1px);
  border-color:rgba(255,184,28,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.22),
    0 0 14px rgba(255,184,28,.10);
}

#home-snapshot .section-head,
#home-snapshot .page-title-row,
#home-snapshot .compact-page-title-row{
  position:relative;
  padding-top:10px;
  padding-bottom:0;
  margin-bottom:10px;
  border:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

#home-snapshot .section-head::before,
#home-snapshot .page-title-row::before,
#home-snapshot .compact-page-title-row::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(59,130,246,.95), rgba(147,197,253,.48) 58%, transparent 100%);
}

#home-snapshot .section-head::after,
#home-snapshot .page-title-row::after,
#home-snapshot .compact-page-title-row::after{
  content:none !important;
  display:none !important;
  border:none !important;
  box-shadow:none !important;
  background:none !important;
}

.home-snapshot-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}

.snapshot-card{
  position:relative;
  min-height:154px;
  padding:22px 16px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(255,184,28,.08), rgba(255,184,28,.02) 26%, rgba(15,20,28,1) 26%, rgba(15,20,28,1) 100%);
  text-align:center;
  box-shadow:
    0 0 0 1px rgba(255,184,28,.06),
    0 10px 30px rgba(0,0,0,.24);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.snapshot-card::before{
  content:"";
  display:block;
  width:52px;
  height:2px;
  margin:0 auto 14px;
  border-radius:999px;
  background:rgba(255,184,28,.35);
}

.home-snapshot-grid .snapshot-card{
  position:relative;
}

.snapshot-card:hover{
  transform:translateY(-3px);
}

.snapshot-value{
  font-size:2.28rem;
  font-weight:900;
  color:#fff;
  line-height:1.02;
  margin-bottom:10px;
  letter-spacing:.02em;
  text-shadow:none;
  transition:transform .2s ease;
  animation:snapshotPulse 4s ease-in-out infinite;
}

.snapshot-value.money{
  color:var(--gold);
  letter-spacing:.03em;
  text-shadow:none;
}

.home-snapshot-grid .snapshot-card:hover .snapshot-value{
  transform:scale(1.08);
  text-shadow:none;
}

.snapshot-icon{
  margin:0 0 10px 0;
  font-size:1.65rem;
  line-height:1;
}

/* snapshot icon colors */

.snapshot-label{
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--gold);
  font-weight:800;
}

.snapshot-card{
  color:inherit;
  text-decoration:none;
}

.snapshot-cta{
  margin-top:10px;
  color:var(--gold);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.92;
}

.snapshot-card:hover .snapshot-cta{
  color:#fff0bf;
}

/* Snapshot hero color themes */

/* Pink theme for Entries */

.snapshot-silver{
  border-color:rgba(244,114,182,.35);
  background:
    linear-gradient(180deg, rgba(244,114,182,.18), rgba(244,114,182,.04) 24%, rgba(15,20,28,1) 24%, rgba(15,20,28,1) 100%);
  box-shadow:
    0 0 0 1px rgba(244,114,182,.10),
    0 10px 24px rgba(0,0,0,.22),
    0 0 14px rgba(244,114,182,.10);
}

.snapshot-silver::before{
  background:rgba(244,114,182,.42);
}

.snapshot-silver .snapshot-icon,
.snapshot-silver .snapshot-value,
.snapshot-silver .snapshot-label{
  color:#f9a8d4;
}

.snapshot-purple{
  border-color:rgba(168,85,247,.34);
  background:
    linear-gradient(180deg, rgba(168,85,247,.18), rgba(168,85,247,.04) 24%, rgba(15,20,28,1) 24%, rgba(15,20,28,1) 100%);
  box-shadow:
    0 0 0 1px rgba(168,85,247,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 20px rgba(168,85,247,.12);
}

.snapshot-purple::before{
  background:rgba(168,85,247,.42);
}

.snapshot-purple .snapshot-icon,
.snapshot-purple .snapshot-value,
.snapshot-purple .snapshot-label{
  color:#d8b4fe;
}

.snapshot-green{
  border-color:rgba(34,197,94,.34);
  background:
    linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.04) 24%, rgba(15,20,28,1) 24%, rgba(15,20,28,1) 100%);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 20px rgba(34,197,94,.12);
}

.snapshot-green::before{
  background:rgba(34,197,94,.42);
}

.snapshot-green .snapshot-icon,
.snapshot-green .snapshot-value,
.snapshot-green .snapshot-label{
  color:#86efac;
}

.snapshot-blue{
  border-color:rgba(59,130,246,.34);
  background:
    linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.04) 24%, rgba(15,20,28,1) 24%, rgba(15,20,28,1) 100%);
  box-shadow:
    0 0 0 1px rgba(59,130,246,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 20px rgba(59,130,246,.12);
}

.snapshot-blue::before{
  background:rgba(59,130,246,.42);
}

.snapshot-blue .snapshot-icon,
.snapshot-blue .snapshot-value,
.snapshot-blue .snapshot-label{
  color:#93c5fd;
}

.snapshot-yellow{
  border-color:rgba(250,204,21,.34);
  background:
    linear-gradient(180deg, rgba(250,204,21,.18), rgba(250,204,21,.04) 24%, rgba(15,20,28,1) 24%, rgba(15,20,28,1) 100%);
  box-shadow:
    0 0 0 1px rgba(250,204,21,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 20px rgba(250,204,21,.12);
}

.snapshot-yellow::before{
  background:rgba(250,204,21,.42);
}

.snapshot-yellow .snapshot-icon,
.snapshot-yellow .snapshot-value,
.snapshot-yellow .snapshot-label{
  color:#fde68a;
}

.snapshot-red{
  border-color:rgba(239,68,68,.34);
  background:
    linear-gradient(180deg, rgba(239,68,68,.18), rgba(239,68,68,.04) 24%, rgba(15,20,28,1) 24%, rgba(15,20,28,1) 100%);
  box-shadow:
    0 0 0 1px rgba(239,68,68,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 20px rgba(239,68,68,.12);
}

.snapshot-red::before{
  background:rgba(239,68,68,.42);
}

.snapshot-red .snapshot-icon,
.snapshot-red .snapshot-value,
.snapshot-red .snapshot-label{
  color:#fca5a5;
}

/* Snapshot theme-specific hover borders */

.snapshot-purple:hover{
  border-color:rgba(132,56,206,.52);
  box-shadow:
    0 0 0 1px rgba(132,56,206,.20),
    0 12px 30px rgba(0,0,0,.28),
    0 0 20px rgba(132,56,206,.14);
}

.snapshot-silver:hover{
  border-color:rgba(244,114,182,.50);
  box-shadow:
    0 0 0 1px rgba(244,114,182,.18),
    0 12px 30px rgba(0,0,0,.28),
    0 0 20px rgba(244,114,182,.12);
}

.snapshot-blue:hover{
  border-color:rgba(37,99,235,.52);
  box-shadow:
    0 0 0 1px rgba(37,99,235,.20),
    0 12px 30px rgba(0,0,0,.28),
    0 0 20px rgba(37,99,235,.14);
}

.snapshot-yellow:hover{
  border-color:rgba(202,138,4,.52);
  box-shadow:
    0 0 0 1px rgba(202,138,4,.20),
    0 12px 30px rgba(0,0,0,.28),
    0 0 20px rgba(202,138,4,.14);
}

.snapshot-green:hover{
  border-color:rgba(22,163,74,.52);
  box-shadow:
    0 0 0 1px rgba(22,163,74,.20),
    0 12px 30px rgba(0,0,0,.28),
    0 0 20px rgba(22,163,74,.14);
}

.snapshot-red:hover{
  border-color:rgba(220,38,38,.52);
  box-shadow:
    0 0 0 1px rgba(220,38,38,.20),
    0 12px 30px rgba(0,0,0,.28),
    0 0 20px rgba(220,38,38,.14);
}

.home-featured-player{
  display:flex;
  min-height:100%;
}

.featured-player-card{
  display:flex;
  flex-direction:column;
  width:100%;
  padding:22px;
  border:1px solid rgba(255,184,28,.22);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(255,184,28,.12), rgba(255,184,28,.03) 22%, rgba(15,20,28,1) 22%, rgba(15,20,28,1) 100%);
  box-shadow:
    0 0 0 1px rgba(255,184,28,.10),
    0 12px 32px rgba(0,0,0,.28),
    0 0 22px rgba(255,184,28,.10);
  color:var(--text);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.featured-player-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,184,28,.5);
  box-shadow:
    0 0 0 1px rgba(255,184,28,.18),
    0 10px 30px rgba(0,0,0,.25),
    0 0 22px rgba(255,184,28,.14);
}

.featured-player-kicker{
  color:var(--gold);
  font-size:1rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:16px;
  text-shadow:0 0 10px rgba(255,184,28,.18);
}

.featured-player-kicker::after{
  content:"";
  display:block;
  width:72px;
  height:2px;
  margin-top:8px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--gold), rgba(255,184,28,0));
}

.featured-player-top{
  display:grid;
  grid-template-columns:96px minmax(0, 1fr);
  gap:14px;
  align-items:start;
  margin-bottom:14px;
}

.featured-player-avatar .player-avatar,
.featured-player-avatar .player-avatar-fallback{
  width:96px;
  height:96px;
  font-size:1.35rem;
}

.featured-player-meta h3{
  margin:0 0 8px 0;
  color:#fff;
  font-size:1.55rem;
  line-height:1.08;
}

.featured-player-meta{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.featured-player-tier,
.featured-player-archetype{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  font-weight:700;
  line-height:1.35;
}

.featured-player-tier{
  gap:6px;
  padding:6px 10px;
  border-radius:10px;
  border:1px solid rgba(255,184,28,.26);
  background:rgba(255,184,28,.10);
  color:#ffe29a;
  box-shadow:
    0 0 0 1px rgba(255,184,28,.08),
    0 0 14px rgba(255,184,28,.10);
}

.featured-player-archetype{
  color:var(--muted);
}

.featured-player-quote{
  position:relative;
  margin:2px 0 16px 0;
  padding:0 0 0 16px;
  color:#ffe7b0;
  font-style:italic;
  font-weight:700;
  line-height:1.6;
  max-width:52ch;
  text-shadow:0 0 8px rgba(255,184,28,.08);
}

.featured-player-quote::before{
  content:"";
  position:absolute;
  left:0;
  top:.2em;
  bottom:.2em;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,184,28,.85), rgba(255,184,28,.18));
}

.featured-player-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}

.featured-player-stat{
  position:relative;
  padding:11px 12px;
  border:1px solid rgba(255,184,28,.14);
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,184,28,.08), rgba(255,184,28,.02) 36%, rgba(255,255,255,.02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.20),
    0 0 14px rgba(255,184,28,.06);
}

.featured-player-stat::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,184,28,.55), rgba(255,184,28,0));
  opacity:.9;
}

.featured-player-stat-label{
  display:block;
  text-align:left;
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.featured-player-stat-value{
  display:block;
  width:100%;
  text-align:right;
  color:#fff;
  font-size:1.15rem;
  font-weight:800;
}

.featured-player-stat-green{
  border-color:rgba(168,85,247,.20);
  background:
    linear-gradient(180deg, rgba(168,85,247,.10), rgba(168,85,247,.03) 36%, rgba(255,255,255,.02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.20),
    0 0 14px rgba(168,85,247,.08);
}

.featured-player-stat-green::before{
  background:linear-gradient(90deg, rgba(168,85,247,.65), rgba(168,85,247,0));
}

.featured-player-stat-green .featured-player-stat-label,
.featured-player-stat-green .featured-player-stat-value{
  color:#d8b4fe;
}

.featured-player-stat-purple{
  border-color:rgba(34,197,94,.20);
  background:
    linear-gradient(180deg, rgba(34,197,94,.10), rgba(34,197,94,.03) 36%, rgba(255,255,255,.02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.20),
    0 0 14px rgba(34,197,94,.08);
}

.featured-player-stat-purple::before{
  background:linear-gradient(90deg, rgba(34,197,94,.65), rgba(34,197,94,0));
}

.featured-player-stat-purple .featured-player-stat-label,
.featured-player-stat-purple .featured-player-stat-value{
  color:#86efac;
}

.featured-player-stat-yellow{
  border-color:rgba(250,204,21,.20);
  background:
    linear-gradient(180deg, rgba(250,204,21,.10), rgba(250,204,21,.03) 36%, rgba(255,255,255,.02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.20),
    0 0 14px rgba(250,204,21,.08);
}

.featured-player-stat-yellow::before{
  background:linear-gradient(90deg, rgba(250,204,21,.65), rgba(250,204,21,0));
}

.featured-player-stat-yellow .featured-player-stat-label,
.featured-player-stat-yellow .featured-player-stat-value{
  color:#fde68a;
}

.featured-player-stat-red{
  border-color:rgba(239,68,68,.20);
  background:
    linear-gradient(180deg, rgba(239,68,68,.10), rgba(239,68,68,.03) 36%, rgba(255,255,255,.02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.20),
    0 0 14px rgba(239,68,68,.08);
}

.featured-player-stat-red::before{
  background:linear-gradient(90deg, rgba(239,68,68,.65), rgba(239,68,68,0));
}

.featured-player-stat-red .featured-player-stat-label,
.featured-player-stat-red .featured-player-stat-value{
  color:#fca5a5;
}

.featured-player-stat-blue{
  border-color:rgba(59,130,246,.20);
  background:
    linear-gradient(180deg, rgba(59,130,246,.10), rgba(59,130,246,.03) 36%, rgba(255,255,255,.02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.20),
    0 0 14px rgba(59,130,246,.08);
}

.featured-player-stat-blue::before{
  background:linear-gradient(90deg, rgba(59,130,246,.65), rgba(59,130,246,0));
}

.featured-player-stat-blue .featured-player-stat-label,
.featured-player-stat-blue .featured-player-stat-value{
  color:#93c5fd;
}

.featured-player-stat-pink{
  border-color:rgba(244,114,182,.20);
  background:
    linear-gradient(180deg, rgba(244,114,182,.10), rgba(244,114,182,.03) 36%, rgba(255,255,255,.02) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.20),
    0 0 14px rgba(244,114,182,.08);
}

.featured-player-stat-pink::before{
  background:linear-gradient(90deg, rgba(244,114,182,.65), rgba(244,114,182,0));
}

.featured-player-stat-pink .featured-player-stat-label,
.featured-player-stat-pink .featured-player-stat-value{
  color:#f9a8d4;
}

.featured-player-badges{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  align-content:flex-start;
  justify-content:flex-start;
  gap:8px;
  margin-top:auto;
  margin-bottom:14px;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.06);
}

.featured-player-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:max-content;
  flex:0 0 auto;
  white-space:nowrap;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,184,28,.24);
  background:rgba(255,184,28,.08);
  color:#fff;
  font-size:.74rem;
  font-weight:700;
  line-height:1;
}

.featured-player-link{
  color:var(--gold);
  font-weight:800;
  margin-top:auto;
}

/* event cards */

.home-events-grid,
#schedule-list{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.home-event-rotator-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.home-event-rotator-header{
  display:none;
}

.home-event-button-row{
  display:none;
}

.home-event-rotator-stage{
  position:relative;
}

.home-event-rotator-panel{
  opacity:0;
  pointer-events:none;
  transition:opacity .9s ease-in-out;
  position:absolute;
  inset:0;
}

.home-event-rotator-panel.is-active{
  opacity:1;
  pointer-events:auto;
  position:relative;
}

.home-event-rotator-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.home-event-dot{
  appearance:none;
  -webkit-appearance:none;
  display:inline-block;
  flex:0 0 14px;
  width:14px;
  height:14px;
  padding:0;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.05);
  cursor:pointer;
  position:relative;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    opacity .18s ease;
}

.home-event-dot::after{
  content:"";
  position:absolute;
  inset:2px;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  transition:
    background .18s ease,
    box-shadow .18s ease,
    opacity .18s ease;
  opacity:.55;
}

.home-event-dot:hover{
  transform:scale(1.06);
}

.home-event-dot.is-active{
  opacity:1;
}

.home-event-dot[data-home-event-day="friday"].is-active{
  border-color:#c4b5fd;
  background:rgba(196,181,253,.18);
  box-shadow:
    0 0 0 1px rgba(196,181,253,.12),
    0 0 10px rgba(196,181,253,.24);
}

.home-event-dot[data-home-event-day="friday"].is-active::after{
  background:#c4b5fd;
  opacity:1;
  box-shadow:0 0 8px rgba(196,181,253,.42);
}

.home-event-dot[data-home-event-day="saturday"].is-active{
  border-color:#86efac;
  background:rgba(34,197,94,.20);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.12),
    0 0 10px rgba(34,197,94,.24);
}

.home-event-dot[data-home-event-day="saturday"].is-active::after{
  background:#86efac;
  opacity:1;
  box-shadow:0 0 8px rgba(34,197,94,.42);
}

.home-rotating-event-card{
  position:relative;
}

.home-event-top-right{
  margin-left:auto;
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  flex:0 0 auto;
  min-width:max-content;
  width:auto;
}

#home-events-list .event-card-topline,
#schedule-list .event-card-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  flex-wrap:nowrap;
}

#home-events-list .event-card-topline .home-event-top-right,
#schedule-list .event-card-topline .home-event-top-right{
  margin-left:auto;
  justify-content:flex-end;
  width:auto;
}

#home-events-list .event-card-topline .schedule-day-pill,
#schedule-list .event-card-topline .schedule-day-pill{
  margin-left:auto;
}

#schedule-list .home-event-top-right,
#home-events-list .home-event-top-right{
  justify-content:flex-end;
}

#schedule-list .home-event-top-right .schedule-day-pill,
#home-events-list .home-event-top-right .schedule-day-pill{
  margin-left:auto;
}

.schedule-day-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  padding:8px 16px;
  border-radius:999px;
  border:1px solid rgba(88,100,118,.36);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(34,40,52,.96), rgba(12,16,22,.96));
  color:#fff;
  font-size:1.22rem;
  font-weight:900;
  letter-spacing:.01em;
  line-height:1.08;
  text-transform:none;
  white-space:nowrap;
  text-shadow:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -2px 4px rgba(0,0,0,.55),
    0 8px 14px rgba(0,0,0,.26);
}

.home-event-top-right .schedule-day-pill{
  margin-left:auto;
}

#home-events-list .schedule-event-card-top .schedule-day-pill,
#schedule-list .schedule-event-card-top .schedule-day-pill{
  color:#f1e8ff;
  border-color:rgba(196,181,253,.48);
  background:
    linear-gradient(180deg, rgba(220,210,255,.10), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(98,68,160,.95), rgba(44,26,84,.96));
  box-shadow:
    inset 0 1px 0 rgba(220,210,255,.10),
    inset 0 -2px 4px rgba(32,16,60,.55),
    0 0 10px rgba(196,181,253,.14),
    0 8px 14px rgba(0,0,0,.26);
}

#home-events-list .schedule-event-card-bottom .schedule-day-pill,
#schedule-list .schedule-event-card-bottom .schedule-day-pill{
  color:#e7ffef;
  border-color:rgba(134,239,172,.48);
  background:
    linear-gradient(180deg, rgba(210,255,224,.10), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(30,104,58,.95), rgba(15,52,31,.96));
  box-shadow:
    inset 0 1px 0 rgba(210,255,224,.10),
    inset 0 -2px 4px rgba(8,36,18,.55),
    0 0 10px rgba(134,239,172,.14),
    0 8px 14px rgba(0,0,0,.26);
}

.home-event-fixed-buttons{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:nowrap;
  margin-top:auto !important;
  align-self:flex-start;
  padding-top:8px;
}

.home-event-fixed-buttons .btn{
  margin-top:0;
}

.home-event-fixed-buttons-inline{
  display:flex;
  flex-wrap:nowrap;
  width:auto;
  max-width:100%;
  margin-top:auto !important;
  align-self:flex-start;
  padding-top:8px;
}

.event-details-col > .btn-rsvp,
.event-details-col > .home-event-fixed-buttons,
.event-details-col > .home-event-fixed-buttons-inline{
  margin-top:auto !important;
  align-self:flex-start;
}

.event-details-col > .btn-rsvp{
  padding-top:8px;
}

.home-fixed-rsvp-btn,
.home-dual-rsvp-btn{
  min-width:148px;
}

.home-dual-rsvp-btn{
  min-width:148px;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
}

.home-dual-rsvp-btn-friday{
  background:linear-gradient(180deg, rgba(168,85,247,.32), rgba(168,85,247,.16));
  border-color:rgba(168,85,247,.42);
  color:#f3e8ff;
  box-shadow:
    0 0 0 1px rgba(168,85,247,.12),
    0 8px 18px rgba(0,0,0,.22),
    0 0 14px rgba(168,85,247,.10);
}

.home-dual-rsvp-btn-friday:hover{
  background:linear-gradient(180deg, #ddd6fe 0%, #c4b5fd 100%);
  border-color:#c4b5fd;
  color:#24123d;
  box-shadow:
    0 0 0 1px rgba(196,181,253,.16),
    0 10px 24px rgba(0,0,0,.20),
    0 0 16px rgba(168,85,247,.12);
}

.home-dual-rsvp-btn-saturday{
  background:linear-gradient(180deg, rgba(34,197,94,.32), rgba(34,197,94,.16));
  border-color:rgba(34,197,94,.42);
  color:#dcfce7;
  box-shadow:
    0 0 0 1px rgba(34,197,94,.12),
    0 8px 18px rgba(0,0,0,.22),
    0 0 14px rgba(34,197,94,.10);
}

.home-dual-rsvp-btn-saturday:hover{
  background:linear-gradient(180deg, #dcfce7 0%, #86efac 100%);
  border-color:#86efac;
  color:#0f2d18;
  box-shadow:
    0 0 0 1px rgba(134,239,172,.16),
    0 10px 24px rgba(0,0,0,.20),
    0 0 16px rgba(34,197,94,.12);
}

#schedule-list .schedule-event-card-top .btn-rsvp:hover{
  background:linear-gradient(180deg, #ddd6fe 0%, #c4b5fd 100%);
  border-color:#c4b5fd;
  color:#24123d;
  box-shadow:
    0 0 0 1px rgba(196,181,253,.16),
    0 10px 24px rgba(0,0,0,.20),
    0 0 16px rgba(168,85,247,.12);
}

#schedule-list .schedule-event-card-bottom .btn-rsvp:hover{
  background:linear-gradient(180deg, #dcfce7 0%, #86efac 100%);
  border-color:#86efac;
  color:#0f2d18;
  box-shadow:
    0 0 0 1px rgba(134,239,172,.16),
    0 10px 24px rgba(0,0,0,.20),
    0 0 16px rgba(34,197,94,.12);
}

#schedule-list .schedule-event-card-top .btn-rsvp{
  background:linear-gradient(180deg, rgba(168,85,247,.28), rgba(168,85,247,.14));
  border-color:rgba(168,85,247,.34);
  color:#f3e8ff;
}

#schedule-list .schedule-event-card-bottom .btn-rsvp{
  background:linear-gradient(180deg, rgba(34,197,94,.28), rgba(34,197,94,.14));
  border-color:rgba(34,197,94,.34);
  color:#dcfce7;
}

.home-rotator-nav-inline{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:2px 0 2px 0;
  padding:0 8px;
}

.home-event-rotator-dots-inline{
  justify-content:center;
  gap:8px;
}

.event-rsvp-summary-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:0;
}

.home-rsvp-summary-header{
  margin-top:0;
}

.event-layout-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 680px;
  gap:6px;
  margin-top:4px;
  align-items:stretch;
}

.event-details-col{
  padding-right:14px;
  border-right:1px solid rgba(255,255,255,.12);
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-self:stretch;
  height:100%;
  min-height:100%;
  gap:8px;
  padding-bottom:2px;
}

.event-details-col > .event-commissioner-inline{
  margin-top:12px;
}

.event-details-col p{
  margin:0;
  line-height:1.34;
  font-size:1.02rem;
  color:#ffffff;
}

.event-details-col .event-title-kicker{
  margin-bottom:2px;
}

.event-details-col .event-format-title{
  margin-bottom:4px;
}

.event-details-col .home-event-title{
  margin-bottom:6px;
  font-size:1.55rem;
  line-height:1.12;
  font-weight:800;
  color:#fff;
}

#home-events-list .event-format-title,
#schedule-list .event-format-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:max-content;
  min-height:38px;
  padding:8px 16px;
  border-radius:999px;
  white-space:nowrap;
  line-height:1;
  align-self:flex-start;
}

.event-details-col p strong{
  color:#fff;
  font-weight:800;
  letter-spacing:.01em;
}

#home-events-list .schedule-event-card-top .event-details-col p strong,
#schedule-list .schedule-event-card-top .event-details-col p strong,
#home-events-list .schedule-event-card-top .event-commissioner-inline-title,
#schedule-list .schedule-event-card-top .event-commissioner-inline-title{
  color:#ddd6fe;
  text-shadow:none;
}

#home-events-list .schedule-event-card-bottom .event-details-col p strong,
#schedule-list .schedule-event-card-bottom .event-details-col p strong,
#home-events-list .schedule-event-card-bottom .event-commissioner-inline-title,
#schedule-list .schedule-event-card-bottom .event-commissioner-inline-title{
  color:#bbf7d0;
  text-shadow:none;
}

.event-rsvp-col{
  padding-left:4px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:center;
  align-self:start;
}

.event-details-col > *{
  margin:0 0 2px 0;
}

.event-details-col .btn{
  margin-top:0;
  align-self:flex-start;
}

.event-card{
  padding:16px 18px;
}

.event-commissioner-inline{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.10);
}

.event-rsvp-block{
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  gap:6px;
}

/* KEEP THE OLD / CORRECT TABLE + CHAIR + AVATAR GEOMETRY */
.event-rsvp-avatar-row{
  position:relative;
  width:700px;
  height:350px;
  margin:0 auto;
  align-self:center;
}

.event-rsvp-center-name{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%) scale(.92);
  z-index:2;
  min-width:260px;
  max-width:76%;
  text-align:center;
  pointer-events:none;
  font-size:2rem;
  font-weight:900;
  line-height:1.1;
  letter-spacing:.02em;
  color:var(--gold);
  opacity:0;
  transition:opacity .18s ease, transform .18s ease;
  text-shadow:
    -2px -2px 0 #000,
     2px -2px 0 #000,
    -2px  2px 0 #000,
     2px  2px 0 #000,
     0 0 8px rgba(0,0,0,.4);
}

.event-rsvp-center-name.is-visible{
  opacity:1;
  transform:translate(-50%, -50%) scale(1);
}

.event-rsvp-avatar-row::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:url("images/site/winter-classic.png?v=6") center center / 700px 350px no-repeat;
  border:none;
  box-shadow:0 8px 16px rgba(0,0,0,.18);
  filter:none;
  transition:transform .22s ease, box-shadow .22s ease;
}

.event-rsvp-avatar-row::after{
  content:"";
  position:absolute;
  inset:50px 84px 50px 84px;
  border-radius:999px;
  pointer-events:none;
  box-shadow:inset 0 0 0 2px rgba(88,100,118,.42);
  transition:transform .22s ease, box-shadow .22s ease;
}

.event-rsvp-avatar-row:hover::before{
  transform:scale(1.01);
  box-shadow:0 10px 18px rgba(0,0,0,.20);
  filter:none;
}

.event-rsvp-avatar-row:hover::after{
  transform:scale(1.01);
  box-shadow:inset 0 0 0 2px rgba(88,100,118,.52);
}

#home-events-list .schedule-event-card-top .event-rsvp-avatar-row::after,
#schedule-list .schedule-event-card-top .event-rsvp-avatar-row::after{
  box-shadow:inset 0 0 0 2px rgba(109,40,217,.88);
}

#home-events-list .schedule-event-card-top .event-rsvp-avatar-row:hover::after,
#schedule-list .schedule-event-card-top .event-rsvp-avatar-row:hover::after{
  box-shadow:inset 0 0 0 2px rgba(109,40,217,.98);
}

#home-events-list .schedule-event-card-bottom .event-rsvp-avatar-row::after,
#schedule-list .schedule-event-card-bottom .event-rsvp-avatar-row::after{
  box-shadow:inset 0 0 0 2px rgba(22,163,74,.88);
}

#home-events-list .schedule-event-card-bottom .event-rsvp-avatar-row:hover::after,
#schedule-list .schedule-event-card-bottom .event-rsvp-avatar-row:hover::after{
  box-shadow:inset 0 0 0 2px rgba(22,163,74,.98);
}

.event-rsvp-avatar-row > .event-rsvp-seat-player,
.event-rsvp-avatar-row > .event-empty-seat{
  position:absolute;
  width:116px;
  height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
  left:var(--seat-x);
  top:var(--seat-y);
  transform:translate(-50%, -50%);
}

.event-rsvp-seat-player .player-avatar-wrap{
  width:116px;
  height:116px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.event-rsvp-avatar-row .player-avatar,
.event-rsvp-avatar-row .player-avatar-fallback{
  width:116px;
  height:116px;
  font-size:1.38rem;
  border-width:3px;
}

.event-rsvp-avatar-row .player-avatar{
  object-fit:cover;
  border-radius:50%;
}

#home-events-list .event-rsvp-avatar-row .player-avatar,
#home-events-list .event-rsvp-avatar-row .player-avatar-fallback,
#schedule-list .event-rsvp-avatar-row .player-avatar,
#schedule-list .event-rsvp-avatar-row .player-avatar-fallback{
  box-shadow:
    0 0 14px rgba(255,184,28,.08),
    0 10px 18px rgba(0,0,0,.18);
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease;
}

#home-events-list .schedule-event-card-top .event-rsvp-avatar-row .player-avatar,
#home-events-list .schedule-event-card-top .event-rsvp-avatar-row .player-avatar-fallback,
#schedule-list .schedule-event-card-top .event-rsvp-avatar-row .player-avatar,
#schedule-list .schedule-event-card-top .event-rsvp-avatar-row .player-avatar-fallback{
  box-shadow:
    0 0 0 2px rgba(196,181,253,.12),
    0 0 14px rgba(196,181,253,.12),
    0 10px 18px rgba(0,0,0,.18);
}

#home-events-list .schedule-event-card-bottom .event-rsvp-avatar-row .player-avatar,
#home-events-list .schedule-event-card-bottom .event-rsvp-avatar-row .player-avatar-fallback,
#schedule-list .schedule-event-card-bottom .event-rsvp-avatar-row .player-avatar,
#schedule-list .schedule-event-card-bottom .event-rsvp-avatar-row .player-avatar-fallback{
  box-shadow:
    0 0 0 2px rgba(134,239,172,.12),
    0 0 14px rgba(134,239,172,.12),
    0 10px 18px rgba(0,0,0,.18);
}

#home-events-list .schedule-event-card-bottom .event-rsvp-avatar-row .player-avatar,
#home-events-list .schedule-event-card-bottom .event-rsvp-avatar-row .player-avatar-fallback,
#schedule-list .schedule-event-card-bottom .event-rsvp-avatar-row .player-avatar,
#schedule-list .schedule-event-card-bottom .event-rsvp-avatar-row .player-avatar-fallback{
  box-shadow:
    0 0 0 2px rgba(134,239,172,.12),
    0 0 14px rgba(134,239,172,.12),
    0 10px 18px rgba(0,0,0,.18);
}

#home-events-list .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar,
#home-events-list .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar-fallback,
#schedule-list .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar,
#schedule-list .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar-fallback{
  transform:scale(1.06);
  box-shadow:
    0 0 16px rgba(255,184,28,.10),
    0 12px 20px rgba(0,0,0,.22);
  filter:brightness(1.04);
}

#home-events-list .schedule-event-card-top .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar,
#home-events-list .schedule-event-card-top .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar-fallback,
#schedule-list .schedule-event-card-top .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar,
#schedule-list .schedule-event-card-top .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar-fallback{
  box-shadow:
    0 0 0 2px rgba(196,181,253,.18),
    0 0 16px rgba(196,181,253,.16),
    0 12px 20px rgba(0,0,0,.22);
}

#home-events-list .schedule-event-card-bottom .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar,
#home-events-list .schedule-event-card-bottom .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar-fallback,
#schedule-list .schedule-event-card-bottom .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar,
#schedule-list .schedule-event-card-bottom .event-rsvp-avatar-row .event-rsvp-seat-player:hover .player-avatar-fallback{
  box-shadow:
    0 0 0 2px rgba(134,239,172,.18),
    0 0 16px rgba(134,239,172,.16),
    0 12px 20px rgba(0,0,0,.22);
}

.event-empty-seat{
  font-size:3rem;
  line-height:1;
  opacity:.82;
  text-shadow:
    0 0 8px rgba(255,184,28,.10),
    0 0 16px rgba(255,255,255,.06);
}

.event-rsvp-summary{
  width:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:0;
  padding:8px 10px;

  border-radius:999px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08);

  box-shadow:
    inset 0 0 12px rgba(0,0,0,.4),
    0 6px 18px rgba(0,0,0,.25);
}

.event-rsvp-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;

  padding:6px 12px;
  border-radius:999px;
  font-size:.95rem;
  font-weight:900;

  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, rgba(34,40,52,.55), rgba(10,14,20,.92));

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -2px 4px rgba(0,0,0,.45),
    0 6px 14px rgba(0,0,0,.28);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    filter .18s ease,
    background .18s ease;
}

.event-rsvp-pill strong{
  font-weight:900;
  letter-spacing:.02em;
}

/* YES - GREEN */
.event-rsvp-pill.yes{
  color:#7ef29a;
  border-color:rgba(80,220,140,.45);
  background:
    linear-gradient(180deg, rgba(186,255,214,.12), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, rgba(40,120,70,.42), rgba(10,20,15,.92));
  box-shadow:
    inset 0 1px 0 rgba(186,255,214,.14),
    inset 0 -2px 4px rgba(6,28,14,.46),
    0 0 10px rgba(80,220,140,.15),
    0 6px 14px rgba(0,0,0,.28);
}

/* NO - RED */
.event-rsvp-pill.no{
  color:#ff8a8a;
  border-color:rgba(255,100,100,.45);
  background:
    linear-gradient(180deg, rgba(255,210,210,.10), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, rgba(120,40,40,.42), rgba(20,10,10,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,210,210,.12),
    inset 0 -2px 4px rgba(30,8,8,.46),
    0 0 10px rgba(255,100,100,.15),
    0 6px 14px rgba(0,0,0,.28);
}

/* MAYBE - YELLOW */
.event-rsvp-pill.maybe{
  color:#ffe27a;
  border-color:rgba(255,200,80,.45);
  background:
    linear-gradient(180deg, rgba(255,239,186,.12), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, rgba(120,95,30,.42), rgba(20,18,10,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,239,186,.14),
    inset 0 -2px 4px rgba(30,24,8,.46),
    0 0 10px rgba(255,200,80,.15),
    0 6px 14px rgba(0,0,0,.28);
}

/* TBD - PURPLE */
.event-rsvp-pill.tbd{
  color:#cfa8ff;
  border-color:rgba(160,120,255,.45);
  background:
    linear-gradient(180deg, rgba(231,220,255,.12), rgba(255,255,255,0) 38%),
    linear-gradient(135deg, rgba(70,50,120,.42), rgba(15,10,20,.92));
  box-shadow:
    inset 0 1px 0 rgba(231,220,255,.14),
    inset 0 -2px 4px rgba(18,10,34,.46),
    0 0 10px rgba(160,120,255,.15),
    0 6px 14px rgba(0,0,0,.28);
}

.event-rsvp-pill:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -2px 4px rgba(0,0,0,.48),
    0 8px 18px rgba(0,0,0,.34);
  filter:brightness(1.03);
}

/* ===== EVENT THEME RESTORE + HOME BUTTON ANCHOR ===== */

/* make the left event column actually push the RSVP buttons to the bottom on home */
.event-details-col .home-event-fixed-buttons,
.event-details-col .home-event-fixed-buttons-inline{
  margin-top:auto;
  align-self:flex-start;
}

/* keep the individual buttons flush once the wrapper is pushed down */
.event-details-col .home-event-fixed-buttons .btn,
.event-details-col .home-event-fixed-buttons-inline .btn{
  margin-top:0;
}

/* restore home-page event card shell colors */
#home-events-list .schedule-event-card-top{
  border:1px solid rgba(168,85,247,.24);
  background:
    linear-gradient(180deg, rgba(168,85,247,.18), rgba(168,85,247,.05)),
    radial-gradient(circle at top right, rgba(233,213,255,.08), transparent 30%);
  box-shadow:
    0 0 0 1px rgba(168,85,247,.08),
    0 10px 24px rgba(0,0,0,.18);
}

#home-events-list .schedule-event-card-bottom{
  border:1px solid rgba(34,197,94,.24);
  background:
    linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.05)),
    radial-gradient(circle at top right, rgba(134,239,172,.08), transparent 30%);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.08),
    0 10px 24px rgba(0,0,0,.18);
}

/* restore schedule-page event card shell colors */
#schedule-list .schedule-event-card-top{
  border:1px solid rgba(168,85,247,.24);
  background:
    linear-gradient(180deg, rgba(168,85,247,.18), rgba(168,85,247,.05)),
    radial-gradient(circle at top right, rgba(233,213,255,.08), transparent 30%);
  box-shadow:
    0 0 0 1px rgba(168,85,247,.08),
    0 10px 24px rgba(0,0,0,.18);
}

#schedule-list .schedule-event-card-bottom{
  border:1px solid rgba(34,197,94,.24);
  background:
    linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.05)),
    radial-gradient(circle at top right, rgba(134,239,172,.08), transparent 30%);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.08),
    0 10px 24px rgba(0,0,0,.18);
}

/* restore day-pill themes */
#home-events-list .schedule-event-card-top .schedule-day-pill,
#schedule-list .schedule-event-card-top .schedule-day-pill{
  color:#f1e8ff;
  border-color:rgba(196,181,253,.48);
  background:
    linear-gradient(180deg, rgba(220,210,255,.10), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(98,68,160,.95), rgba(44,26,84,.96));
  box-shadow:
    inset 0 1px 0 rgba(220,210,255,.10),
    inset 0 -2px 4px rgba(32,16,60,.55),
    0 0 10px rgba(196,181,253,.14),
    0 8px 14px rgba(0,0,0,.26);
}

#home-events-list .schedule-event-card-bottom .schedule-day-pill,
#schedule-list .schedule-event-card-bottom .schedule-day-pill{
  color:#e7ffef;
  border-color:rgba(134,239,172,.48);
  background:
    linear-gradient(180deg, rgba(210,255,224,.10), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(30,104,58,.95), rgba(15,52,31,.96));
  box-shadow:
    inset 0 1px 0 rgba(210,255,224,.10),
    inset 0 -2px 4px rgba(8,36,18,.55),
    0 0 10px rgba(134,239,172,.14),
    0 8px 14px rgba(0,0,0,.26);
}

/* restore event title colors */
#home-events-list .schedule-event-card-top .event-title-kicker,
#schedule-list .schedule-event-card-top .event-title-kicker{
  color:#ddd6fe;
  text-shadow:none;
}

#home-events-list .schedule-event-card-bottom .event-title-kicker,
#schedule-list .schedule-event-card-bottom .event-title-kicker{
  color:#bbf7d0;
  text-shadow:none;
}

/* restore structure / format pill themes */
#home-events-list .schedule-event-card-top .event-format-title,
#schedule-list .schedule-event-card-top .event-format-title{
  color:#e9ddff;
  border-color:rgba(196,181,253,.50);
  background:
    linear-gradient(180deg, rgba(231,221,255,.12), rgba(255,255,255,0) 40%),
    linear-gradient(180deg, rgba(98,68,160,.95), rgba(44,26,84,.96));
  box-shadow:
    inset 0 1px 0 rgba(231,221,255,.12),
    inset 0 -2px 4px rgba(32,16,60,.52),
    0 0 0 1px rgba(196,181,253,.10),
    0 0 10px rgba(196,181,253,.10),
    0 8px 14px rgba(0,0,0,.22);
}

  #home-events-list .schedule-event-card-bottom .event-format-title,
  #schedule-list .schedule-event-card-bottom .event-format-title{
    color:#d8ffe0;
    border-color:rgba(134,239,172,.50);
    background:
      linear-gradient(180deg, rgba(216,255,224,.12), rgba(255,255,255,0) 40%),
      linear-gradient(180deg, rgba(30,104,58,.95), rgba(15,52,31,.96));
    box-shadow:
      inset 0 1px 0 rgba(216,255,224,.12),
      inset 0 -2px 4px rgba(8,36,18,.52),
      0 0 0 1px rgba(134,239,172,.10),
      0 0 10px rgba(134,239,172,.10),
      0 8px 14px rgba(0,0,0,.22);
  }

  .event-title-kicker{
    font-size:1.72rem;
    font-weight:900;
    letter-spacing:.01em;
    line-height:1.1;
  }

  .event-details-col .event-title-kicker{
    margin-bottom:2px;
  }

  .event-structure{
    font-size:.82rem;
    color:#ffffff;
    margin:0 0 8px 0;
    line-height:1.25;
  }
}

/* restore themed text accents on left-side details + commissioner title */
#home-events-list .schedule-event-card-top .event-details-col p strong,
#schedule-list .schedule-event-card-top .event-details-col p strong,
#home-events-list .schedule-event-card-top .event-commissioner-inline-title,
#schedule-list .schedule-event-card-top .event-commissioner-inline-title{
  color:#ddd6fe;
  text-shadow:none;
}

#home-events-list .schedule-event-card-bottom .event-details-col p strong,
#schedule-list .schedule-event-card-bottom .event-details-col p strong,
#home-events-list .schedule-event-card-bottom .event-commissioner-inline-title,
#schedule-list .schedule-event-card-bottom .event-commissioner-inline-title{
  color:#bbf7d0;
  text-shadow:none;
}

/* restore schedule-page RSVP button themes */
#schedule-list .schedule-event-card-top .btn-rsvp{
  background:linear-gradient(180deg, rgba(168,85,247,.28), rgba(168,85,247,.14));
  border-color:rgba(168,85,247,.34);
  color:#f3e8ff;
}

#schedule-list .schedule-event-card-top .btn-rsvp:hover{
  background:linear-gradient(180deg, #ddd6fe 0%, #c4b5fd 100%);
  border-color:#c4b5fd;
  color:#24123d;
  box-shadow:
    0 0 0 1px rgba(196,181,253,.16),
    0 10px 24px rgba(0,0,0,.20),
    0 0 16px rgba(168,85,247,.12);
}

#schedule-list .schedule-event-card-bottom .btn-rsvp{
  background:linear-gradient(180deg, rgba(34,197,94,.28), rgba(34,197,94,.14));
  border-color:rgba(34,197,94,.34);
  color:#dcfce7;
}

#schedule-list .schedule-event-card-bottom .btn-rsvp:hover{
  background:linear-gradient(180deg, #dcfce7 0%, #86efac 100%);
  border-color:#86efac;
  color:#0f2d18;
  box-shadow:
    0 0 0 1px rgba(134,239,172,.16),
    0 10px 24px rgba(0,0,0,.20),
    0 0 16px rgba(34,197,94,.12);
}

/* homepage outer shell color treatments */
.home-commissioner-section{
  margin:0;
  border-color:rgba(215,38,61,.36);
  background:
    radial-gradient(circle at top right, rgba(215,38,61,.18), transparent 34%),
    radial-gradient(circle at left center, rgba(255,120,120,.10), transparent 26%),
    linear-gradient(180deg, rgba(72,12,22,.99), rgba(20,8,12,.995));
  box-shadow:
    0 0 0 1px rgba(215,38,61,.14),
    0 14px 32px rgba(0,0,0,.24),
    0 0 22px rgba(215,38,61,.14);
}

#home-snapshot{
  border-color:rgba(59,130,246,.24);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(147,197,253,.08), transparent 26%),
    linear-gradient(180deg, rgba(12,28,52,.98), rgba(11,18,32,.99));
  box-shadow:
    0 0 0 1px rgba(59,130,246,.08),
    0 12px 28px rgba(0,0,0,.20),
    0 0 18px rgba(59,130,246,.10);
}

#home-pulse{
  border-color:rgba(34,197,94,.24);
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(134,239,172,.08), transparent 26%),
    linear-gradient(180deg, rgba(10,54,27,.98), rgba(10,20,14,.99));
  box-shadow:
    0 0 0 1px rgba(34,197,94,.08),
    0 12px 28px rgba(0,0,0,.20),
    0 0 18px rgba(34,197,94,.10);
}

.home-analysis-lane{
  border-color:rgba(168,85,247,.24);
  background:
    radial-gradient(circle at top right, rgba(168,85,247,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(216,180,254,.08), transparent 26%),
    linear-gradient(180deg, rgba(42,16,70,.98), rgba(18,12,30,.99));
  box-shadow:
    0 0 0 1px rgba(168,85,247,.08),
    0 12px 28px rgba(0,0,0,.20),
    0 0 20px rgba(168,85,247,.10);
}

.home-commissioner-shell{
  border:1px solid rgba(255,170,120,.40);
  border-radius:18px;
  padding:14px 18px;
  background:
    radial-gradient(circle at top right, rgba(255,214,170,.18), transparent 34%),
    linear-gradient(180deg, rgba(255,146,92,.30), rgba(215,78,36,.22)),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  box-shadow:
    0 0 0 1px rgba(255,170,120,.14),
    0 10px 30px rgba(0,0,0,.24),
    0 0 18px rgba(255,120,72,.12);
}

.home-commissioner-shell .commissioner-typing-target{
  min-height:3.4em;
}

#home-commissioner-section .section-head{
  position:relative;
  margin-bottom:12px;
  padding-top:12px;
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
}

#home-commissioner-section .section-head::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(220,38,38,.98) 0%,
    rgba(249,115,22,.98) 36%,
    rgba(255,184,28,.98) 74%,
    transparent 100%
  );
}

#home-commissioner-section .section-head::after{
  content:none;
  display:none;
}

.event-rsvp-avatar-row > :nth-child(2){ --seat-x:50%; --seat-y:10%; }
.event-rsvp-avatar-row > :nth-child(3){ --seat-x:76%; --seat-y:14%; }
.event-rsvp-avatar-row > :nth-child(4){ --seat-x:87%; --seat-y:32%; }
.event-rsvp-avatar-row > :nth-child(5){ --seat-x:86%; --seat-y:74%; }
.event-rsvp-avatar-row > :nth-child(6){ --seat-x:62%; --seat-y:88%; }
.event-rsvp-avatar-row > :nth-child(7){ --seat-x:38%; --seat-y:88%; }
.event-rsvp-avatar-row > :nth-child(8){ --seat-x:14%; --seat-y:74%; }
.event-rsvp-avatar-row > :nth-child(9){ --seat-x:13%; --seat-y:32%; }
.event-rsvp-avatar-row > :nth-child(10){ --seat-x:24%; --seat-y:14%; }

.event-rsvp-avatar-row.is-hot-table .player-avatar,
.event-rsvp-avatar-row.is-hot-table .player-avatar-fallback{
  box-shadow:none;
}

@keyframes tlptSeatPopIn{
  0%{
    opacity:0;
    transform:translate(-50%, -50%) scale(.72);
  }
  65%{
    opacity:1;
    transform:translate(-50%, -50%) scale(1.06);
  }
  100%{
    opacity:1;
    transform:translate(-50%, -50%) scale(1);
  }
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player,
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player{
  opacity:0;
  animation:tlptSeatPopIn .48s ease forwards;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(2),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(2){
  animation-delay:.04s;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(3),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(3){
  animation-delay:.10s;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(4),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(4){
  animation-delay:.16s;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(5),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(5){
  animation-delay:.22s;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(6),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(6){
  animation-delay:.28s;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(7),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(7){
  animation-delay:.34s;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(8),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(8){
  animation-delay:.40s;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(9),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(9){
  animation-delay:.46s;
}

#home-events-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(10),
#schedule-list .event-rsvp-avatar-row > .event-rsvp-seat-player:nth-child(10){
  animation-delay:.52s;
}

/* avatar system */

.player-avatar-wrap{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.player-avatar,
.player-avatar-fallback{
  position:relative;
  z-index:1;
  border-radius:50%;
  border:3px solid var(--gold);
  background:
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
    linear-gradient(135deg,#1b2530 0%,#10161d 100%);
  color:var(--gold);
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
  overflow:hidden;
  box-shadow:
    0 0 0 2px rgba(255,184,28,.16),
    0 10px 18px rgba(0,0,0,.34);
}

.player-avatar{
  object-fit:cover;
}

.player-avatar.table,
.player-avatar-fallback.table,
.player-avatar.standings,
.player-avatar-fallback.standings{
  width:44px;
  height:44px;
  font-size:.95rem;
  border-width:2px;
}

.player-avatar.standings,
.player-avatar-fallback.standings{
  box-shadow:
    0 0 0 2px rgba(255,184,28,.14),
    0 0 14px rgba(255,184,28,.08),
    0 8px 16px rgba(0,0,0,.22);
}

.player-avatar.crew,
.player-avatar-fallback.crew{
  width:96px;
  height:96px;
  font-size:1.48rem;
}

.player-avatar.dashboard,
.player-avatar-fallback.dashboard{
  width:82px;
  height:82px;
  font-size:1.35rem;
}

.player-avatar.honors,
.player-avatar-fallback.honors{
  width:76px;
  height:76px;
  font-size:1.3rem;
}

.player-avatar.profile,
.player-avatar-fallback.profile{
  width:340px;
  height:340px;
  font-size:4.6rem;
}

/* player inline */

.player-inline{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:var(--text);
}

.player-inline:hover{
  color:var(--gold);
}

.player-inline-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* tables */

.table-wrap{
  overflow-x:auto;
  width:100%;
}

table{
  width:100%;
  border-collapse:collapse;
}

#standings-table{
  min-width:820px;
}

th,
td{
  padding:12px 10px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:middle;
}

#standings-table th,
#standings-table td,
.blind-table th,
.blind-table td{
  white-space:nowrap;
}

#standings-table th:nth-child(n+3),
#standings-table td:nth-child(n+3){
  text-align:center;
}

#standings-table th{
  color:#eef5fc;
  font-weight:800;
  letter-spacing:.02em;
  background:
    linear-gradient(180deg, rgba(255,184,28,.18), rgba(255,184,28,.05)),
    linear-gradient(90deg, rgba(59,130,246,.06), transparent 34%);
  box-shadow:
    inset 0 -1px 0 rgba(255,184,28,.16),
    inset 0 1px 0 rgba(255,255,255,.03);
}

#standings-table thead th{
  position:sticky;
  top:0;
  z-index:6;
  background-clip:padding-box;
}

.standings-datawall > .table-wrap{
  border-top:1px solid rgba(59,130,246,.10);
}

#standings-table tbody tr:nth-child(1){
  background:
    linear-gradient(90deg, rgba(255,213,108,.18), rgba(255,213,108,.05) 38%, transparent 100%);
  box-shadow:
    inset 4px 0 0 rgba(255,213,108,.98),
    inset 0 1px 0 rgba(255,213,108,.10),
    0 0 16px rgba(255,213,108,.06);
}

#standings-table tbody tr:nth-child(2){
  background:
    linear-gradient(90deg, rgba(192,192,192,.15), rgba(192,192,192,.04) 38%, transparent 100%);
  box-shadow:
    inset 4px 0 0 rgba(192,192,192,.90),
    inset 0 1px 0 rgba(192,192,192,.08),
    0 0 14px rgba(192,192,192,.05);
}

#standings-table tbody tr:nth-child(3){
  background:
    linear-gradient(90deg, rgba(205,127,50,.15), rgba(205,127,50,.04) 38%, transparent 100%);
  box-shadow:
    inset 4px 0 0 rgba(205,127,50,.90),
    inset 0 1px 0 rgba(205,127,50,.08),
    0 0 14px rgba(205,127,50,.05);
}

#standings-table tbody tr:nth-child(1) td{
  color:#fff3cc;
}

#standings-table tbody tr:nth-child(2) td{
  color:#e7edf3;
}

#standings-table tbody tr:nth-child(3) td{
  color:#f0d4bf;
}

#standings-table tbody tr:nth-child(n+4):nth-child(odd){
  background:rgba(255,255,255,.018);
}

#standings-table tbody tr:nth-child(n+4):nth-child(even){
  background:rgba(255,255,255,.032);
}

#standings-table tbody tr:nth-child(n+4):hover{
  background:
    linear-gradient(90deg, rgba(255,184,28,.075), rgba(255,184,28,.02) 40%, transparent 100%);
}

#standings-table tbody tr:nth-child(1):hover{
  background:
    linear-gradient(90deg, rgba(255,213,108,.22), rgba(255,213,108,.06) 40%, transparent 100%);
  box-shadow:
    inset 4px 0 0 rgba(255,213,108,.98),
    inset 0 1px 0 rgba(255,213,108,.12),
    0 0 18px rgba(255,213,108,.08);
}

#standings-table tbody tr:nth-child(2):hover{
  background:
    linear-gradient(90deg, rgba(192,192,192,.18), rgba(192,192,192,.05) 40%, transparent 100%);
  box-shadow:
    inset 4px 0 0 rgba(192,192,192,.90),
    inset 0 1px 0 rgba(192,192,192,.10),
    0 0 16px rgba(192,192,192,.06);
}

#standings-table tbody tr:nth-child(3):hover{
  background:
    linear-gradient(90deg, rgba(205,127,50,.18), rgba(205,127,50,.05) 40%, transparent 100%);
  box-shadow:
    inset 4px 0 0 rgba(205,127,50,.90),
    inset 0 1px 0 rgba(205,127,50,.10),
    0 0 16px rgba(205,127,50,.06);
}

.standings-row-link{
  cursor:pointer;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease;
}

#standings-table tbody .standings-row-link:nth-child(n+4):hover{
  background:linear-gradient(180deg, rgba(59,130,246,.08), rgba(59,130,246,.03));
  box-shadow:inset 0 0 0 1px rgba(59,130,246,.12);
}

.standings-row-link:focus-visible{
  outline:none;
  background:linear-gradient(180deg, rgba(59,130,246,.10), rgba(59,130,246,.04));
  box-shadow:
    inset 0 0 0 1px rgba(59,130,246,.18),
    0 0 0 2px rgba(59,130,246,.20);
}

.standings-row-link td{
  position:relative;
}

/* selected standings stat column highlight */
#standings-table[data-active-stat="profit"] th:nth-child(3),
#standings-table[data-active-stat="profit"] td:nth-child(3),
#standings-table[data-active-stat="roi"] th:nth-child(4),
#standings-table[data-active-stat="roi"] td:nth-child(4),
#standings-table[data-active-stat="trueSkillScore"] th:nth-child(5),
#standings-table[data-active-stat="trueSkillScore"] td:nth-child(5),
#standings-table[data-active-stat="hits"] th:nth-child(6),
#standings-table[data-active-stat="hits"] td:nth-child(6),
#standings-table[data-active-stat="timesPlaced"] th:nth-child(7),
#standings-table[data-active-stat="timesPlaced"] td:nth-child(7),
#standings-table[data-active-stat="bubbles"] th:nth-child(8),
#standings-table[data-active-stat="bubbles"] td:nth-child(8),
#standings-table[data-active-stat="luckIndex"] th:nth-child(9),
#standings-table[data-active-stat="luckIndex"] td:nth-child(9),
#standings-table[data-active-stat="clutchIndex"] th:nth-child(10),
#standings-table[data-active-stat="clutchIndex"] td:nth-child(10){
  background:
    linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.10));
  box-shadow:
    inset 2px 0 0 rgba(34,197,94,.32),
    inset -2px 0 0 rgba(34,197,94,.32);
  position:relative;
  z-index:1;
}

#standings-table[data-active-stat="profit"] th:nth-child(3),
#standings-table[data-active-stat="roi"] th:nth-child(4),
#standings-table[data-active-stat="trueSkillScore"] th:nth-child(5),
#standings-table[data-active-stat="hits"] th:nth-child(6),
#standings-table[data-active-stat="timesPlaced"] th:nth-child(7),
#standings-table[data-active-stat="bubbles"] th:nth-child(8),
#standings-table[data-active-stat="luckIndex"] th:nth-child(9),
#standings-table[data-active-stat="clutchIndex"] th:nth-child(10){
  color:#dcfce7;
  box-shadow:
    inset 2px 0 0 rgba(34,197,94,.42),
    inset -2px 0 0 rgba(34,197,94,.42),
    inset 0 -1px 0 rgba(34,197,94,.24),
    inset 0 1px 0 rgba(255,255,255,.03);
}

#standings-table tbody .standings-row-link:nth-child(n+4):hover td:first-child,
#standings-table tbody .standings-row-link:nth-child(n+4):focus-visible td:first-child{
  color:#bfdbfe;
}

/* dashboard */

#dashboard .section,
.section.dashboard-section{
  border-color:rgba(255,184,28,.24);
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.18), transparent 32%),
    radial-gradient(circle at left center, rgba(59,130,246,.12), transparent 28%),
    radial-gradient(circle at bottom right, rgba(239,68,68,.08), transparent 26%),
    linear-gradient(180deg, rgba(20,26,34,.97), rgba(12,15,20,.99));
  box-shadow:
    0 0 0 1px rgba(255,184,28,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 30px rgba(255,184,28,.10);
}

.dashboard-page-stack{
  display:grid;
  gap:22px;
  margin:0 0 22px 0;
}

.dashboard-page-stack > .section{
  margin:0;
}

.dashboard-top-shell{
  padding-top:20px;
}

.dashboard-header-row{
  margin-bottom:8px;
}

.dashboard-page-kicker{
  margin:0 0 12px 2px;
}

.dashboard-buttons-shell{
  margin:0 0 12px 0;
  padding:8px;
  border:1px solid rgba(255,184,28,.28);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(59,130,246,.10), transparent 26%),
    radial-gradient(circle at bottom right, rgba(239,68,68,.06), transparent 24%),
    linear-gradient(180deg, rgba(18,24,32,.99), rgba(12,15,20,1));
  box-shadow:
    0 0 0 1px rgba(255,184,28,.10),
    0 14px 30px rgba(0,0,0,.24),
    0 0 24px rgba(255,184,28,.10);
}

.dashboard-buttons-shell .dashboard-button-groups{
  display:grid;
  gap:6px;
}

.dashboard-studio-strip-inline{
  margin:0 0 14px 0;
  padding:0 0 0 58px;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
  min-height:auto;
}

.dashboard-formula-panel-inline{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  margin:0;
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
}

.dashboard-cards-shell{
  margin-top:0;
  padding:18px;
}

.dashboard-meta-shell-inline{
  display:grid;
  grid-template-columns:max-content minmax(0, 1fr);
  gap:12px;
  align-items:center;
  margin:0;
  padding:0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.dashboard-meta-shell-inline > #dashboard-current-stat{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#dbeafe;
  font-size:1.34rem;
  font-weight:800;
  line-height:1.05;
  white-space:nowrap;
}

.dashboard-formula-panel-inline{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  margin:0;
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
}

.dashboard-formula-display{
  width:100%;
  min-height:auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  padding:0;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  color:#eff6ff;
  font-size:.96rem;
  line-height:1.36;
}

.dashboard-current-icon{
  font-size:2.25rem;
  line-height:1;
  color:#93c5fd;
  flex:0 0 auto;
}

.standings-page-stack{
  display:grid;
  gap:22px;
  margin:0 0 22px 0;
}

.standings-page-stack > .section{
  margin:0;
}

.standings-top-shell{
  padding-top:20px;
}

.standings-header-row{
  margin-bottom:8px;
}

.standings-page-kicker{
  margin:0 0 12px 2px;
}

.standings-buttons-shell{
  margin:0 0 10px 0;
  padding:8px;
  border:1px solid rgba(59,130,246,.28);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(168,85,247,.10), transparent 26%),
    radial-gradient(circle at bottom right, rgba(239,68,68,.06), transparent 24%),
    linear-gradient(180deg, rgba(18,24,32,.99), rgba(12,15,20,1));
  box-shadow:
    0 0 0 1px rgba(59,130,246,.10),
    0 14px 30px rgba(0,0,0,.24),
    0 0 24px rgba(59,130,246,.10);
}

.standings-buttons-shell > .button-row[data-sort-scope="standings"]{
  display:grid;
  grid-template-columns:repeat(8, minmax(0,1fr));
  gap:4px;
  margin:0;
}

.standings-buttons-shell > .button-row[data-sort-scope="standings"] .btn{
  width:100%;
  min-height:36px;
  padding:7px 10px;
  font-size:.88rem;
}

.standings-buttons-shell > .button-row[data-sort-scope="standings"] .btn-emoji{
  margin-right:6px;
  font-size:1.02em;
}

.standings-buttons-shell > .button-row[data-sort-scope="standings"] .btn-label{
  font-size:.88rem;
}

.standings-race-strip-inline{
  margin:0;
  padding:0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
  min-height:auto;
}

.standings-race-strip-inline .standings-race-context,
.standings-race-strip-inline .dashboard-studio-copy,
.standings-race-strip-inline .standings-current-stat,
.standings-race-strip-inline .standings-formula-display{
  white-space:normal;
}

.standings-table-shell{
  margin-top:0;
  padding:0;
  overflow:hidden;
}

.standings-table-shell .table-wrap{
  margin:0;
  padding:0;
  overflow:hidden;
}

.standings-table-shell #standings-table{
  margin-top:0;
}

.standings-table-shell #standings-table thead th{
  box-shadow:
    inset 0 -1px 0 rgba(59,130,246,.18),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.standings-meta-shell{
  display:grid;
  grid-template-columns:max-content minmax(0, 1fr);
  gap:12px;
  align-items:center;
  margin:8px 0 0 0;
  padding:0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.standings-current-stat{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#dbeafe;
  font-size:1.34rem;
  font-weight:800;
  line-height:1.05;
  white-space:nowrap;
}

.standings-current-stat .dashboard-current-icon{
  color:#93c5fd;
}

.standings-current-label::after{
  content:":";
  display:inline-block;
  margin-left:8px;
  color:#93c5fd;
}

.standings-formula-display{
  width:100%;
  min-height:auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  text-align:left;
  padding:0;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  color:#eff6ff;
  font-size:.96rem;
  line-height:1.36;
}

.button-row[data-sort-scope="standings"] .btn{
  border-color:rgba(59,130,246,.34);
  background:
    linear-gradient(180deg, rgba(219,234,254,.10), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(59,130,246,.18), rgba(18,42,78,.94));
  color:#dbeafe;
  box-shadow:
    inset 0 1px 0 rgba(219,234,254,.10),
    inset 0 -2px 4px rgba(10,22,44,.42),
    0 8px 18px rgba(0,0,0,.22);
}

.button-row[data-sort-scope="standings"] .btn:hover{
  border-color:rgba(168,85,247,.50);
  background:
    linear-gradient(180deg, rgba(233,213,255,.16), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(168,85,247,.26), rgba(56,26,94,.94));
  color:#f3e8ff;
  box-shadow:
    0 10px 22px rgba(0,0,0,.26),
    0 0 0 1px rgba(168,85,247,.16),
    0 0 18px rgba(168,85,247,.10);
}

.button-row[data-sort-scope="standings"] .btn.active{
  border-color:rgba(34,197,94,.54);
  background:
    linear-gradient(180deg, rgba(220,252,231,.16), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(34,197,94,.34), rgba(18,74,44,.96));
  color:#dcfce7;
  box-shadow:
    0 10px 22px rgba(0,0,0,.26),
    0 0 0 1px rgba(34,197,94,.18),
    0 0 18px rgba(34,197,94,.12);
}

.dashboard-meta-shell > #dashboard-current-stat span:last-child::after{
  content:":";
  display:inline-block;
  margin-left:8px;
  color:#bbf7d0;
}

#standings .section,
.section.standings-section{
  border-color:rgba(59,130,246,.24);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.18), transparent 32%),
    radial-gradient(circle at left center, rgba(168,85,247,.10), transparent 28%),
    radial-gradient(circle at bottom left, rgba(255,184,28,.06), transparent 26%),
    linear-gradient(180deg, rgba(20,26,34,.97), rgba(12,15,20,.99));
  box-shadow:
    0 0 0 1px rgba(59,130,246,.12),
    0 12px 30px rgba(0,0,0,.24),
    0 0 34px rgba(59,130,246,.12);
}

body:has(#standings-table) .page-title-row{
  position:relative;
  padding:0 0 12px 0;
  margin-bottom:14px;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

body:has(#standings-table) .page-title-row::before{
  content:none;
  display:none;
}

body:has(#standings-table) .page-title-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.32) 58%, transparent 100%);
}

body:has(#dashboard-grid) .page-title-row{
  position:relative;
  padding:0 0 12px 0;
  margin-bottom:14px;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

body:has(#dashboard-grid) .page-title-row::before{
  content:none;
  display:none;
}

body:has(#dashboard-grid) .page-title-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,177,90,.96), rgba(255,177,90,.36) 58%, transparent 100%);
}

.standings-section-shell{
  padding-top:20px;
}

.standings-header-row{
  margin-bottom:8px;
}

.standings-page-kicker{
  margin:0 0 10px 2px;
}

#rules .section,
.section.rules-section,
.section.rules-header{
  border-color:rgba(34,197,94,.22);
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(168,85,247,.10), transparent 26%),
    radial-gradient(circle at bottom right, rgba(255,184,28,.06), transparent 24%),
    linear-gradient(180deg, rgba(20,26,34,.96), rgba(12,15,20,.98));
  box-shadow:
    0 0 0 1px rgba(34,197,94,.08),
    0 12px 30px rgba(0,0,0,.24),
    0 0 24px rgba(34,197,94,.08);
}

.section.rules-header .page-title-row{
  position:relative;
  margin-bottom:28px;
  padding:0 0 12px 0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.section.rules-header .page-title-row::before{
  content:none;
  display:none;
}

.section.rules-header .page-title-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(168,85,247,.45) 58%, transparent 100%);
}

#dashboard-grid{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:start;
}

.dashboard-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:220px;
  text-align:center;
  padding:18px;
  border:1px solid rgba(52,64,82,.72);
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.045), transparent 36%),
    radial-gradient(circle at left center, rgba(59,130,246,.03), transparent 32%),
    linear-gradient(180deg, rgba(18,22,28,.95), rgba(12,15,20,.98)),
    url('/assets/poker-felt.png');
  background-size:auto, auto, auto, cover;
  background-blend-mode:screen, screen, normal, overlay;
  box-shadow:
    inset 0 0 0 1px rgba(255,184,28,.05),
    0 10px 26px rgba(0,0,0,.28);
}

.dashboard-rank-medal{
  position:absolute;
  top:6px;
  left:8px;
  font-size:2.2rem;
  line-height:1;
  z-index:2;
}

.dashboard-rank-gold{
  border-color:#d4af37 !important;
  transform:translateY(-12px) scale(1.02);
  background:
    linear-gradient(180deg, rgba(212,175,55,.16), rgba(212,175,55,.05) 24%, rgba(18,22,28,.92) 24%, rgba(12,15,20,.95) 100%),
    url('/assets/poker-felt.png');
  background-size:cover;
  background-blend-mode:overlay;
  box-shadow:
    0 0 0 1px rgba(212,175,55,.45),
    0 14px 40px rgba(0,0,0,.35),
    0 0 26px rgba(212,175,55,.22);
}

.dashboard-rank-silver{
  border-color:#c0c0c0 !important;
  transform:translateY(-6px) scale(1.01);
  background:
    linear-gradient(180deg, rgba(192,192,192,.14), rgba(192,192,192,.04) 24%, rgba(18,22,28,.92) 24%, rgba(12,15,20,.95) 100%),
    url('/assets/poker-felt.png');
  background-size:cover;
  background-blend-mode:overlay;
  box-shadow:
    0 0 0 1px rgba(192,192,192,.35),
    0 12px 34px rgba(0,0,0,.28),
    0 0 22px rgba(192,192,192,.18);
}

.dashboard-rank-bronze{
  border-color:#cd7f32 !important;
  transform:translateY(-3px) scale(1.005);
  background:
    linear-gradient(180deg, rgba(205,127,50,.14), rgba(205,127,50,.04) 24%, rgba(18,22,28,.92) 24%, rgba(12,15,20,.95) 100%),
    url('/assets/poker-felt.png');
  background-size:cover;
  background-blend-mode:overlay;
  box-shadow:
    0 0 0 1px rgba(205,127,50,.35),
    0 10px 30px rgba(0,0,0,.25),
    0 0 20px rgba(205,127,50,.18);
}

.dashboard-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,184,28,.28);
  box-shadow:
    inset 0 0 0 1px rgba(255,184,28,.06),
    0 14px 34px rgba(0,0,0,.32),
    0 0 12px rgba(255,184,28,.07);
}

.dashboard-rank-gold:hover{
  transform:translateY(-14px) scale(1.02);
  box-shadow:
    0 0 0 1px rgba(212,175,55,.50),
    0 16px 42px rgba(0,0,0,.36),
    0 0 30px rgba(212,175,55,.24);
}

.dashboard-rank-silver:hover{
  transform:translateY(-8px) scale(1.01);
  box-shadow:
    0 0 0 1px rgba(192,192,192,.40),
    0 14px 36px rgba(0,0,0,.30),
    0 0 24px rgba(192,192,192,.20);
}

.dashboard-rank-bronze:hover{
  transform:translateY(-5px) scale(1.005);
  box-shadow:
    0 0 0 1px rgba(205,127,50,.40),
    0 12px 32px rgba(0,0,0,.27),
    0 0 22px rgba(205,127,50,.20);
}

.dashboard-rank-default{
  border-color:rgba(52,64,82,.72) !important;
}

.dashboard-card-top{
  display:flex;
  justify-content:center;
  margin-bottom:10px;
}

.dashboard-player-name{
  color:#f4f8fc;
  font-size:1.02rem;
  font-weight:700;
  line-height:1.2;
  width:100%;
  text-shadow:
    0 0 8px rgba(59,130,246,.08),
    0 0 14px rgba(255,184,28,.04);
}

.dashboard-player-name-below{
  margin-bottom:14px;
  white-space:normal;
  overflow-wrap:anywhere;
}

.dashboard-card-value{
  font-size:2.1rem;
  font-weight:800;
  line-height:1.1;
  text-shadow:
    0 0 8px rgba(255,184,28,.16),
    0 0 18px rgba(255,184,28,.10);
}

.dashboard-stat-gold{
  color:var(--gold);
}

/* players grid */

#players-grid{
  display:flex !important;
  flex-direction:column;
  gap:18px !important;
}

.tier-section{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:4px;
  padding:14px 16px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
  transition:transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}

.tier-section:nth-of-type(1){
  border-color:rgba(255,213,108,.22);
  background:
    linear-gradient(180deg, rgba(255,213,108,.10), rgba(255,213,108,.02) 28%, rgba(255,255,255,.015) 100%);
  box-shadow:
    0 0 0 1px rgba(255,213,108,.08),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(255,213,108,.08);
}

.tier-section:nth-of-type(2){
  border-color:rgba(255,184,28,.22);
  background:
    linear-gradient(180deg, rgba(255,184,28,.10), rgba(255,184,28,.02) 28%, rgba(255,255,255,.015) 100%);
  box-shadow:
    0 0 0 1px rgba(255,184,28,.08),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(255,184,28,.08);
}

.tier-section:nth-of-type(3){
  border-color:rgba(246,198,91,.20);
  background:
    linear-gradient(180deg, rgba(246,198,91,.09), rgba(246,198,91,.02) 28%, rgba(255,255,255,.015) 100%);
  box-shadow:
    0 0 0 1px rgba(246,198,91,.08),
    0 10px 24px rgba(0,0,0,.18),
    0 0 16px rgba(246,198,91,.07);
}

.tier-section:nth-of-type(4){
  border-color:rgba(158,176,195,.18);
  background:
    linear-gradient(180deg, rgba(158,176,195,.08), rgba(158,176,195,.02) 28%, rgba(255,255,255,.015) 100%);
  box-shadow:
    0 0 0 1px rgba(158,176,195,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 14px rgba(158,176,195,.06);
}

.tier-section:nth-of-type(5){
  border-color:rgba(127,138,150,.16);
  background:
    linear-gradient(180deg, rgba(127,138,150,.08), rgba(127,138,150,.02) 28%, rgba(255,255,255,.015) 100%);
  box-shadow:
    0 0 0 1px rgba(127,138,150,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 12px rgba(127,138,150,.05);
}

.tier-section:hover{
  transform:translateY(-2px);
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 22px rgba(255,184,28,.08);
}

.tier-section:nth-of-type(1):hover{
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 24px rgba(255,213,108,.14);
}

.tier-section:nth-of-type(2):hover{
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 24px rgba(255,184,28,.14);
}

.tier-section:nth-of-type(3):hover{
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 22px rgba(246,198,91,.12);
}

.tier-section:nth-of-type(4):hover{
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 20px rgba(158,176,195,.10);
}

.tier-section:nth-of-type(5):hover{
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 18px rgba(127,138,150,.10);
}

.tier-section-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 12px;
  flex-wrap:wrap;
  color:inherit;
}

.tier-section-head h3{
  margin:0;
  color:inherit;
  font-size:1.25rem;
  line-height:1.2;
  letter-spacing:.01em;
}

.tier-section-head::after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, currentColor, transparent 85%);
  box-shadow:0 0 12px currentColor;
  opacity:.62;
  filter:brightness(1.08);
}

.tier-section:nth-of-type(1) .tier-section-head{
  color:#ffe7a3;
}

.tier-section:nth-of-type(2) .tier-section-head{
  color:#ffd15a;
}

.tier-section:nth-of-type(3) .tier-section-head{
  color:#ffd98a;
}

.tier-section:nth-of-type(4) .tier-section-head{
  color:#c8d7e6;
}

.tier-section:nth-of-type(5) .tier-section-head{
  color:#a7b4c0;
}

.tier-header-stats{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 12px;
  border-radius:999px;
  font-weight:900;
  font-size:.85rem;
  line-height:1;
  white-space:nowrap;
  letter-spacing:.02em;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.18);
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}

.tier-section:nth-of-type(1) .tier-header-stats{
  border:1px solid rgba(255,213,108,.48);
  background:linear-gradient(180deg, rgba(255,213,108,.22), rgba(255,213,108,.10));
  color:#fff2c8;
  box-shadow:
    0 0 0 1px rgba(255,213,108,.16),
    0 8px 18px rgba(0,0,0,.18),
    0 0 18px rgba(255,213,108,.12);
}

.tier-section:nth-of-type(2) .tier-header-stats{
  border:1px solid rgba(255,184,28,.48);
  background:linear-gradient(180deg, rgba(255,184,28,.22), rgba(255,184,28,.10));
  color:#ffe29a;
  box-shadow:
    0 0 0 1px rgba(255,184,28,.16),
    0 8px 18px rgba(0,0,0,.18),
    0 0 18px rgba(255,184,28,.12);
}

.tier-section:nth-of-type(3) .tier-header-stats{
  border:1px solid rgba(246,198,91,.44);
  background:linear-gradient(180deg, rgba(246,198,91,.20), rgba(246,198,91,.09));
  color:#ffe7b8;
  box-shadow:
    0 0 0 1px rgba(246,198,91,.14),
    0 8px 18px rgba(0,0,0,.18),
    0 0 16px rgba(246,198,91,.10);
}

.tier-section:nth-of-type(4) .tier-header-stats{
  border:1px solid rgba(158,176,195,.42);
  background:linear-gradient(180deg, rgba(158,176,195,.20), rgba(158,176,195,.08));
  color:#dfe8f0;
  box-shadow:
    0 0 0 1px rgba(158,176,195,.14),
    0 8px 18px rgba(0,0,0,.18),
    0 0 16px rgba(158,176,195,.08);
}

.tier-section:nth-of-type(5) .tier-header-stats{
  border:1px solid rgba(127,138,150,.40);
  background:linear-gradient(180deg, rgba(127,138,150,.18), rgba(127,138,150,.08));
  color:#cfd7df;
  box-shadow:
    0 0 0 1px rgba(127,138,150,.12),
    0 8px 18px rgba(0,0,0,.18),
    0 0 14px rgba(127,138,150,.08);
}

.tier-section:hover .tier-header-stats{
  transform:translateY(-1px);
}

.tier-strength{
  margin-top:-2px;
  margin-bottom:2px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:10px;
}

.tier-strength-label{
  grid-column:1 / -1;
  margin:0 0 4px 0;
  color:var(--muted);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tier-strength-bar{
  width:100%;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  position:relative;
}

.tier-strength-pct{
  font-size:.85rem;
  font-weight:800;
  color:#fff;
}

.tier-section:nth-of-type(1) .tier-strength-fill{
  background:linear-gradient(90deg, rgba(255,231,163,.98), rgba(255,213,108,.30));
  box-shadow:0 0 12px rgba(255,213,108,.18);
}

.tier-section:nth-of-type(2) .tier-strength-fill{
  background:linear-gradient(90deg, rgba(255,209,90,.98), rgba(255,184,28,.28));
  box-shadow:0 0 12px rgba(255,184,28,.18);
}

.tier-section:nth-of-type(3) .tier-strength-fill{
  background:linear-gradient(90deg, rgba(255,217,138,.95), rgba(246,198,91,.24));
  box-shadow:0 0 10px rgba(246,198,91,.14);
}

.tier-section:nth-of-type(4) .tier-strength-fill{
  background:linear-gradient(90deg, rgba(200,215,230,.90), rgba(158,176,195,.22));
  box-shadow:0 0 10px rgba(158,176,195,.12);
}

.tier-section:nth-of-type(5) .tier-strength-fill{
  background:linear-gradient(90deg, rgba(167,180,192,.88), rgba(127,138,150,.20));
  box-shadow:0 0 8px rgba(127,138,150,.10);
}

.tier-strength-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,184,28,.95), rgba(255,184,28,.28));
}

.tier-section-count{
  margin:0;
}

.tier-distribution{
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel-3);
  box-shadow:var(--shadow);
}

.players-visual-gold-copy{
  margin:0 0 12px 0;
  color:var(--gold);
  line-height:1.5;
}

.players-visual-gold-copy-centered{
  text-align:center;
}

.tier-distribution-head h3{
  margin:0 0 14px 0;
  color:#fff;
  font-size:1.15rem;
  line-height:1.2;
}

.tier-distribution-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.tier-distribution-row{
  display:grid;
  grid-template-columns:minmax(220px, 320px) minmax(0, 1fr) auto;
  gap:12px;
  align-items:center;
}

.tier-distribution-label{
  color:#fff;
  font-weight:700;
  line-height:1.2;
}

.tier-distribution-bar{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  position:relative;
}

.tier-distribution-fill{
  height:100%;
  border-radius:999px;
}

.tier-distribution-fill.apex-predators{
  background:linear-gradient(90deg, rgba(168,85,247,.98), rgba(168,85,247,.30));
  box-shadow:0 0 12px rgba(168,85,247,.18);
}

.tier-distribution-fill.table-crushers{
  background:linear-gradient(90deg, rgba(59,130,246,.98), rgba(59,130,246,.30));
  box-shadow:0 0 12px rgba(59,130,246,.18);
}

.tier-distribution-fill.shot-makers{
  background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(34,197,94,.28));
  box-shadow:0 0 12px rgba(34,197,94,.16);
}

.tier-distribution-fill.gamblers{
  background:linear-gradient(90deg, rgba(250,204,21,.95), rgba(250,204,21,.26));
  box-shadow:0 0 10px rgba(250,204,21,.14);
}

.tier-distribution-fill.league-sponsors{
  background:linear-gradient(90deg, rgba(239,68,68,.90), rgba(239,68,68,.24));
  box-shadow:0 0 10px rgba(239,68,68,.12);
}

.tier-distribution-count{
  color:var(--gold);
  font-weight:800;
  min-width:18px;
  text-align:right;
}

.tier-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
  align-items:start;
}

.archetype-section .tier-grid{
  padding:12px;
  border-radius:16px;
  border:1px solid color-mix(in srgb, var(--archetype-line) 42%, transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-color) 10%, rgba(255,255,255,.02)) 0%,
      rgba(255,255,255,0) 32%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-bg) 88%, rgba(17,22,30,.18)) 0%,
      color-mix(in srgb, var(--archetype-bg) 64%, rgba(12,16,22,.26)) 100%
    );
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--archetype-line) 20%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--archetype-color) 12%, transparent);
}

.archetype-section .player-card,
.archetype-section .player-card.player-card-rich{
  border:1px solid color-mix(in srgb, var(--archetype-line) 46%, transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-color) 8%, rgba(255,255,255,0)) 0%,
      rgba(255,255,255,0) 24%
    ),
    linear-gradient(
      180deg,
      rgba(18,24,32,.96) 0%,
      rgba(12,16,22,.98) 100%
    );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--archetype-color) 10%, transparent),
    0 8px 20px rgba(0,0,0,.18);
}

.player-card{
  padding:18px;
}

.player-card-rich{
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.player-card-rich:hover{
  transform:translateY(-2px);
  border-color:rgba(255,184,28,.5);
  box-shadow:
    0 0 0 1px rgba(255,184,28,.2),
    0 10px 30px rgba(0,0,0,.25),
    0 0 22px rgba(255,184,28,.16);
}

.player-card-top{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
  min-width:0;
}

.player-card h3{
  margin:0;
  font-size:1.1rem;
}

/* star indicator for players with fewer than 5 entries */

.player-entry-asterisk{
  margin-left:2px;
  color:#ffb81c;
  font-weight:700;
  font-size:.75em;
  vertical-align:super;
  cursor:help;
}

.player-entry-asterisk:hover{
  color:#ffd76a;
}

.crew-card{
  position:relative;
  min-height:170px;
}

.crew-card-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  flex-wrap:wrap;
}

.crew-tier-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid rgba(255,184,28,.22);
  border-radius:999px;
  background:rgba(255,184,28,.08);
  color:#fff;
  font-size:.76rem;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}

.crew-tier-badge.apex-predator{
  border-color:rgba(255,213,108,.45);
  background:rgba(255,213,108,.14);
  color:#fff3c4;
}

.crew-tier-badge.table-crusher{
  border-color:rgba(255,184,28,.42);
  background:rgba(255,184,28,.12);
  color:#ffe29a;
}

.crew-tier-badge.shot-maker{
  border-color:rgba(246,198,91,.38);
  background:rgba(246,198,91,.11);
  color:#ffe8b5;
}

.crew-tier-badge.gambler{
  border-color:rgba(158,176,195,.34);
  background:rgba(158,176,195,.10);
  color:#d9e4ef;
}

.crew-tier-badge.league-sponsor{
  border-color:rgba(127,138,150,.34);
  background:rgba(127,138,150,.10);
  color:#c7d0d8;
}
.crew-tier-rank{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  color:var(--gold);
  font-size:.9rem;
  font-weight:800;
  line-height:1;
}

.crew-archetype-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  line-height:1;
}

.crew-archetype-chip.primary{
  border-color:rgba(255,184,28,.28);
  background:rgba(255,184,28,.10);
  color:#ffe29a;
}

.crew-archetype-chip.secondary{
  border-color:rgba(158,176,195,.24);
  background:rgba(158,176,195,.10);
  color:#dce4ec;
}

.crew-summary-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-weight:700;
  margin-bottom:10px;
  flex-wrap:wrap;
}

.crew-summary-row .crew-power{
  color:var(--text);
}

.crew-summary-row .crew-profit{
  color:#fff;
}

.crew-card-stats p,
.crew-card-stats strong,
.crew-help-copy,
.tier-explainer{
  color:var(--muted);
}

.tier-explainer{
  margin:8px 0 0;
  max-width:900px;
  line-height:1.45;
  color:#cfd8e3;
}

.crew-header-shell{
  position:relative;
  margin:0 0 18px 0;
  padding:18px 18px 16px;
  border:1px solid rgba(239,68,68,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 28%),
    linear-gradient(180deg, rgba(20,26,34,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(239,68,68,.08);
}

.crew-header-shell .page-title-row{
  position:relative;
  margin-bottom:14px;
  padding:0 0 12px 0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.crew-header-shell .page-title-row::before{
  content:none;
  display:none;
}

.crew-header-shell .page-title-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(239,68,68,.95), rgba(255,255,255,.18) 58%, transparent 100%);
}

#players-help-copy{
  margin:0;
  max-width:none;
  color:#dfe7ef;
  line-height:1.35;
}

.crew-view-toolbar #players-help-copy{
  margin-left:18px;
  padding-left:4px;
  color:#dfe7ef;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
  white-space:normal;
  flex:0 1 420px;
  min-width:260px;
  align-self:center;
}

.crew-view-toolbar #players-help-copy[style*="display:none"]{
  margin-left:0;
  padding-left:0;
}

#players-explainer{
  margin:0 0 14px 0;
  color:var(--gold);
  line-height:1.5;
}

.crew-view-toolbar{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;
  margin:0;
  padding:14px 16px;
  border:1px solid rgba(239,68,68,.22);
  border-radius:16px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 28%),
    linear-gradient(180deg, rgba(20,26,34,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(239,68,68,.08);
}

.crew-view-toolbar::before{
  content:none;
  display:none;
}

.crew-view-toolbar .btn{
  min-height:42px;
  padding:10px 16px;
  border-radius:12px;
  border-color:rgba(215,70,70,.34);
  background:
    linear-gradient(180deg, rgba(255,220,220,.08), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(120,26,26,.24), rgba(46,10,10,.94));
  color:#ffdede;
  font-weight:700;
  font-size:.96rem;
  box-shadow:
    inset 0 1px 0 rgba(255,235,235,.10),
    inset 0 -2px 4px rgba(38,8,8,.44),
    0 8px 18px rgba(0,0,0,.22);
}

.crew-view-toolbar .btn:hover{
  border-color:#f9a8d4;
  background:
    linear-gradient(180deg, rgba(255,228,240,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(249,168,212,.34), rgba(112,28,72,.94));
  color:#fff4fa;
  box-shadow:
    inset 0 1px 0 rgba(255,240,246,.14),
    inset 0 -2px 4px rgba(56,10,34,.46),
    0 10px 22px rgba(0,0,0,.24),
    0 0 16px rgba(249,168,212,.10);
}

.crew-view-toolbar .btn.active{
  border-color:rgba(215,70,70,.58);
  background:
    linear-gradient(180deg, rgba(255,210,210,.10), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(215,70,70,.38), rgba(92,14,14,.96));
  color:#fff4f4;
  box-shadow:
    inset 0 1px 0 rgba(255,225,225,.14),
    inset 0 -2px 4px rgba(44,6,6,.52),
    0 10px 22px rgba(0,0,0,.24),
    0 0 0 1px rgba(215,70,70,.16);
}

.crew-view-toolbar{
  justify-content:flex-start;
  gap:16px;
  flex-wrap:wrap;
}

.crew-view-toolbar #players-help-copy{
  flex:1 1 100%;
  margin-left:0;
  padding-left:0;
}

.crew-view-switch,
.archetype-mode-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  cursor:pointer;
}

.crew-view-switch input,
.archetype-mode-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.crew-view-switch-track,
.archetype-mode-switch-track{
  position:relative;
  display:block;
  width:70px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(90deg, rgba(215,70,70,.22) 0%, rgba(59,130,246,.22) 100%),
    linear-gradient(180deg, rgba(31,39,51,.98) 0%, rgba(20,26,34,.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 16px rgba(0,0,0,.22);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.crew-view-switch-thumb,
.archetype-mode-switch-thumb{
  position:absolute;
  top:3px;
  left:3px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(180deg, #ffe0e0 0%, #ff9f9f 100%);
  box-shadow:
    0 4px 10px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,159,159,.20);
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
}

.crew-view-switch input:checked + .crew-view-switch-track .crew-view-switch-thumb,
.archetype-mode-switch input:checked + .archetype-mode-switch-track .archetype-mode-switch-thumb{
  transform:translateX(34px);
  background:linear-gradient(180deg, #dbeafe 0%, #93c5fd 100%);
  box-shadow:
    0 4px 10px rgba(0,0,0,.28),
    0 0 0 1px rgba(147,197,253,.20);
}

.crew-view-switch:hover .crew-view-switch-track,
.archetype-mode-switch:hover .archetype-mode-switch-track{
  border-color:rgba(255,255,255,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.24);
}

#players-visual{
  position:relative;
  margin:0 0 22px 0;
  padding:16px 18px;
  border:1px solid rgba(239,68,68,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.10), transparent 32%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 26%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.22),
    0 0 18px rgba(239,68,68,.08);
}

#players-visual::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(239,68,68,.95), rgba(59,130,246,.42) 56%, rgba(255,184,28,.22) 100%);
}

.archetype-visual-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:
    "head"
    "mode"
    "filters";
  gap:14px;
  align-items:start;
  padding:18px 20px;
  border:1px solid rgba(255,122,122,.20);
  border-radius:16px;
  background:
    radial-gradient(circle at top right, rgba(255,122,122,.10), transparent 30%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 28%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,16,22,.98));
  box-shadow:
    0 0 0 1px rgba(255,122,122,.08),
    0 12px 28px rgba(0,0,0,.24),
    0 0 22px rgba(255,122,122,.08);
}

.archetype-visual-head{
  grid-area:head;
}

.archetype-mode-toggle{
  grid-area:mode;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

.archetype-visual-card:has(.archetype-mode-btn:first-child.active){
  border-color:rgba(59,130,246,.28);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(147,197,253,.10), transparent 28%),
    linear-gradient(180deg, rgba(16,34,64,.98), rgba(10,18,34,.98));
  box-shadow:
    0 0 0 1px rgba(59,130,246,.10),
    0 12px 28px rgba(0,0,0,.24),
    0 0 22px rgba(59,130,246,.12);
}

.archetype-visual-card:has(.archetype-mode-btn:first-child.active)::before{
  background:linear-gradient(180deg, rgba(59,130,246,.96), rgba(147,197,253,.46));
}

.archetype-visual-card:has(.archetype-mode-btn:first-child.active)::after{
  background:radial-gradient(circle, rgba(59,130,246,.14), rgba(59,130,246,0) 68%);
}

.archetype-visual-card:has(.archetype-mode-btn:first-child.active) .archetype-visual-head h3{
  color:#dbeafe;
}

.archetype-visual-card:has(.archetype-mode-btn:last-child.active){
  border-color:rgba(34,197,94,.28);
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.14), transparent 30%),
    radial-gradient(circle at left center, rgba(134,239,172,.10), transparent 28%),
    linear-gradient(180deg, rgba(10,44,24,.98), rgba(8,20,14,.98));
  box-shadow:
    0 0 0 1px rgba(34,197,94,.10),
    0 12px 28px rgba(0,0,0,.24),
    0 0 22px rgba(34,197,94,.12);
}

.archetype-visual-card:has(.archetype-mode-btn:last-child.active)::before{
  background:linear-gradient(180deg, rgba(34,197,94,.96), rgba(134,239,172,.46));
}

.archetype-visual-card:has(.archetype-mode-btn:last-child.active)::after{
  background:radial-gradient(circle, rgba(34,197,94,.14), rgba(34,197,94,0) 68%);
}

.archetype-visual-card:has(.archetype-mode-btn:last-child.active) .archetype-visual-head h3{
  color:#dcfce7;
}

.archetype-mode-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:max-content;
  min-height:44px;
  padding:11px 18px;
  border-radius:11px;
  font-weight:800;
  font-size:1rem;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  border:1px solid rgba(88,100,118,.34);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(28,36,48,.96), rgba(12,16,22,.96));
  color:#ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -2px 4px rgba(0,0,0,.48),
    0 8px 18px rgba(0,0,0,.22);
  transition:transform .16s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}

.archetype-mode-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 4px rgba(0,0,0,.50),
    0 10px 22px rgba(0,0,0,.24);
}

/* PRIMARY ACTIVE = BLUE */
.archetype-mode-toggle .archetype-mode-btn:first-child.active{
  border-color:rgba(59,130,246,.58);
  background:
    linear-gradient(180deg, rgba(219,234,254,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(59,130,246,.38), rgba(18,42,78,.96));
  color:#eff6ff;
  box-shadow:
    inset 0 1px 0 rgba(219,234,254,.16),
    inset 0 -2px 4px rgba(8,18,38,.52),
    0 10px 22px rgba(0,0,0,.24),
    0 0 0 1px rgba(59,130,246,.16);
}

/* SECONDARY ACTIVE = GREEN */
.archetype-mode-toggle .archetype-mode-btn:last-child.active{
  border-color:rgba(34,197,94,.58);
  background:
    linear-gradient(180deg, rgba(220,252,231,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(34,197,94,.38), rgba(10,54,27,.96));
  color:#f0fdf4;
  box-shadow:
    inset 0 1px 0 rgba(220,252,231,.16),
    inset 0 -2px 4px rgba(8,26,14,.52),
    0 10px 22px rgba(0,0,0,.24),
    0 0 0 1px rgba(34,197,94,.16);
}

.archetype-visual-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg, rgba(255,122,122,.9), rgba(59,130,246,.42));
  opacity:.9;
}

.archetype-visual-card::after{
  content:"";
  position:absolute;
  right:-60px;
  top:-60px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,122,122,.12), rgba(255,122,122,0) 68%);
  pointer-events:none;
}

.archetype-visual-head h3{
  margin:0 0 14px 0;
  color:#fff;
  font-size:1.15rem;
  line-height:1.2;
}

.archetype-visual-head{
  grid-area:head;
  position:relative;
  z-index:1;
  align-self:start;
}

.archetype-visual-head-inline{
  display:flex;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
}

.archetype-visual-head-inline h3{
  margin:0;
  line-height:1.2;
}

.archetype-visual-head-inline .archetype-helper-bottom{
  margin:0;
  line-height:1.2;
  position:relative;
  top:-1px;
}

.archetype-visual-head p{
  margin:0;
}

.archetype-filters-stack{
  grid-area:filters;
  display:grid;
  gap:10px;
  min-width:0;
  align-content:start;
}

.archetype-helper-copy{
  display:grid;
  gap:6px;
}

.archetype-helper-top{
  margin:0;
  color:#dfe7ef;
  line-height:1.5;
}

.archetype-helper-bottom{
  margin:0;
  color:var(--gold);
  line-height:1.5;
}

.archetype-helper-copy-outside{
  margin:10px 0 14px 0;
}

.archetype-filter-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-content:flex-start;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  width:100%;
  position:relative;
  z-index:1;
}

.archetype-filter-pill{
  appearance:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(88,100,118,.34);
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(28,36,48,.96), rgba(12,16,22,.96));
  color:#fff;
  font-weight:800;
  font-size:.84rem;
  line-height:1;
  cursor:pointer;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -2px 4px rgba(0,0,0,.48),
    0 8px 16px rgba(0,0,0,.22);
  transition:transform .16s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}

.archetype-filter-pill span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(88,100,118,.42);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(28,36,48,.96), rgba(12,16,22,.96));
  color:inherit;
  font-size:.78rem;
  font-weight:900;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -2px 4px rgba(0,0,0,.40),
    0 2px 6px rgba(0,0,0,.20);
}

.archetype-filter-pill:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 4px rgba(0,0,0,.50),
    0 10px 20px rgba(0,0,0,.24);
}

.archetype-filter-pill.active{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -2px 4px rgba(0,0,0,.50),
    0 10px 20px rgba(0,0,0,.24);
}

.archetype-filter-pill.active span{
  color:inherit;
}

.archetype-filter-pill[data-archetype-filter="all"]{
  border-color:rgba(255,184,28,.42);
  background:
    linear-gradient(180deg, rgba(255,231,163,.10), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,184,28,.24), rgba(96,62,10,.94));
  color:#ffe7b0;
}

.archetype-filter-pill[data-archetype-filter="all"].active{
  border-color:rgba(255,184,28,.56);
  background:
    linear-gradient(180deg, rgba(255,239,186,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,184,28,.36), rgba(120,78,10,.96));
  color:#fff3cf;
}

.archetype-filter-pill[data-archetype-filter="all"] span{
  border:1px solid rgba(255,184,28,.64);
  background:
    linear-gradient(180deg, rgba(255,239,186,.12), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,184,28,.22), rgba(96,62,10,.92));
  color:#fff3cf;
  box-shadow:
    inset 0 1px 0 rgba(255,239,186,.14),
    inset 0 -2px 4px rgba(56,34,8,.40),
    0 2px 6px rgba(0,0,0,.20);
}



/* FINAL FIX — PLAYER COUNT PILLS BY ACTUAL FILTER VALUE */
.archetype-filter-pill[data-archetype-filter="Hitman" i] > span{
  border:1px solid #ff6b6b !important;
  background:
    linear-gradient(180deg, rgba(255,214,214,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,107,107,.34), rgba(120,22,22,.96)) !important;
  color:#fff1f1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,226,.16),
    inset 0 -2px 4px rgba(56,10,10,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill[data-archetype-filter="Closer" i] > span{
  border:1px solid #ffd56c !important;
  background:
    linear-gradient(180deg, rgba(255,244,210,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,213,108,.34), rgba(120,82,10,.96)) !important;
  color:#fff7df !important;
  box-shadow:
    inset 0 1px 0 rgba(255,244,210,.16),
    inset 0 -2px 4px rgba(64,42,8,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill[data-archetype-filter="Grinder" i] > span{
  border:1px solid #b9fbc0 !important;
  background:
    linear-gradient(180deg, rgba(230,255,236,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(185,251,192,.32), rgba(12,92,30,.96)) !important;
  color:#f4fff6 !important;
  box-shadow:
    inset 0 1px 0 rgba(230,255,236,.16),
    inset 0 -2px 4px rgba(8,38,14,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill[data-archetype-filter="Lucky Devil" i] > span{
  border:1px solid #c4b5fd !important;
  background:
    linear-gradient(180deg, rgba(239,232,255,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(196,181,253,.34), rgba(68,30,118,.96)) !important;
  color:#faf7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(239,232,255,.16),
    inset 0 -2px 4px rgba(24,10,50,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill[data-archetype-filter="Wildcard" i] > span{
  border:1px solid #93c5fd !important;
  background:
    linear-gradient(180deg, rgba(219,234,254,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(59,130,246,.34), rgba(18,42,78,.96)) !important;
  color:#eff6ff !important;
  box-shadow:
    inset 0 1px 0 rgba(219,234,254,.16),
    inset 0 -2px 4px rgba(10,22,44,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill[data-archetype-filter="Bubble Magnet" i] > span{
  border:1px solid #8bd3ff !important;
  background:
    linear-gradient(180deg, rgba(230,247,255,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(139,211,255,.34), rgba(20,64,110,.96)) !important;
  color:#f4fbff !important;
  box-shadow:
    inset 0 1px 0 rgba(230,247,255,.16),
    inset 0 -2px 4px rgba(10,24,44,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill[data-archetype-filter="Technician" i] > span{
  border:1px solid #9be7ff !important;
  background:
    linear-gradient(180deg, rgba(235,251,255,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(155,231,255,.34), rgba(20,72,98,.96)) !important;
  color:#f6fdff !important;
  box-shadow:
    inset 0 1px 0 rgba(235,251,255,.16),
    inset 0 -2px 4px rgba(10,26,40,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-section-copy{
  margin:6px 0 14px 0;
  color:var(--muted);
  line-height:1.5;
}

.archetype-active-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 12px 0;
  padding:12px 15px;
  border:1px solid color-mix(in srgb, var(--archetype-line) 64%, transparent);
  border-radius:14px;
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-color) 10%, rgba(255,255,255,0)) 0%,
      rgba(255,255,255,0) 42%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-bg) 100%, rgba(16,20,28,.22)) 0%,
      color-mix(in srgb, var(--archetype-bg) 72%, rgba(12,16,22,.34)) 100%
    );
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--archetype-color) 14%, transparent),
    inset 0 -2px 4px rgba(0,0,0,.34),
    0 10px 22px rgba(0,0,0,.16);
}

.archetype-active-summary-label{
  color:color-mix(in srgb, var(--archetype-color) 88%, white 12%);
  font-weight:800;
  line-height:1.3;
}

.archetype-active-summary-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.archetype-section .archetype-active-summary-count{
  border:1px solid color-mix(in srgb, var(--archetype-line) 82%, transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-color) 14%, rgba(255,255,255,0)) 0%,
      rgba(255,255,255,0) 42%
    ),
    color-mix(in srgb, var(--archetype-bg) 96%, rgba(12,16,22,.22));
  color:color-mix(in srgb, var(--archetype-color) 90%, white 10%);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--archetype-color) 14%, transparent),
    0 0 0 1px color-mix(in srgb, var(--archetype-line) 16%, transparent);
}

.archetype-section::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  opacity:1;
  background:linear-gradient(
    90deg,
    color-mix(in srgb, var(--archetype-line) 100%, white 0%) 0%,
    color-mix(in srgb, var(--archetype-color) 86%, transparent) 55%,
    transparent 100%
  );
  box-shadow:none;
}

.archetype-section{
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb, var(--archetype-line) 88%, transparent);
  border-radius:18px;
  padding:16px;
  background:
    radial-gradient(
      circle at top right,
      color-mix(in srgb, var(--archetype-color) 16%, transparent) 0%,
      transparent 34%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-bg) 100%, rgba(20,26,34,.24)) 0%,
      color-mix(in srgb, var(--archetype-bg) 78%, rgba(14,18,24,.18)) 48%,
      rgba(12,16,22,.12) 100%
    );
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--archetype-line) 40%, transparent),
    0 12px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(2px);
}

.archetype-section .tier-section-head{
  color:color-mix(in srgb, var(--archetype-color) 90%, white 10%);
}

.archetype-section .tier-section-head::after{
  background:linear-gradient(
    90deg,
    color-mix(in srgb, var(--archetype-line) 100%, white 0%) 0%,
    color-mix(in srgb, var(--archetype-color) 84%, transparent) 65%,
    transparent 100%
  );
  box-shadow:none;
  opacity:1;
}

.archetype-section .tier-section-head h3{
  color:color-mix(in srgb, var(--archetype-color) 90%, white 10%);
}

.archetype-section .tier-header-stats{
  border:1px solid color-mix(in srgb, var(--archetype-line) 58%, transparent);
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-color) 12%, rgba(255,255,255,0)) 0%,
      rgba(255,255,255,0) 42%
    ),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--archetype-bg) 96%, rgba(12,16,22,.20)) 0%,
      color-mix(in srgb, var(--archetype-bg) 70%, rgba(12,16,22,.30)) 100%
    );
  color:color-mix(in srgb, var(--archetype-color) 92%, white 8%);
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--archetype-color) 12%, transparent),
    0 8px 18px rgba(0,0,0,.18);
}

/* ===== Dynamic Archetype Color System ===== */
.tier-section-head h3{
  color:inherit;
}

.archetype-hitman{
  --archetype-color:#ff5c5c;
  --archetype-bg:rgba(255,92,92,.28);
  --archetype-line:rgba(255,92,92,.54);
  --archetype-glow:rgba(255,92,92,.26);
}

.archetype-closer{
  --archetype-color:#ffd56c;
  --archetype-bg:rgba(255,213,108,.22);
  --archetype-line:rgba(255,213,108,.42);
  --archetype-glow:rgba(255,213,108,.20);
}

.archetype-grinder{
  --archetype-color:#b9fbc0;
  --archetype-bg:rgba(185,251,192,.20);
  --archetype-line:rgba(185,251,192,.40);
  --archetype-glow:rgba(185,251,192,.20);
}

.archetype-lucky-devil{
  --archetype-color:#c4b5fd;
  --archetype-bg:rgba(196,181,253,.22);
  --archetype-line:rgba(196,181,253,.40);
  --archetype-glow:rgba(196,181,253,.20);
}

.archetype-wildcard{
  --archetype-color:#93c5fd;
  --archetype-bg:rgba(59,130,246,.24);
  --archetype-line:rgba(59,130,246,.48);
  --archetype-glow:rgba(59,130,246,.24);
}

.archetype-bubble-magnet{
  --archetype-color:#8bd3ff;
  --archetype-bg:rgba(139,211,255,.22);
  --archetype-line:rgba(139,211,255,.40);
  --archetype-glow:rgba(139,211,255,.20);
}

.archetype-technician{
  --archetype-color:#9be7ff;
  --archetype-bg:rgba(155,231,255,.22);
  --archetype-line:rgba(155,231,255,.40);
  --archetype-glow:rgba(155,231,255,.20);
}

.home-guide-pill[data-archetype-tone="hitman"]{
  color:#ffc4c4;
  border-color:rgba(255,92,92,.36);
  background:rgba(255,92,92,.12);
}
.home-guide-pill[data-archetype-tone="closer"]{
  color:#ffe29a;
  border-color:rgba(255,213,108,.30);
  background:rgba(255,213,108,.10);
}
.home-guide-pill[data-archetype-tone="grinder"]{
  color:#d8ffe0;
  border-color:rgba(185,251,192,.28);
  background:rgba(185,251,192,.09);
}
.home-guide-pill[data-archetype-tone="lucky"]{
  color:#ddd2ff;
  border-color:rgba(196,181,253,.30);
  background:rgba(196,181,253,.10);
}
.home-guide-pill[data-archetype-tone="wildcard"]{
  color:#dbeafe;
  border-color:rgba(59,130,246,.32);
  background:rgba(59,130,246,.12);
}
.home-guide-pill[data-archetype-tone="wildcard"]:hover{
  color:#dbeafe;
  border-color:rgba(59,130,246,.46);
  background:rgba(59,130,246,.18);
  box-shadow:
    0 0 0 1px rgba(59,130,246,.18),
    0 6px 16px rgba(0,0,0,.22),
    0 0 16px rgba(59,130,246,.14);
}
.home-guide-pill[data-archetype-tone="bubblemagnet"]{
  color:#c8ecff;
  border-color:rgba(139,211,255,.30);
  background:rgba(139,211,255,.10);
}
.home-guide-pill[data-archetype-tone="technician"]{
  color:#d1f4ff;
  border-color:rgba(155,231,255,.30);
  background:rgba(155,231,255,.10);
}

.featured-player-archetype-primary.hitman,
.featured-player-archetype-primary.closer,
.featured-player-archetype-primary.grinder,
.featured-player-archetype-primary.lucky,
.featured-player-archetype-primary.wildcard,
.featured-player-archetype-primary.bubblemagnet,
.featured-player-archetype-primary.technician,
.featured-player-archetype-secondary.hitman,
.featured-player-archetype-secondary.closer,
.featured-player-archetype-secondary.grinder,
.featured-player-archetype-secondary.lucky,
.featured-player-archetype-secondary.wildcard,
.featured-player-archetype-secondary.bubblemagnet,
.featured-player-archetype-secondary.technician{
  padding:6px 10px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
}

.featured-player-archetype-primary.hitman,
.featured-player-archetype-secondary.hitman{
  color:#ffb5ae;
  background:rgba(255,138,128,.10);
  border-color:rgba(255,138,128,.28);
}

.featured-player-archetype-primary.closer,
.featured-player-archetype-secondary.closer{
  color:#ffe29a;
  background:rgba(255,213,108,.10);
  border-color:rgba(255,213,108,.28);
}

.featured-player-archetype-primary.grinder,
.featured-player-archetype-secondary.grinder{
  color:#d8ffe0;
  background:rgba(185,251,192,.08);
  border-color:rgba(185,251,192,.26);
}

.featured-player-archetype-primary.lucky,
.featured-player-archetype-secondary.lucky{
  color:#ddd2ff;
  background:rgba(196,181,253,.10);
  border-color:rgba(196,181,253,.28);
}

.featured-player-archetype-primary.wildcard,
.featured-player-archetype-secondary.wildcard{
  color:#dbeafe;
  background:rgba(59,130,246,.12);
  border-color:rgba(59,130,246,.32);
  box-shadow:
    0 0 0 1px rgba(59,130,246,.10),
    0 0 14px rgba(59,130,246,.12);
}
.featured-player-archetype-primary.bubblemagnet,
.featured-player-archetype-secondary.bubblemagnet{
  color:#c8ecff;
  background:rgba(139,211,255,.10);
  border-color:rgba(139,211,255,.28);
}

.featured-player-archetype-primary.technician,
.featured-player-archetype-secondary.technician{
  color:#d1f4ff;
  background:rgba(155,231,255,.10);
  border-color:rgba(155,231,255,.28);
}

.featured-player-archetype-secondary{
  opacity:.88;
  font-weight:650;
}

@media (min-width:801px){
  #players-grid .crew-card .crew-card-stats{
    max-height:0;
    opacity:0;
    overflow:hidden;
    margin-top:0;
    transition:max-height .24s ease, opacity .24s ease, margin-top .24s ease;
  }

  #players-grid .crew-card:hover .crew-card-stats,
  #players-grid .crew-card:focus-within .crew-card-stats{
    max-height:360px;
    opacity:1;
    overflow:visible;
    margin-top:10px;
  }
}

@media (max-width:800px){
  body{
    padding-top:126px;
  }
}

@media (max-width:800px){
  #players-grid .crew-card .crew-card-stats{
    max-height:none;
    opacity:1;
    overflow:visible;
    margin-top:10px;
    transition:none;
  }

   .home-cluster-stack{
    grid-template-columns:1fr;
  }

  .home-cluster-stack-3{
    grid-template-columns:1fr;
  }

  .media-grid{
    grid-template-columns:1fr;
  }

  .crew-view-toolbar,
  #players-visual{
    padding-left:12px;
    padding-right:12px;
  }
  
  .home-jump-nav{
  gap:8px;
  }

  .home-jump-pill,
  .home-module-cta{
    width:100%;
    justify-content:center;
  }

  .league-ticker-head{
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
  }

  .home-pulse-helper,
  .home-section-helper{
    font-size:.86rem;
  }

  .home-module-cta-row{
    margin-top:12px;
  }

  .home-event-fixed-buttons,
  .home-event-fixed-buttons-inline{
    width:100%;
    flex-wrap:wrap;
  }

  .site-header .header-inner{
  align-items:flex-start;
}

.nav{
  gap:8px;
}

.nav > a,
.nav-dropdown-parent{
  padding:7px 9px;
  font-size:.86rem;
}
  
  .page-title-row{
    gap:10px;
  }

  .page-chip-dashboard{
    width:64px;
    height:64px;
  }

  .section{
    padding:20px 18px;
  }

  .section-head{
    margin-bottom:14px;
  }

  .crew-view-toolbar,
  .format-toggle,
  .home-snapshot-layout,
  .home-pulse-head,
  .home-analysis-lane{
    padding-left:12px;
    padding-right:12px;
  }
  
  .dashboard-buttons-shell .dashboard-buttons:nth-child(1),
  .dashboard-buttons-shell .dashboard-buttons:nth-child(2),
  .dashboard-buttons-shell .dashboard-buttons:nth-child(3),
  .standings-buttons-shell > .button-row[data-sort-scope="standings"]{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  
  .dashboard-buttons-shell{
    padding:10px;
  }
  
  .dashboard-buttons-shell .dashboard-buttons{
    padding:10px;
  }
  
  .dashboard-meta-shell,
  .standings-meta-shell{
    grid-template-columns:1fr;
    gap:10px;
    padding:12px;
  }

  .dashboard-meta-shell > #dashboard-current-stat,
  .standings-current-stat{
    white-space:normal;
    font-size:1.4rem;
  }

  #players-help-copy,
  #players-explainer,
  .page-helper-copy{
    font-size:.9rem;
    line-height:1.45;
  }

  .crew-view-toolbar,
  .archetype-mode-toggle{
    gap:12px;
  }

  .crew-view-toolbar .btn,
  .archetype-mode-toggle .archetype-mode-btn{
    min-width:0;
  }
    
  .hero-title{
    font-size:1.7rem;
  }

  .home-hero-copy{
    font-size:.96rem;
  }

  #standings-table thead th{
    position:static;
  }
  
  .dashboard-buttons-shell{
    position:static;
    padding:12px;
  }

  .standings-datawall > .table-wrap{
    padding:0;
  }

  .standings-datawall .table-wrap{
    overflow-x:auto;
  }
}

/* player profile */

.profile-shell{
  padding:28px;
}

.profile-hero.profile-hero-wide{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:26px;
  align-items:start;
}

.profile-hero-copy h2{
  margin:0;
  font-size:2.5rem;
  line-height:1.05;
  color:#fff;
}

.profile-quote{
  color:var(--gold);
  font-style:italic;
  font-weight:700;
  font-size:1.25rem;
  line-height:1.5;
  margin:0;
}

.player-profile-title-row{
  width:100%;
  display:flex;
  align-items:baseline;
  gap:18px;
  margin:0 0 12px 0;
}

.player-profile-title-row h2{
  flex:0 0 auto;
}

.player-stat-card .player-stat-kicker{
  display:block;
  text-align:left;
}

.player-stat-card .player-stat-metric{
  display:block;
  width:100%;
  text-align:right;
}

.player-profile-quote-inline{
  flex:1 1 auto;
  min-width:0;
  align-self:center;
  color:var(--gold);
  text-align:left;
  margin:0;
}

.player-archetype-line,
.player-tier-line{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0;
  padding:10px 14px;
  border:1px solid rgba(255,184,28,.22);
  border-radius:14px;
  background:rgba(255,255,255,.03);
  font-size:1.08rem;
  line-height:1.45;
}

.player-archetype-line,
.player-tier-line{
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.player-archetype-line:hover,
.player-tier-line:hover{
  transform:translateY(-1px);
}

.player-archetype-line{
  color:#dce8ff;
  border-color:rgba(93,156,255,.30);
  background:
    linear-gradient(135deg, rgba(42,72,122,.28), rgba(17,22,30,.92));
  box-shadow:
    0 0 0 1px rgba(93,156,255,.10),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(93,156,255,.08);
}

.player-archetype-line .profile-line-label{
  color:#9fc4ff;
}

.player-archetype-line .profile-line-emoji{
  filter:drop-shadow(0 0 6px rgba(93,156,255,.22));
}

.player-archetype-line .profile-line-name{
  color:#eef5ff;
}

.player-archetype-line .profile-line-desc{
  color:#bfd2ea;
}

.secondary-archetype-line{
  color:#d8dadd;
  border-color:rgba(158,176,195,.26);
  background:
    linear-gradient(135deg, rgba(73,83,96,.24), rgba(17,22,30,.90));
  box-shadow:
    0 0 0 1px rgba(158,176,195,.08),
    0 10px 24px rgba(0,0,0,.16);
}

.secondary-archetype-line .profile-line-label{
  color:#d6dee7;
}

.secondary-archetype-line .profile-line-emoji{
  filter:drop-shadow(0 0 6px rgba(158,176,195,.18));
}

.secondary-archetype-line .profile-line-name{
  color:#f2f5f8;
}

.secondary-archetype-line .profile-line-desc{
  color:#b8c3cf;
}

.player-tier-line{
  color:#fff4cf;
  border-color:rgba(255,184,28,.36);
  background:
    linear-gradient(135deg, rgba(91,63,7,.30), rgba(17,22,30,.92));
  box-shadow:
    0 0 0 1px rgba(255,184,28,.12),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(255,184,28,.10);
}

.player-tier-line .profile-line-label{
  color:#ffd56c;
}

.player-tier-line .profile-line-emoji{
  filter:drop-shadow(0 0 6px rgba(255,184,28,.24));
}

.player-tier-line .profile-line-name{
  color:#fff7df;
}

.player-tier-line .profile-line-desc{
  color:#e4d4a6;
}

.profile-line-label{
  font-weight:800;
  letter-spacing:.01em;
}

.profile-line-emoji{
  font-size:1.45rem;
  line-height:1;
  transform:translateY(1px);
}

.profile-line-name{
  font-weight:800;
}

.profile-line-desc{
  color:var(--muted);
}

.player-profile-left{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}

.player-profile-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.player-profile-kicker{
  color:var(--gold) !important;
}

.player-formula-help{
  margin:0 0 12px 0;
  text-align:center;
  max-width:none;
  white-space:normal;
  font-size:.85rem;
  line-height:1.45;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.82;
}

.player-formula-display{
  width:100%;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  font-size:1rem;
  line-height:1.45;
  margin:10px 0 18px;
  padding:10px 12px;
  background:rgba(0,0,0,.16);
  border:1px solid rgba(255,184,28,.34);
  border-radius:12px;
  box-shadow:
    0 0 0 1px rgba(255,184,28,.22),
    0 0 24px rgba(255,184,28,.22),
    0 0 44px rgba(255,184,28,.14);
}

.player-dna-card{
  margin:0 0 18px 0;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--panel-3);
  box-shadow:var(--shadow);
}

.player-dna-head h3{
  margin:0 0 4px 0;
  color:#fff;
  font-size:1.15rem;
  line-height:1.2;
}

.player-dna-head p{
  margin:0 0 14px 0;
}

.player-dna-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px 16px;
}

.player-dna-row{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.player-dna-label-wrap{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}

.player-dna-label{
  color:#fff;
  font-weight:800;
}

.player-dna-value{
  font-weight:800;
}

.player-dna-bar{
  height:10px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
  overflow:hidden;
  position:relative;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28);
}

.player-dna-fill{
  height:100%;
  border-radius:999px;
  transition:width .4s ease;
  box-shadow:0 0 10px rgba(255,255,255,.08);
}

.player-dna-row.dna-row-red .player-dna-fill{
  background:linear-gradient(90deg, rgba(255,107,107,.96), rgba(255,107,107,.26));
  box-shadow:0 0 10px rgba(255,107,107,.18);
}

.player-dna-row.dna-row-gold .player-dna-fill{
  background:linear-gradient(90deg, rgba(255,184,28,.96), rgba(255,184,28,.28));
  box-shadow:0 0 10px rgba(255,184,28,.18);
}

.player-dna-row.dna-row-green .player-dna-fill{
  background:linear-gradient(90deg, rgba(61,220,132,.96), rgba(61,220,132,.26));
  box-shadow:0 0 10px rgba(61,220,132,.18);
}

.player-dna-row.dna-row-violet .player-dna-fill{
  background:linear-gradient(90deg, rgba(196,181,253,.96), rgba(196,181,253,.26));
  box-shadow:0 0 10px rgba(196,181,253,.18);
}

.player-dna-row.dna-row-blue .player-dna-fill{
  background:linear-gradient(90deg, rgba(139,211,255,.96), rgba(139,211,255,.26));
  box-shadow:0 0 10px rgba(139,211,255,.18);
}

.player-dna-row.dna-row-slate .player-dna-fill{
  background:linear-gradient(90deg, rgba(214,222,231,.92), rgba(214,222,231,.24));
  box-shadow:0 0 8px rgba(214,222,231,.14);
}

.player-dna-row.dna-row-red .player-dna-label,
.player-dna-row.dna-row-red .player-dna-value{
  color:#ffb5ae;
}

.player-dna-row.dna-row-gold .player-dna-label,
.player-dna-row.dna-row-gold .player-dna-value{
  color:#ffe29a;
}

.player-dna-row.dna-row-green .player-dna-label,
.player-dna-row.dna-row-green .player-dna-value{
  color:#d8ffe0;
}

.player-dna-row.dna-row-violet .player-dna-label,
.player-dna-row.dna-row-violet .player-dna-value{
  color:#ddd2ff;
}

.player-dna-row.dna-row-blue .player-dna-label,
.player-dna-row.dna-row-blue .player-dna-value{
  color:#c8ecff;
}

.player-dna-row.dna-row-slate .player-dna-label,
.player-dna-row.dna-row-slate .player-dna-value{
  color:#d6dee7;
}

.player-nav,
#player-nav{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin:18px 0 12px 0;
}

.profile-grid,
.player-stat-grid-enhanced{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(190px,1fr));
  gap:16px;
}

.profile-stat,
.player-stat-card{
  background:var(--panel-3);
  border:1px solid var(--line);
  border-radius:12px;
  padding:18px;
}

.player-stat-grid-enhanced .player-stat-card{
  transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.player-stat-grid-enhanced .player-stat-card:hover,
.player-stat-grid-enhanced .player-stat-card:focus{
  border-color:rgba(255,184,28,.55);
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(0,0,0,.22);
  outline:none;
}

.player-stat-kicker{
  display:block;
  color:var(--muted);
  font-size:.74rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.metric,
.player-stat-metric{
  font-size:2rem;
  font-weight:800;
  margin:10px 0 0;
}

.player-sample-note{
  margin-top:10px;
}

.player-page-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 18px 0;
}

.player-page-links-bottom{
  margin:18px 0 14px 0;
}

.player-page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,184,28,.22);
  background:
    linear-gradient(180deg, rgba(255,184,28,.10), rgba(255,184,28,.03)),
    rgba(255,255,255,.02);
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 16px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.player-page-link:hover{
  transform:translateY(-1px);
  border-color:rgba(255,184,28,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.22),
    0 0 14px rgba(255,184,28,.10);
}

@media (max-width:900px){
  .archetype-visual-card{
    grid-template-columns:1fr;
    grid-template-areas:
      "head"
      "mode"
      "filters";
  }

  .archetype-mode-toggle{
    width:100%;
  }

  .archetype-filter-row{
    width:100%;
  }
}

/* honors */

.honors-card{
  position:relative;
  overflow:hidden;
  display:block;
  min-height:unset;
  padding:8px;
  border-radius:13px;
}

.honors-card-top{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px;
  align-items:center;
  margin-bottom:6px;
}

.honors-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:24px;
  z-index:0;
}

#champions-list .honors-card::before{
  background:linear-gradient(180deg, rgba(34,197,94,.30), rgba(34,197,94,.14));
  border-bottom:1px solid rgba(34,197,94,.34);
}

#leaders-list .honors-card::before{
  background:linear-gradient(180deg, rgba(59,130,246,.28), rgba(59,130,246,.14));
  border-bottom:1px solid rgba(59,130,246,.32);
}

#records-list .honors-card::before{
  background:linear-gradient(180deg, rgba(168,85,247,.28), rgba(168,85,247,.14));
  border-bottom:1px solid rgba(168,85,247,.32);
}

.honors-card > *{
  position:relative;
  z-index:1;
}

.honors-card .honors-card-top{
  margin-top:6px;
}

.honors-card-stack{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.honors-card-icon,
.honors-card-label{
  display:none;
}

.honors-player-name{
  font-size:.82rem;
  font-weight:800;
  line-height:1.05;
}

.honors-card-value{
  color:var(--muted);
  font-size:.86rem;
  line-height:1.15;
  font-weight:800;
}

.honors-card-value--numeric{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:auto;
  text-align:left;
  font-size:.98rem;
  font-weight:900;
  line-height:1.05;
  color:var(--gold);
}

#champions-list .honors-card-value{
  color:#86efac;
  text-shadow:none;
}

#champions-list .honors-card-value--numeric{
  color:#86efac;
  text-shadow:none;
}

#leaders-list .honors-card-value{
  color:#93c5fd;
  text-shadow:none;
}

#leaders-list .honors-card-value--numeric{
  color:#93c5fd;
  text-shadow:none;
}

#records-list .honors-card-value{
  color:#d8b4fe;
  text-shadow:none;
}

#records-list .honors-card-value--numeric{
  color:#d8b4fe;
  text-shadow:none;
}

#champions-list,
#leaders-list,
#records-list{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:8px;
  padding:0;
  border-radius:0;
  box-shadow:none;
}

.leader-banner-top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:-8px -8px 8px -8px;
  padding:6px 8px;
  text-align:center;
}

#champions-list .leader-banner-top{
  background:linear-gradient(180deg, rgba(34,197,94,.28), rgba(34,197,94,.14));
  border-bottom:1px solid rgba(34,197,94,.32);
  box-shadow:inset 0 -1px 0 rgba(34,197,94,.18);
}

#leaders-list .leader-banner-top{
  background:linear-gradient(180deg, rgba(59,130,246,.38), rgba(59,130,246,.22));
  border-bottom:1px solid rgba(59,130,246,.38);
  box-shadow:inset 0 -1px 0 rgba(59,130,246,.22);
}

#records-list .leader-banner-top{
  background:linear-gradient(180deg, rgba(168,85,247,.28), rgba(168,85,247,.14));
  border-bottom:1px solid rgba(168,85,247,.32);
  box-shadow:inset 0 -1px 0 rgba(168,85,247,.18);
}

#champions-list,
#leaders-list,
#records-list{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:2px;
  margin:0;
  padding:0;
  border:none;
  background:transparent;
  box-shadow:none;
}

.leader-banner-top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin:-4px -4px 3px -4px;
  padding:3px 4px;
  text-align:center;
}

#champions-list .leader-banner-top{
  background:linear-gradient(180deg, rgba(34,197,94,.28), rgba(34,197,94,.14));
  border-bottom:1px solid rgba(34,197,94,.32);
  box-shadow:inset 0 -1px 0 rgba(34,197,94,.18);
}

#leaders-list .leader-banner-top{
  background:rgba(59,130,246,.26);
  background-image:none;
  border-bottom:1px solid rgba(59,130,246,.32);
  box-shadow:inset 0 -1px 0 rgba(59,130,246,.18);
}

#records-list .leader-banner-top{
  background:linear-gradient(180deg, rgba(168,85,247,.28), rgba(168,85,247,.14));
  border-bottom:1px solid rgba(168,85,247,.32);
  box-shadow:inset 0 -1px 0 rgba(168,85,247,.18);
}

.champions-title{
  margin:0;
  font-weight:900;
  line-height:1.1;
  font-size:1.52rem;
}

.honors-page-shell .champions-title{
  font-size:1.5em;
}

.crew-header-shell .page-title-red{
  font-size:1.5em;
}

.champions-title-purple{
  color:#d8b4fe;
  text-shadow:0 0 8px rgba(168,85,247,.12);
}

.champions-title-blue{
  color:#93c5fd;
  text-shadow:0 0 8px rgba(59,130,246,.12);
}

.champions-title-green{
  color:#86efac;
  text-shadow:0 0 8px rgba(34,197,94,.12);
}

#champions-list .honors-card-value,
#champions-list .honors-card-value--numeric,
#leaders-list .honors-card-value,
#leaders-list .honors-card-value--numeric,
#records-list .honors-card-value,
#records-list .honors-card-value--numeric{
  line-height:1.15;
}

.honors-page-shell > .page-title-row:has(.champions-title-purple){
  position:relative;
  margin-bottom:18px;
  padding:0 0 12px 0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.page-title-row:has(.champions-title-purple)::before{
  content:none;
  display:none;
}

.page-title-row:has(.champions-title-blue){
  position:relative;
  margin-bottom:18px;
  padding:12px 14px;
  border:1px solid rgba(59,130,246,.18);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(59,130,246,.12), rgba(59,130,246,.03)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18);
}

.page-title-row:has(.champions-title-blue)::before{
  content:none;
  display:none;
}

.page-title-row:has(.champions-title-green){
  position:relative;
  margin-bottom:18px;
  padding:12px 14px;
  border:1px solid rgba(34,197,94,.18);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(34,197,94,.12), rgba(34,197,94,.03)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18);
}

.page-title-row:has(.champions-title-green)::before{
  content:none;
  display:none;
}

.honors-page-shell{
  position:relative;
  overflow:hidden;
}

.honors-page-shell .page-title-row{
  margin-bottom:14px;
}

.honors-page-shell-kicker{
  margin-top:20px;
  margin-bottom:0;
}

.honors-page-shell-yellow{
  border-color:rgba(250,204,21,.34);
  background:
    radial-gradient(circle at top right, rgba(250,204,21,.18), transparent 34%),
    radial-gradient(circle at left center, rgba(255,239,186,.08), transparent 28%),
    linear-gradient(180deg, rgba(66,50,12,.96), rgba(24,20,10,.99));
}

.honors-page-shell .page-title-row::after{
  bottom:-12px;
}

.honors-page-shell-yellow .page-title-row::after,
.honors-page-shell-yellow .page-title-row:has(.champions-title-purple)::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-12px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(250,204,21,.98), rgba(255,239,186,.62) 52%, transparent 100%) !important;
  box-shadow:none !important;
}

.honors-page-shell-yellow .champions-title{
  color:#fde68a;
}

.honors-hub{
  display:grid;
  gap:22px;
  margin:22px 0;
}

.honors-hub > .section{
  margin:0;
}

/* macro shell spacing is controlled only by parent stack gaps */
.hero-stack > .section,
.hero-stack > .league-ticker{
  margin:0;
}

.standings-page-stack > .section,
.dashboard-page-stack > .section,
.honors-hub > .section{
  margin:0;
}

.hero-stack > .home-commissioner-section,
.hero-stack > #home-snapshot,
.hero-stack > #home-pulse,
.hero-stack > .home-analysis-lane,
.standings-page-stack > .standings-table-shell,
.dashboard-page-stack > .dashboard-cards-shell{
  margin:0;
}

.honors-module{
  position:relative;
  overflow:hidden;
}

.honors-module .page-title-row{
  margin-bottom:8px;
  border-width:1px;
  border-style:solid;
  border-radius:16px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0,0,0,.18);
}

.honors-module-purple .page-title-row{
  position:relative;
  margin-bottom:8px;
  padding:12px 14px;
  border:1px solid rgba(168,85,247,.26);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(168,85,247,.22), rgba(168,85,247,.08)),
    linear-gradient(180deg, rgba(54,24,78,.98), rgba(24,16,36,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 10px 22px rgba(0,0,0,.18);
}

.honors-module-blue .page-title-row{
  border-color:rgba(59,130,246,.26);
  background:
    linear-gradient(180deg, rgba(59,130,246,.22), rgba(59,130,246,.08)),
    linear-gradient(180deg, rgba(18,40,76,.98), rgba(12,20,40,.99));
}

.honors-module-green .page-title-row{
  border-color:rgba(34,197,94,.26);
  background:
    linear-gradient(180deg, rgba(34,197,94,.20), rgba(34,197,94,.08)),
    linear-gradient(180deg, rgba(14,50,32,.98), rgba(10,28,20,.99));
}

.honors-module .page-title-row::before,
.honors-module .page-title-row::after{
  content:none !important;
  display:none !important;
}

.honors-module-kicker{
  position:relative;
  margin-top:2px;
  margin-bottom:18px;
  padding-bottom:14px;
}

.honors-module-purple{
  border-color:rgba(168,85,247,.34);
  background:
    radial-gradient(circle at top right, rgba(168,85,247,.20), transparent 34%),
    radial-gradient(circle at left center, rgba(216,180,254,.08), transparent 28%),
    linear-gradient(180deg, rgba(44,20,64,.96), rgba(18,14,28,.99));
  box-shadow:
    0 0 0 1px rgba(168,85,247,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 24px rgba(168,85,247,.10);
}

.honors-module-blue{
  border-color:rgba(59,130,246,.34);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.20), transparent 34%),
    radial-gradient(circle at left center, rgba(147,197,253,.08), transparent 28%),
    linear-gradient(180deg, rgba(14,32,60,.96), rgba(11,18,34,.99));
  box-shadow:
    0 0 0 1px rgba(59,130,246,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 24px rgba(59,130,246,.10);
}

.honors-module-green{
  border-color:rgba(34,197,94,.34);
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.20), transparent 34%),
    radial-gradient(circle at left center, rgba(134,239,172,.08), transparent 28%),
    linear-gradient(180deg, rgba(12,44,28,.96), rgba(10,24,18,.99));
  box-shadow:
    0 0 0 1px rgba(34,197,94,.10),
    0 12px 30px rgba(0,0,0,.24),
    0 0 24px rgba(34,197,94,.10);
}

.honors-module-purple .honors-module-kicker::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(168,85,247,.95), rgba(255,255,255,.12) 58%, transparent 100%);
}

.honors-module-blue .honors-module-kicker::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(59,130,246,.95), rgba(255,255,255,.12) 58%, transparent 100%);
}

.honors-module-green .honors-module-kicker::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(255,255,255,.12) 58%, transparent 100%);
}

.leader-banner-crown{
  font-size:1.38rem;
  line-height:1;
}

.leader-banner-title{
  color:#fff;
  font-weight:900;
  font-size:1rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  line-height:1.2;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}

.leader-banner-body{
  margin-bottom:16px;
}

.stat-badge-text{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,184,28,.22);
  background:rgba(255,184,28,.07);
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.01em;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.stat-badge-text:hover{
  transform:translateY(-1px);
}

.badge-rarity-common{
  border-color:rgba(158,176,195,.22);
  background:rgba(158,176,195,.08);
  color:#dce4ec;
}

.badge-rarity-uncommon{
  border-color:rgba(139,211,255,.28);
  background:rgba(139,211,255,.10);
  box-shadow:0 0 12px rgba(139,211,255,.10);
}

.badge-rarity-rare{
  border-color:rgba(255,213,108,.32);
  background:rgba(255,213,108,.10);
  box-shadow:0 0 14px rgba(255,213,108,.12);
}

.badge-rarity-epic{
  border-color:rgba(196,181,253,.34);
  background:rgba(196,181,253,.11);
  box-shadow:0 0 16px rgba(196,181,253,.14);
}

.badge-rarity-legendary{
  border-color:rgba(255,184,28,.44);
  background:linear-gradient(135deg, rgba(255,184,28,.16), rgba(255,184,28,.06));
  box-shadow:
    0 0 0 1px rgba(255,184,28,.14),
    0 0 18px rgba(255,184,28,.16);
}

.badge-tone-gold{ color:#ffe29a; }
.badge-tone-violet{ color:#ddd2ff; }
.badge-tone-amber{ color:#ffe4a1; }
.badge-tone-green{ color:#c8ffd8; }
.badge-tone-red{ color:#ffc1bb; }
.badge-tone-blue{ color:#c7ebff; }
.badge-tone-slate{ color:#dce4ec; }

.stat-badge-icon{
  font-size:1rem;
  line-height:1;
}

.stat-leader-badges{
  margin-top:8px;
  margin-bottom:10px;
}

/* rules */

.rules-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:16px !important;
}

.rule-card{
  padding:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.014) 22%, rgba(255,255,255,.01) 100%);
  border-color:rgba(255,255,255,.11);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05),
    0 10px 24px rgba(0,0,0,.18);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.rule-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.16);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 12px 26px rgba(0,0,0,.22);
}

.rules-grid .rule-card{
  position:relative;
  overflow:hidden;
}

.rules-grid .rule-card::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  opacity:.95;
}

.rules-grid .rule-card:nth-child(1){
  border-color:rgba(59,130,246,.18);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.16), transparent 34%),
    linear-gradient(180deg, rgba(59,130,246,.09), rgba(59,130,246,.02) 22%, rgba(255,255,255,.01) 100%);
  box-shadow:
    0 0 0 1px rgba(59,130,246,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(59,130,246,.08);
}

.rules-grid .rule-card:nth-child(1)::before{
  background:linear-gradient(90deg, rgba(59,130,246,.95), rgba(59,130,246,.15));
  box-shadow:0 0 10px rgba(59,130,246,.16);
}

.rules-grid .rule-card:nth-child(1):hover{
  border-color:rgba(59,130,246,.32);
  box-shadow:
    0 0 0 1px rgba(59,130,246,.10),
    0 12px 26px rgba(0,0,0,.22),
    0 0 20px rgba(59,130,246,.12);
}

.rules-grid .rule-card:nth-child(2){
  border-color:rgba(34,197,94,.18);
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.15), transparent 34%),
    linear-gradient(180deg, rgba(34,197,94,.08), rgba(34,197,94,.02) 22%, rgba(255,255,255,.01) 100%);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(34,197,94,.08);
}

.rules-grid .rule-card:nth-child(2)::before{
  background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(34,197,94,.15));
  box-shadow:0 0 10px rgba(34,197,94,.16);
}

.rules-grid .rule-card:nth-child(2):hover{
  border-color:rgba(34,197,94,.30);
  box-shadow:
    0 0 0 1px rgba(34,197,94,.10),
    0 12px 26px rgba(0,0,0,.22),
    0 0 20px rgba(34,197,94,.12);
}

.rules-grid .rule-card:nth-child(3){
  border-color:rgba(168,85,247,.18);
  background:
    radial-gradient(circle at top right, rgba(168,85,247,.16), transparent 34%),
    linear-gradient(180deg, rgba(168,85,247,.08), rgba(168,85,247,.02) 22%, rgba(255,255,255,.01) 100%);
  box-shadow:
    0 0 0 1px rgba(168,85,247,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(168,85,247,.08);
}

.rules-grid .rule-card:nth-child(3)::before{
  background:linear-gradient(90deg, rgba(168,85,247,.95), rgba(168,85,247,.15));
  box-shadow:0 0 10px rgba(168,85,247,.16);
}

.rules-grid .rule-card:nth-child(3):hover{
  border-color:rgba(168,85,247,.30);
  box-shadow:
    0 0 0 1px rgba(168,85,247,.10),
    0 12px 26px rgba(0,0,0,.22),
    0 0 20px rgba(168,85,247,.12);
}

.rules-grid .rule-card:nth-child(4){
  border-color:rgba(239,68,68,.18);
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.15), transparent 34%),
    linear-gradient(180deg, rgba(239,68,68,.08), rgba(239,68,68,.02) 22%, rgba(255,255,255,.01) 100%);
  box-shadow:
    0 0 0 1px rgba(239,68,68,.06),
    0 10px 24px rgba(0,0,0,.18),
    0 0 18px rgba(239,68,68,.08);
}

.rules-grid .rule-card:nth-child(4)::before{
  background:linear-gradient(90deg, rgba(239,68,68,.95), rgba(239,68,68,.15));
  box-shadow:0 0 10px rgba(239,68,68,.16);
}

.rules-grid .rule-card:nth-child(4):hover{
  border-color:rgba(239,68,68,.30);
  box-shadow:
    0 0 0 1px rgba(239,68,68,.10),
    0 12px 26px rgba(0,0,0,.22),
    0 0 20px rgba(239,68,68,.12);
}

.rule-card-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}

.dealer-button-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#ffffff;
  border:2px solid rgba(255,255,255,.24);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#111;
  font-weight:900;
  box-shadow:0 8px 16px rgba(0,0,0,.24);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.rules-grid .rule-card:nth-child(1) .dealer-button-icon{
  border-color:rgba(59,130,246,.36);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    0 0 14px rgba(59,130,246,.14);
}

.rules-grid .rule-card:nth-child(2) .dealer-button-icon{
  border-color:rgba(34,197,94,.36);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    0 0 14px rgba(34,197,94,.14);
}

.rules-grid .rule-card:nth-child(3) .dealer-button-icon{
  border-color:rgba(168,85,247,.36);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    0 0 14px rgba(168,85,247,.14);
}

.rules-grid .rule-card:nth-child(4) .dealer-button-icon{
  border-color:rgba(239,68,68,.36);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    0 0 14px rgba(239,68,68,.14);
}

.rule-card:hover .dealer-button-icon{
  transform:translateY(-1px);
}

.rule-card-title-wrap h3{
  margin:0;
  transition:color .18s ease, text-shadow .18s ease;
}

.rules-grid .rule-card:nth-child(1) .rule-card-title-wrap h3{
  color:#bfdbfe;
  text-shadow:0 0 10px rgba(59,130,246,.12);
}

.rules-grid .rule-card:nth-child(2) .rule-card-title-wrap h3{
  color:#bbf7d0;
  text-shadow:0 0 10px rgba(34,197,94,.12);
}

.rules-grid .rule-card:nth-child(3) .rule-card-title-wrap h3{
  color:#e9d5ff;
  text-shadow:0 0 10px rgba(168,85,247,.12);
}

.rules-grid .rule-card:nth-child(4) .rule-card-title-wrap h3{
  color:#fecaca;
  text-shadow:0 0 10px rgba(239,68,68,.12);
}

.rule-card p{
  margin:0;
  color:var(--muted);
  line-height:1.5;
}

.rules-table-bg .rules-format .format-head{
  padding:0 18px;
}

.rules-table-bg .rules-format .timer-rail{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:14px 0 18px;
  padding:0 18px;
}

.timer-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.04);
  color:#fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,255,255,.04);
  line-height:1;
}

.timer-rail .timer-pill:nth-child(1){
  border-color:rgba(59,130,246,.34);
  background:
    linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.06)),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 60%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(59,130,246,.10),
    0 0 16px rgba(59,130,246,.10);
}

.timer-rail .timer-pill:nth-child(1) strong{
  color:#93c5fd;
}

.timer-rail .timer-pill:nth-child(2){
  border-color:rgba(255,213,108,.36);
  background:
    linear-gradient(180deg, rgba(255,213,108,.18), rgba(255,213,108,.06)),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 60%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(255,213,108,.10),
    0 0 16px rgba(255,213,108,.10);
}

.timer-rail .timer-pill:nth-child(2) strong{
  color:#ffe29a;
}

.timer-rail .timer-pill:nth-child(3){
  border-color:rgba(168,85,247,.34);
  background:
    linear-gradient(180deg, rgba(168,85,247,.18), rgba(168,85,247,.06)),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 60%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(168,85,247,.10),
    0 0 16px rgba(168,85,247,.10);
}

.timer-rail .timer-pill:nth-child(3) strong{
  color:#d8b4fe;
}

.timer-rail .timer-pill:nth-child(4){
  border-color:rgba(34,197,94,.34);
  background:
    linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.06)),
    linear-gradient(90deg, rgba(255,255,255,.03), transparent 60%);
  box-shadow:
    0 6px 16px rgba(0,0,0,.18),
    0 0 0 1px rgba(34,197,94,.10),
    0 0 16px rgba(34,197,94,.10);
}

.timer-rail .timer-pill:nth-child(4) strong{
  color:#86efac;
}

.timer-pill:hover{
  transform:translateY(-1px);
  box-shadow:
    0 8px 18px rgba(0,0,0,.22);
}

.rules-chip-panel{
  padding:16px;
  margin:14px 0 18px;
}

.rules-chip-grid{
  display:grid !important;
  grid-template-columns:repeat(7, minmax(0,1fr)) !important;
  gap:14px !important;
}

.rules-chip-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:14px 10px;
  text-align:center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015) 28%, rgba(255,255,255,.02) 100%);
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04),
    0 8px 20px rgba(0,0,0,.16);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.rules-chip-card.chip-25{
  background:
    linear-gradient(180deg, rgba(34,197,94,.18), rgba(34,197,94,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-100{
  background:
    linear-gradient(180deg, rgba(148,163,184,.18), rgba(148,163,184,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-500{
  background:
    linear-gradient(180deg, rgba(168,85,247,.18), rgba(168,85,247,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-1000{
  background:
    linear-gradient(180deg, rgba(250,204,21,.18), rgba(250,204,21,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-5000{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.05) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-10000{
  background:
    linear-gradient(180deg, rgba(249,115,22,.18), rgba(249,115,22,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-25000{
  background:
    linear-gradient(180deg, rgba(239,68,68,.18), rgba(239,68,68,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-100000{
  background:
    linear-gradient(180deg, rgba(244,114,182,.18), rgba(244,114,182,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card.chip-250000{
  background:
    linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.06) 28%, rgba(255,255,255,.02) 100%);
}

.rules-chip-card:hover{
  transform:translateY(-2px);
  box-shadow:
    0 10px 24px rgba(0,0,0,.20);
}

.rules-chip-image{
  width:76px;
  height:76px;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.35));
  transition:filter .18s ease, transform .18s ease;
}

.rules-chip-card:hover .rules-chip-image{
  transform:translateY(-1px) scale(1.03);
}

.rules-chip-card.chip-25 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(34,197,94,.20)); }
.rules-chip-card.chip-100 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(148,163,184,.16)); }
.rules-chip-card.chip-500 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(168,85,247,.20)); }
.rules-chip-card.chip-1000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(250,204,21,.20)); }
.rules-chip-card.chip-5000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(255,255,255,.18)); }
.rules-chip-card.chip-10000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(249,115,22,.20)); }
.rules-chip-card.chip-25000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(239,68,68,.20)); }
.rules-chip-card.chip-100000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(244,114,182,.20)); }
.rules-chip-card.chip-250000 .rules-chip-image{ filter:drop-shadow(0 8px 12px rgba(0,0,0,.35)) drop-shadow(0 0 10px rgba(59,130,246,.20)); }

.rules-chip-card.chip-25:hover{
  border-color:rgba(21,128,61,.72);
  box-shadow:
    0 0 0 1px rgba(21,128,61,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(21,128,61,.18);
}

.rules-chip-card.chip-100:hover{
  border-color:rgba(71,85,105,.72);
  box-shadow:
    0 0 0 1px rgba(71,85,105,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(71,85,105,.16);
}

.rules-chip-card.chip-500:hover{
  border-color:rgba(126,34,206,.72);
  box-shadow:
    0 0 0 1px rgba(126,34,206,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(126,34,206,.18);
}

.rules-chip-card.chip-1000:hover{
  border-color:rgba(202,138,4,.76);
  box-shadow:
    0 0 0 1px rgba(202,138,4,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(202,138,4,.18);
}

.rules-chip-card.chip-5000:hover{
  border-color:rgba(203,213,225,.76);
  box-shadow:
    0 0 0 1px rgba(203,213,225,.16),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(203,213,225,.14);
}

.rules-chip-card.chip-10000:hover{
  border-color:rgba(194,65,12,.76);
  box-shadow:
    0 0 0 1px rgba(194,65,12,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(194,65,12,.18);
}

.rules-chip-card.chip-25000:hover{
  border-color:rgba(185,28,28,.76);
  box-shadow:
    0 0 0 1px rgba(185,28,28,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(185,28,28,.18);
}

.rules-chip-card.chip-100000:hover{
  border-color:rgba(190,24,93,.76);
  box-shadow:
    0 0 0 1px rgba(190,24,93,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(190,24,93,.18);
}

.rules-chip-card.chip-250000:hover{
  border-color:rgba(29,78,216,.76);
  box-shadow:
    0 0 0 1px rgba(29,78,216,.18),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(29,78,216,.18);
}

.rules-chip-image.is-missing{
  display:none;
}

.rules-chip-fallback{
  width:76px;
  height:76px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.18);
  display:none;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:800;
  color:#dfe7ef;
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,0)), linear-gradient(135deg,#1b2530 0%,#10161d 100%);
}

.rules-chip-fallback.is-visible{
  display:flex;
}

.rules-chip-label{
  font-weight:800;
  color:#fff;
}

.rules-chip-count{
  color:var(--muted);
  font-size:.88rem;
  line-height:1.35;
  font-weight:400;
}

.rules-chip-card.chip-25 .rules-chip-label,
.rules-chip-card.chip-25 .rules-chip-count{
  color:#86efac;
}

.rules-chip-card.chip-100 .rules-chip-label,
.rules-chip-card.chip-100 .rules-chip-count{
  color:#d1d5db;
}

.rules-chip-card.chip-500 .rules-chip-label,
.rules-chip-card.chip-500 .rules-chip-count{
  color:#d8b4fe;
}

.rules-chip-card.chip-1000 .rules-chip-label,
.rules-chip-card.chip-1000 .rules-chip-count{
  color:#fde68a;
}

.rules-chip-card.chip-5000 .rules-chip-label,
.rules-chip-card.chip-5000 .rules-chip-count{
  color:#ffffff;
}

.rules-chip-card.chip-10000 .rules-chip-label,
.rules-chip-card.chip-10000 .rules-chip-count{
  color:#fdba74;
}

.rules-chip-card.chip-25000 .rules-chip-label,
.rules-chip-card.chip-25000 .rules-chip-count{
  color:#fca5a5;
}

.rules-chip-card.chip-100000 .rules-chip-label,
.rules-chip-card.chip-100000 .rules-chip-count{
  color:#f9a8d4;
}

.rules-chip-card.chip-250000 .rules-chip-label,
.rules-chip-card.chip-250000 .rules-chip-count{
  color:#93c5fd;
}

.blind-sheet{
  padding:16px;
  background:
    linear-gradient(180deg, rgba(255,184,28,.06), rgba(255,184,28,.015) 24%, rgba(255,255,255,.01) 100%);
  border-color:rgba(255,184,28,.14);
  box-shadow:
    0 0 0 1px rgba(255,184,28,.06),
    0 10px 24px rgba(0,0,0,.18);
}

.blind-table{
  width:100%;
  min-width:780px;
  border-collapse:collapse;
}

.blind-table th,
.blind-table td{
  padding:12px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.blind-table th{
  color:#ffe7b0;
  font-weight:800;
  letter-spacing:.03em;
  background:
    linear-gradient(180deg, rgba(255,184,28,.14), rgba(255,184,28,.05)),
    linear-gradient(90deg, rgba(59,130,246,.03), transparent 35%);
  box-shadow:inset 0 -1px 0 rgba(255,184,28,.12);
}

.blind-table td{
  color:#eef3f8;
}

.blind-row-dark{
  background:rgba(255,255,255,.02);
}

.blind-row-light{
  background:rgba(255,184,28,.05);
}

.blind-break td{
  color:#171717;
  font-weight:800;
  background:linear-gradient(180deg, #ffcf5a, #ffb81c);
}

.blind-note{
  margin:12px 0 0;
  color:var(--muted);
  font-size:.92rem;
}

/* media */

.media-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  max-width:1080px;
  margin:0 auto;
}

.media-card{
  position:relative;
  overflow:hidden;
  padding:14px;
  border:1px solid rgba(168,85,247,.20);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(168,85,247,.10), rgba(168,85,247,.03)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.22),
    0 0 18px rgba(168,85,247,.08);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.media-card::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(168,85,247,.95), rgba(239,68,68,.40) 58%, transparent 100%);
}

.media-copy{
  position:relative;
  z-index:1;
  padding:0 0 10px 0;
}

.media-card h3{
  margin:0;
  color:#e9d5ff;
  font-size:1rem;
  font-weight:800;
  line-height:1.2;
  text-shadow:none;
}

.media-frame{
  width:100%;
  aspect-ratio:16 / 9;
  border-radius:12px;
  overflow:hidden;
  background:#05080c;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 8px 14px rgba(0,0,0,.18);
}

.media-thumb-link,
.media-embed-wrap{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  border-radius:12px;
  overflow:hidden;
  background:#000;
}

.media-thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  background:#000;
  transition:transform .25s ease, filter .25s ease;
}

.media-embed-wrap iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}

.media-play-overlay{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:42px;
  color:#fff;
  background:rgba(0,0,0,.58);
  width:72px;
  height:72px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  transition:all .25s ease;
  border:1px solid rgba(168,85,247,.28);
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    0 0 18px rgba(168,85,247,.14);
}

.media-thumb-link:hover .media-thumb{
  transform:scale(1.05);
  filter:brightness(1.04);
}

.media-thumb-link:hover .media-play-overlay{
  background:linear-gradient(180deg, rgba(168,85,247,.92), rgba(239,68,68,.84));
  color:#fff;
  border-color:rgba(239,68,68,.40);
  box-shadow:
    0 10px 22px rgba(0,0,0,.30),
    0 0 22px rgba(168,85,247,.18);
}

/* fill bar */

.fill-header{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
  color:var(--muted);
  font-size:.9rem;
}

.fill-bar{
  height:12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
  position:relative;
}

.fill-bar-value{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #ffb81c, #ffd56c);
  position:relative;
  overflow:hidden;
  animation:barPulse 2.1s ease-in-out infinite;
  transition:width .45s ease;
}

.fill-bar-value::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  animation:fillShimmer 2.4s linear infinite;
}

@keyframes fillShimmer{
  0%{ transform:translateX(-130%); }
  100%{ transform:translateX(130%); }
}

@keyframes snapshotPulse{
  0%,100%{
    filter:brightness(1);
  }
  50%{
    filter:brightness(1.08);
  }
}

@keyframes barPulse{
  0%,100%{ filter:brightness(1); }
  50%{ filter:brightness(1.12); }
}

/* values */

.positive{
  color:var(--green) !important;
}

.negative{
  color:var(--red) !important;
}

.neutral{
  color:#fff !important;
}

/* footer */

.site-footer{
  border-top:1px solid var(--line);
  margin-top:30px;
  color:var(--muted);
}

.site-footer .wrap{
  padding:20px;
}

/* responsive */

@media (max-width:1280px){
  #champions-list,
  #leaders-list,
  #records-list{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }

  .tier-grid{
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }

  .home-leader-strip,
  .home-insights-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .home-snapshot-layout{
    grid-template-columns:1fr;
  }

  .home-snapshot-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .home-feature-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:1100px){
  .header-inner{
    grid-template-columns:1fr;
    align-items:flex-start;
    gap:10px;
  }

  .nav{
    width:100%;
  }

  .tier-grid,
  #champions-list,
  #leaders-list,
  #records-list{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }

  .profile-hero.profile-hero-wide{
    grid-template-columns:1fr;
  }

  .player-profile-copy{
    align-items:flex-start;
  }

  .player-formula-help{
    white-space:normal;
  }
}

@media (max-width:980px){
  .home-events-grid,
  .media-grid{
    grid-template-columns:1fr;
  }

  .event-layout-grid{
    grid-template-columns:1fr;
  }

  .event-details-col{
    padding-right:0;
    border-right:none;
  }

  .event-rsvp-col{
    padding-left:0;
    align-items:center;
  }
    .standings-meta-shell{
    grid-template-columns:1fr;
    gap:10px;
  }

  .standings-current-stat{
    white-space:normal;
  }

  .standings-formula-display{
    width:100%;
  }
  .crew-view-toolbar,
  #players-visual,
  .home-snapshot-layout,
  .home-cluster-stack,
  .home-cluster-stack-3,
  .format-toggle{
    padding-left:12px;
    padding-right:12px;
  }

  .home-analysis-grid{
    grid-template-columns:1fr;
  } 
}

@media (max-width:900px){
  #schedule-list{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }  
}

@media (max-width:800px){
  .tier-grid,
  #dashboard-grid,
  #champions-list,
  #leaders-list,
  #records-list,
  .rules-grid,
  .rules-chip-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  #schedule-list{
    grid-template-columns:1fr !important;
  }

  .home-cluster-stack{
    grid-template-columns:1fr;
  }

  .home-cluster-stack-3{
    grid-template-columns:1fr;
  }

  .home-pulse-head{
    flex-wrap:wrap;
  }

  .home-snapshot-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .home-snapshot-grid .snapshot-card::after{
    display:none;
  }
  
  .home-insight-formula{
    width:100%;
    min-height:28px;
    justify-content:flex-start;
    text-align:left;
    padding:0;
  }

  .home-event-fixed-buttons,
  .home-event-fixed-buttons-inline{
    width:100%;
    flex-wrap:wrap;
  }

  #schedule-list .home-event-top-right,
  #home-events-list .home-event-top-right{
    width:100%;
    justify-content:flex-end;
  }
  
  .home-dual-rsvp-btn,
  .home-fixed-rsvp-btn{
    min-width:0;
    flex:1 1 220px;
  }

   .home-event-top-right{
    width:100%;
    justify-content:flex-end;
    margin-top:8px;
  }
  
  .home-analysis-col .page-title-row{
    padding-left:12px;
    padding-right:12px;
  }
  
  .event-card-topline{
    flex-direction:column;
    align-items:flex-start;
  }

  .schedule-day-pill{
    font-size:1rem;
    padding:7px 14px;
  }
  
    .event-guide-line{
    flex-direction:column;
  }

  .event-guide-line .profile-line-label{
    min-width:0;
    flex:none;
  }
  
    .archetype-filter-row{
    gap:8px;
  }

  .archetype-filter-pill{
    width:100%;
    justify-content:space-between;
  }

  .archetype-mode-toggle{
    gap:8px;
  }

  .archetype-mode-btn{
  width:auto;
  max-width:max-content;
  justify-content:center;
}

  .event-rsvp-summary{
    gap:8px;
    font-size:.95rem;
  }  
}

@media (max-width:700px){
  body{
    padding-top:138px;
  }

  .logo{
    font-size:1.45rem;
  }

  .tag{
    font-size:.92rem;
    white-space:normal;
  }

  .nav{
    gap:5px;
  }

  .nav > a,
  .nav-dropdown-parent{
    min-height:34px;
    padding:6px 10px;
    font-size:.94rem;
  }

  .nav-dropdown-menu{
    top:calc(100% + 6px);
    min-width:200px;
  }
}

@media (max-width:640px){
  .tier-grid,
  #dashboard-grid,
  #champions-list,
  #leaders-list,
  #records-list,
  .rules-grid,
  .rules-chip-grid,
  #schedule-list,
  .media-grid{
    grid-template-columns:1fr !important;
  }
  .home-leader-strip,
  .home-insights-grid{
    grid-template-columns:1fr;
  }

  .home-jump-nav{
  flex-direction:column;
  }

  .home-jump-pill{
    width:100%;
    justify-content:center;
  }
  
  .archetype-section.archetype-hitman,
  .archetype-section.archetype-closer,
  .archetype-section.archetype-grinder,
  .archetype-section.archetype-lucky-devil,
  .archetype-section.archetype-wildcard,
  .archetype-section.archetype-bubble-magnet,
  .archetype-section.archetype-technician{
    padding:12px;
    border-radius:16px;
  }

  .archetype-section .tier-grid{
    padding:10px;
    border-radius:14px;
  }
  
  .archetype-section::before{
    left:12px;
    right:12px;
  }

  .archetype-active-summary{
    padding:10px 12px;
    border-radius:12px;
  }

  .archetype-active-summary-count{
    min-width:30px;
    height:30px;
    font-size:.76rem;
  }
  
  .home-snapshot-grid{
    grid-template-columns:1fr;
  }

  .featured-player-top{
    grid-template-columns:1fr;
    text-align:center;
  }

  .featured-player-avatar{
    display:flex;
    justify-content:center;
  }

  .featured-player-stats{
    grid-template-columns:1fr;
  }
  
  .crew-card-topline{
    align-items:flex-start;
  }

  .crew-tier-rank{
    min-width:30px;
    height:30px;
    font-size:.85rem;
  }

  .tier-distribution-row{
    grid-template-columns:1fr;
    gap:6px;
  }

  .tier-distribution-count{
    text-align:left;
  }
  
  .home-badge-row{
    align-items:flex-start;
    text-align:left;
  }

  .home-badge-main{
    justify-content:flex-start;
  }
  
  .home-mini-name{
    white-space:normal;
  }

  .home-jump-nav{
  flex-direction:column;
}

  .home-jump-pill{
    width:100%;
    justify-content:center;
  }
  
  #standings-table{
    min-width:640px;
  }

  .blind-table{
    min-width:640px;
  }
  
  .player-avatar.profile,
  .player-avatar-fallback.profile{
    width:230px;
    height:230px;
    font-size:3rem;
  }

  .page-chip-dashboard{
    width:64px;
    height:64px;
  }

  .player-formula-display,
  .dashboard-formula-display{
    width:100%;
    font-size:.92rem;
  }

  .events-header-stack{
    gap:12px;
  }

  .events-header-suits{
    gap:8px;
  }

  .events-header-suit{
    font-size:1.9rem;
  }
  
   .event-rsvp-avatar-row{
    position:static;
    width:auto;
    height:auto;
    display:grid;
    grid-template-columns:repeat(3, 44px);
    justify-content:center;
    gap:12px 16px;
    margin:0;
  }

  .event-rsvp-avatar-row::before,
  .event-rsvp-avatar-row::after{
    display:none;
  }

  .event-rsvp-avatar-row > .event-rsvp-seat-player,
  .event-rsvp-avatar-row > .event-empty-seat{
    position:static;
    width:44px;
    height:44px;
    transform:none !important;
  }
  
  .event-rsvp-avatar-row .player-avatar,
  .event-rsvp-avatar-row .player-avatar-fallback{
    width:44px;
    height:44px;
  }

  .event-empty-seat{
    font-size:2.4rem;
  }
  
  .player-formula-help{
    text-align:center;
    font-size:.78rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    margin:4px 0 14px;
    opacity:.75;
  }

  .player-formula-help::after{
    content:"";
    display:block;
    width:40px;
    height:1px;
    margin:8px auto 0;
    background:rgba(255,184,28,.35);
  }
  
  .player-dna-grid{
    grid-template-columns:1fr;
  }

  .featured-player-meta{
    align-items:center;
  }

  .featured-player-tier,
  .featured-player-archetype{
    margin-left:auto;
    margin-right:auto;
  }
  .site-header .header-inner{
    align-items:flex-start;
  }

  .nav{
    gap:8px;
  }

  .nav a{
    padding:7px 9px;
    font-size:.86rem;
  }

  .page-title-row{
    gap:10px;
  }

  .page-chip-dashboard{
    width:64px;
    height:64px;
  }

  .section{
    padding:20px 18px;
  }

  .section-head{
    margin-bottom:14px;
  }

  .crew-view-toolbar,
  .format-toggle,
  .home-snapshot-layout,
  .home-pulse-head,
  .home-analysis-lane{
    padding-left:12px;
    padding-right:12px;
  }

  .dashboard-buttons-shell .dashboard-buttons{
    padding:10px;
  }

  .dashboard-meta-shell-inline,
  .standings-meta-shell{
    grid-template-columns:1fr;
    gap:10px;
    padding:0;
  }

  .dashboard-meta-shell-inline > #dashboard-current-stat,
  .standings-current-stat{
    white-space:normal;
    font-size:1.4rem;
  }

  #players-help-copy,
  #players-explainer,
  .page-helper-copy{
    font-size:.9rem;
    line-height:1.45;
  }

  .hero-title{
    font-size:1.7rem;
  }

  .home-hero-copy{
    font-size:.96rem;
  }

  .dashboard-studio-chip,
  .standings-race-chip{
    width:100%;
    justify-content:flex-start;
  }
}

/* ===== SECTION ICON STYLING ===== */

.report-icon{
  color:#ffb81c;
  font-size:1.05em;
  line-height:1;
}

.snapshot-heading{
  display:inline-block;
  margin-right:6px;
  color:#ffd56c;
}

.snapshot-flash{
  animation:cameraFlash 4.8s ease-in-out infinite;
  transform-origin:center center;
}

@keyframes cameraFlash{
  0%, 91%, 100%{
    transform:scale(1);
    filter:brightness(1);
    text-shadow:none;
  }

  93%{
    transform:scale(1.28);
    filter:brightness(2.1);
    text-shadow:
      0 0 8px rgba(255,255,255,.55),
      0 0 18px rgba(255,255,255,.35);
  }

  95%{
    transform:scale(.96);
    filter:brightness(.82);
    text-shadow:none;
  }

  97%{
    transform:scale(1.14);
    filter:brightness(1.45);
    text-shadow:
      0 0 6px rgba(255,255,255,.35);
  }
}

.pulse-icon{
  display:inline-block;
  margin-right:6px;
  color:#d7263d;
  transform:translateY(1px);
  filter:drop-shadow(0 0 4px rgba(215,38,61,.28));
  animation:pulseBeat 1.8s ease-in-out infinite;
}

@keyframes pulseBeat{
  0%, 100%{
    transform:translateY(1px) scale(1);
    filter:drop-shadow(0 0 4px rgba(215,38,61,.28));
  }
  50%{
    transform:translateY(1px) scale(1.12);
    filter:drop-shadow(0 0 8px rgba(215,38,61,.42));
  }
}

/* FINAL OVERRIDE — archetype player-count pills */
.archetype-filter-pill.archetype-hitman > span{
  border:1px solid #ff6b6b !important;
  background:linear-gradient(180deg, rgba(255,214,214,.18), rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(255,107,107,.34), rgba(120,22,22,.96)) !important;
  color:#fff1f1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,226,.16),
    inset 0 -2px 4px rgba(56,10,10,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-closer > span{
  border:1px solid #ffd56c !important;
  background:linear-gradient(180deg, rgba(255,244,210,.18), rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(255,213,108,.34), rgba(120,82,10,.96)) !important;
  color:#fff7df !important;
  box-shadow:
    inset 0 1px 0 rgba(255,244,210,.16),
    inset 0 -2px 4px rgba(64,42,8,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-grinder > span{
  border:1px solid #b9fbc0 !important;
  background:linear-gradient(180deg, rgba(230,255,236,.18), rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(185,251,192,.32), rgba(12,92,30,.96)) !important;
  color:#f4fff6 !important;
  box-shadow:
    inset 0 1px 0 rgba(230,255,236,.16),
    inset 0 -2px 4px rgba(8,38,14,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-lucky-devil > span{
  border:1px solid #c4b5fd !important;
  background:linear-gradient(180deg, rgba(239,232,255,.18), rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(196,181,253,.34), rgba(68,30,118,.96)) !important;
  color:#faf7ff !important;
  box-shadow:
    inset 0 1px 0 rgba(239,232,255,.16),
    inset 0 -2px 4px rgba(24,10,50,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-wildcard > span{
  border:1px solid #78ffff !important;
  background:linear-gradient(180deg, rgba(224,255,255,.18), rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(120,255,255,.34), rgba(12,88,96,.96)) !important;
  color:#f4ffff !important;
  box-shadow:
    inset 0 1px 0 rgba(230,255,255,.16),
    inset 0 -2px 4px rgba(8,34,40,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-bubble-magnet > span{
  border:1px solid #8bd3ff !important;
  background:linear-gradient(180deg, rgba(230,247,255,.18), rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(139,211,255,.34), rgba(20,64,110,.96)) !important;
  color:#f4fbff !important;
  box-shadow:
    inset 0 1px 0 rgba(230,247,255,.16),
    inset 0 -2px 4px rgba(10,24,44,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-technician > span{
  border:1px solid #9be7ff !important;
  background:linear-gradient(180deg, rgba(235,251,255,.18), rgba(255,255,255,0) 42%), linear-gradient(180deg, rgba(155,231,255,.34), rgba(20,72,98,.96)) !important;
  color:#f6fdff !important;
  box-shadow:
    inset 0 1px 0 rgba(235,251,255,.16),
    inset 0 -2px 4px rgba(10,26,40,.42),
    0 2px 8px rgba(0,0,0,.22) !important;
}

/* FINAL FIX — FULL ARCHETYPE FILTER PILL COLORS */
.archetype-filter-pill.archetype-hitman{
  border-color:#ff6b6b !important;
  background:
    linear-gradient(180deg, rgba(255,214,214,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,107,107,.22), rgba(96,20,20,.94)) !important;
  color:#ffe1e1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,226,.12),
    inset 0 -2px 4px rgba(48,10,10,.42),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-hitman.active{
  border-color:#ff7d7d !important;
  background:
    linear-gradient(180deg, rgba(255,220,220,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,107,107,.34), rgba(120,22,22,.96)) !important;
  color:#fff1f1 !important;
}

.archetype-filter-pill.archetype-closer{
  border-color:#ffd56c !important;
  background:
    linear-gradient(180deg, rgba(255,244,210,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,213,108,.20), rgba(96,68,10,.94)) !important;
  color:#fff0c9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,244,210,.12),
    inset 0 -2px 4px rgba(56,38,8,.42),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-closer.active{
  border-color:#ffe08a !important;
  background:
    linear-gradient(180deg, rgba(255,244,210,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(255,213,108,.30), rgba(120,82,10,.96)) !important;
  color:#fff7df !important;
}

.archetype-filter-pill.archetype-grinder{
  border-color:#b9fbc0 !important;
  background:
    linear-gradient(180deg, rgba(230,255,236,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(185,251,192,.20), rgba(12,78,30,.94)) !important;
  color:#ecfff0 !important;
  box-shadow:
    inset 0 1px 0 rgba(230,255,236,.12),
    inset 0 -2px 4px rgba(8,34,14,.42),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-grinder.active{
  border-color:#cbffd1 !important;
  background:
    linear-gradient(180deg, rgba(230,255,236,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(185,251,192,.30), rgba(12,92,30,.96)) !important;
  color:#f4fff6 !important;
}

.archetype-filter-pill.archetype-lucky-devil{
  border-color:#c4b5fd !important;
  background:
    linear-gradient(180deg, rgba(239,232,255,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(196,181,253,.22), rgba(56,26,96,.94)) !important;
  color:#f3edff !important;
  box-shadow:
    inset 0 1px 0 rgba(239,232,255,.12),
    inset 0 -2px 4px rgba(20,10,44,.42),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-lucky-devil.active{
  border-color:#d6c9ff !important;
  background:
    linear-gradient(180deg, rgba(239,232,255,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(196,181,253,.32), rgba(68,30,118,.96)) !important;
  color:#faf7ff !important;
}

.archetype-filter-pill.archetype-wildcard{
  border-color:#93c5fd !important;
  background:
    linear-gradient(180deg, rgba(219,234,254,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(59,130,246,.22), rgba(18,42,78,.94)) !important;
  color:#dbeafe !important;
  box-shadow:
    inset 0 1px 0 rgba(219,234,254,.12),
    inset 0 -2px 4px rgba(10,22,44,.42),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-wildcard.active{
  border-color:#bfdbfe !important;
  background:
    linear-gradient(180deg, rgba(219,234,254,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(59,130,246,.32), rgba(18,42,78,.96)) !important;
  color:#eff6ff !important;
}

.archetype-filter-pill.archetype-bubble-magnet{
  border-color:#8bd3ff !important;
  background:
    linear-gradient(180deg, rgba(230,247,255,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(139,211,255,.22), rgba(20,64,110,.94)) !important;
  color:#edf8ff !important;
  box-shadow:
    inset 0 1px 0 rgba(230,247,255,.12),
    inset 0 -2px 4px rgba(10,24,44,.42),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-bubble-magnet.active{
  border-color:#b6e6ff !important;
  background:
    linear-gradient(180deg, rgba(230,247,255,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(139,211,255,.30), rgba(20,64,110,.96)) !important;
  color:#f4fbff !important;
}

.archetype-filter-pill.archetype-technician{
  border-color:#9be7ff !important;
  background:
    linear-gradient(180deg, rgba(235,251,255,.14), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(155,231,255,.22), rgba(20,72,98,.94)) !important;
  color:#eefbff !important;
  box-shadow:
    inset 0 1px 0 rgba(235,251,255,.12),
    inset 0 -2px 4px rgba(10,26,40,.42),
    0 8px 18px rgba(0,0,0,.22) !important;
}

.archetype-filter-pill.archetype-technician.active{
  border-color:#c8f2ff !important;
  background:
    linear-gradient(180deg, rgba(235,251,255,.18), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, rgba(155,231,255,.30), rgba(20,72,98,.96)) !important;
  color:#f6fdff !important;
}

/* =========================================================
   SITE-WIDE POLISH PASS
   Players / Home / Rules / Schedule / Media
   ========================================================= */

/* -------------------------
   1) Page-title accent bars
   ------------------------- */
.page-title-row{
  position:relative;
}

.page-title-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  border-radius:999px;
  opacity:.9;
  background:linear-gradient(90deg, rgba(255,255,255,.18), transparent 100%);
}

.home-welcome-row::after{
  content:none !important;
  display:none !important;
}

.page-title-row:has(.page-title-orange)::after{
  background:linear-gradient(90deg, rgba(255,184,28,.9), rgba(255,184,28,.18) 58%, transparent 100%);
}

.page-title-row:has(.page-title-red)::after{
  background:linear-gradient(90deg, rgba(239,68,68,.9), rgba(239,68,68,.18) 58%, transparent 100%);
}

.page-title-row:has(.page-title-pink),
.page-title-row:has(.schedule-page-title)::after{
  background:linear-gradient(90deg, rgba(244,114,182,.9), rgba(244,114,182,.18) 58%, transparent 100%);
}

.page-title-row:has(.page-title-green)::after{
  background:linear-gradient(90deg, rgba(34,197,94,.9), rgba(34,197,94,.18) 58%, transparent 100%);
}

.page-title-row:has(.page-title-purple)::after{
  background:linear-gradient(90deg, rgba(168,85,247,.9), rgba(168,85,247,.18) 58%, transparent 100%);
}

.page-title-row:has(.champions-title-purple)::after{
  background:linear-gradient(90deg, rgba(168,85,247,.9), rgba(168,85,247,.18) 58%, transparent 100%);
}

.page-title-row:has(.champions-title-blue)::after{
  background:linear-gradient(90deg, rgba(59,130,246,.9), rgba(59,130,246,.18) 58%, transparent 100%);
}

.page-title-row:has(.champions-title-pink)::after{
  background:linear-gradient(90deg, rgba(34,197,94,.9), rgba(34,197,94,.18) 58%, transparent 100%);
}

/* -------------------------
   2) Players page shell polish
   ------------------------- */
.crew-view-toolbar{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:nowrap;
  padding:14px 16px;
  border:1px solid rgba(239,68,68,.22);
  border-radius:16px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 28%),
    linear-gradient(180deg, rgba(20,26,34,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(239,68,68,.08);
}

.crew-view-toolbar #players-help-copy{
  margin-left:18px;
  padding-left:4px;
  color:#dfe7ef;
  font-size:.92rem;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
  white-space:normal;
  flex:0 1 420px;
  min-width:260px;
  align-self:center;
}

.crew-view-toolbar #players-help-copy[style*="display:none"]{
  margin-left:0;
  padding-left:0;
}

.crew-view-toolbar::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(239,68,68,.95), rgba(59,130,246,.45) 56%, rgba(255,184,28,.22) 100%);
}

#players-visual{
  margin-top:16px;
  padding:16px 18px;
  border:1px solid rgba(239,68,68,.18);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.10), transparent 32%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 26%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.22),
    0 0 18px rgba(239,68,68,.08);
}

/* -------------------------
   3) Home page polish
   ------------------------- */
.league-ticker{
  position:relative;
  overflow:hidden;
  margin:4px 0 10px 0;
  padding:10px 0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  background:
    radial-gradient(circle at 10% 26%, rgba(239,68,68,.20), transparent 22%),
    radial-gradient(circle at 28% 18%, rgba(255,184,28,.20), transparent 22%),
    radial-gradient(circle at 48% 18%, rgba(34,197,94,.18), transparent 22%),
    radial-gradient(circle at 68% 20%, rgba(59,130,246,.20), transparent 22%),
    radial-gradient(circle at 88% 26%, rgba(168,85,247,.20), transparent 22%),
    linear-gradient(
      90deg,
      rgba(239,68,68,.08) 0%,
      rgba(255,184,28,.08) 25%,
      rgba(34,197,94,.08) 50%,
      rgba(59,130,246,.08) 75%,
      rgba(168,85,247,.08) 100%
    ),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  color:#fff;
  font-weight:700;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18),
    0 0 18px rgba(255,184,28,.08);
}

.league-ticker::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(239,68,68,.98) 0%,
    rgba(255,184,28,.98) 25%,
    rgba(34,197,94,.98) 50%,
    rgba(59,130,246,.98) 75%,
    rgba(168,85,247,.98) 100%
  );
  box-shadow:
    0 0 10px rgba(239,68,68,.16),
    0 0 14px rgba(59,130,246,.12);
  pointer-events:none;
  z-index:3;
}

.events-header-stack{
  position:relative;
  padding:14px 16px;
  border:1px solid rgba(244,114,182,.22);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(244,114,182,.12), transparent 34%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 26%),
    linear-gradient(180deg, rgba(20,26,34,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.20),
    0 0 18px rgba(244,114,182,.08);
}

.events-header-stack::before{
  content:none;
  display:none;
}

.home-snapshot-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(340px, .92fr);
  gap:16px;
  align-items:stretch;
  padding:16px;
  border:1px solid rgba(255,184,28,.18);
  border-top:none;
  border-radius:0 0 18px 18px;
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.10), transparent 32%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 24%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.20),
    0 0 18px rgba(255,184,28,.08);
}

.home-cluster-stack,
.home-cluster-stack-3{
  padding:16px;
  border:1px solid rgba(255,184,28,.16);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,184,28,.08), rgba(255,184,28,.02)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18);
}

/* -------------------------
   4) Rules page polish
   ------------------------- */
.format-toggle{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  margin-bottom:14px;
  padding:12px 14px;
  border:1px solid rgba(34,197,94,.22);
  border-radius:16px;
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.12), transparent 32%),
    radial-gradient(circle at left center, rgba(168,85,247,.10), transparent 28%),
    linear-gradient(180deg, rgba(20,26,34,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(0,0,0,.18),
    0 0 16px rgba(34,197,94,.08);
}

.format-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  cursor:pointer;
}

.format-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.format-switch-track{
  position:relative;
  display:block;
  width:70px;
  height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(90deg, rgba(34,197,94,.24) 0%, rgba(168,85,247,.24) 100%),
    linear-gradient(180deg, rgba(31,39,51,.98) 0%, rgba(20,26,34,.98) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 16px rgba(0,0,0,.22);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.format-switch-thumb{
  position:absolute;
  top:3px;
  left:3px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(180deg, #dcfce7 0%, #86efac 100%);
  box-shadow:
    0 4px 10px rgba(0,0,0,.28),
    0 0 0 1px rgba(134,239,172,.20);
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
}

.format-switch input:checked + .format-switch-track .format-switch-thumb{
  transform:translateX(34px);
  background:linear-gradient(180deg, #f3e8ff 0%, #d8b4fe 100%);
  box-shadow:
    0 4px 10px rgba(0,0,0,.28),
    0 0 0 1px rgba(216,180,254,.20);
}

.format-switch:hover .format-switch-track{
  border-color:rgba(255,255,255,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 18px rgba(0,0,0,.24);
}

.format-content-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(34,197,94,.20);
  border-radius:18px;
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.12), transparent 30%),
    radial-gradient(circle at left center, rgba(168,85,247,.08), transparent 26%),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 12px 28px rgba(0,0,0,.20),
    0 0 18px rgba(34,197,94,.08);
}

.format-content-shell::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(168,85,247,.40) 58%, transparent 100%);
}

/* -------------------------
   5) Schedule page polish
   ------------------------- */
.section.schedule-hero{
  border-color:rgba(244,114,182,.24);
  background:
    radial-gradient(circle at top right, rgba(244,114,182,.16), transparent 32%),
    radial-gradient(circle at left center, rgba(59,130,246,.08), transparent 24%),
    radial-gradient(circle at bottom right, rgba(255,184,28,.06), transparent 24%),
    linear-gradient(180deg, rgba(20,26,34,.97), rgba(12,15,20,.99));
  box-shadow:
    0 0 0 1px rgba(244,114,182,.12),
    0 12px 30px rgba(0,0,0,.24),
    0 0 26px rgba(244,114,182,.12);
}

.section.schedule-hero .page-title-row{
  position:relative;
  margin-bottom:14px;
  padding:0 0 12px 0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.section.schedule-hero .page-title-row::before{
  content:none;
  display:none;
}

.section.schedule-hero .page-title-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(244,114,182,.95), rgba(255,184,28,.28) 58%, transparent 100%);
}

.section.schedule-hero #schedule-list{
  position:relative;
  padding:14px;
  border:1px solid rgba(244,114,182,.16);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(244,114,182,.08), rgba(244,114,182,.02)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.18);
}

/* -------------------------
   6) Media / Film page polish
   ------------------------- */
.section.media-header{
  border-color:rgba(168,85,247,.26);
  background:
    radial-gradient(circle at top right, rgba(168,85,247,.20), transparent 32%),
    radial-gradient(circle at left center, rgba(239,68,68,.12), transparent 26%),
    radial-gradient(circle at bottom right, rgba(59,130,246,.08), transparent 24%),
    linear-gradient(180deg, rgba(20,26,34,.97), rgba(12,15,20,.99));
  box-shadow:
    0 0 0 1px rgba(168,85,247,.12),
    0 12px 30px rgba(0,0,0,.24),
    0 0 32px rgba(168,85,247,.12);
}

.section.media-header .page-title-row{
  position:relative;
  margin-bottom:14px;
  padding:0 0 12px 0;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.section.media-header .page-title-row::before{
  content:none;
  display:none;
}

.section.media-header .page-title-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(168,85,247,.95), rgba(255,255,255,.12) 58%, transparent 100%);
}

.media-grid{
  gap:18px;
}

.media-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(168,85,247,.20);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(168,85,247,.10), rgba(168,85,247,.03)),
    linear-gradient(180deg, rgba(18,24,32,.98), rgba(12,15,20,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 24px rgba(0,0,0,.22),
    0 0 18px rgba(168,85,247,.08);
}

.media-card::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(168,85,247,.95), rgba(239,68,68,.40) 58%, transparent 100%);
}

.media-card .media-copy{
  position:relative;
  z-index:1;
}

.media-card h3{
  color:#e9d5ff !important;
  text-shadow:none !important;
}

.media-play-overlay{
  background:rgba(0,0,0,.58);
  border:1px solid rgba(168,85,247,.28);
  box-shadow:
    0 8px 18px rgba(0,0,0,.28),
    0 0 18px rgba(168,85,247,.14);
}

.media-thumb-link:hover .media-play-overlay{
  background:linear-gradient(180deg, rgba(168,85,247,.92), rgba(239,68,68,.84));
  color:#fff;
  border-color:rgba(239,68,68,.40);
}

/* -------------------------
   7) Unify stronger “featured / control shell” feel
   ------------------------- */
.dashboard-sort-shell,
.standings-sort-shell,
.crew-view-toolbar,
.format-toggle,
.league-ticker,
.events-header-stack,
.home-snapshot-layout,
.section.schedule-hero .page-title-row,
.section.media-header .page-title-row{
  backdrop-filter:blur(2px);
}

/* ===== HONORS BODY FINAL LAYOUT LOCK ===== */

#champions-list,
#leaders-list,
#records-list{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  align-items:stretch !important;
}

#champions-list .honors-card,
#leaders-list .honors-card,
#records-list .honors-card{
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  min-height:236px !important;
  height:100% !important;
  padding:14px !important;
  border-radius:16px !important;
}

#champions-list .leader-banner-card,
#leaders-list .leader-banner-card,
#records-list .leader-banner-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.015) 14%, rgba(17,22,30,1) 14%, rgba(17,22,30,1) 100%) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 12px 28px rgba(0,0,0,.22) !important;
}

#champions-list .leader-banner-top,
#leaders-list .leader-banner-top,
#records-list .leader-banner-top{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin:-14px -14px 12px -14px !important;
  padding:10px 12px 12px !important;
  text-align:center !important;
  position:relative !important;
  z-index:2 !important;
}

#champions-list .honors-card::before,
#leaders-list .honors-card::before,
#records-list .honors-card::before{
  content:none !important;
  display:none !important;
  border:none !important;
  background:none !important;
}

#champions-list .leader-banner-crown,
#leaders-list .leader-banner-crown,
#records-list .leader-banner-crown{
  font-size:1.22rem !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

#champions-list .leader-banner-title,
#leaders-list .leader-banner-title,
#records-list .leader-banner-title{
  font-size:1rem !important;
  line-height:1.14 !important;
  letter-spacing:.02em !important;
  font-weight:900 !important;
}

#champions-list .leader-banner-body,
#leaders-list .leader-banner-body,
#records-list .leader-banner-body{
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  gap:12px !important;
  align-items:center !important;
}

#champions-list .honors-card-top,
#leaders-list .honors-card-top,
#records-list .honors-card-top{
  margin-bottom:14px !important;
}

#champions-list .honors-card-top .player-avatar,
#champions-list .honors-card-top .player-avatar-fallback,
#leaders-list .honors-card-top .player-avatar,
#leaders-list .honors-card-top .player-avatar-fallback,
#records-list .honors-card-top .player-avatar,
#records-list .honors-card-top .player-avatar-fallback{
  width:82px !important;
  height:82px !important;
  font-size:1.35rem !important;
  border-width:2px !important;
}

#champions-list .honors-card-stack,
#leaders-list .honors-card-stack,
#records-list .honors-card-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  min-width:0 !important;
}

#champions-list .honors-player-name,
#leaders-list .honors-player-name,
#records-list .honors-player-name{
  font-size:1.32rem !important;
  line-height:1.14 !important;
  font-weight:800 !important;
}

#champions-list .honors-card-value,
#leaders-list .honors-card-value,
#records-list .honors-card-value{
  margin-top:auto !important;
  width:100% !important;
  font-size:1.25rem !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  text-align:center !important;
}

#champions-list .honors-card-value--numeric,
#leaders-list .honors-card-value--numeric,
#records-list .honors-card-value--numeric{
  margin-top:auto !important;
  min-height:auto !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:2.1rem !important;
  line-height:1.1 !important;
  font-weight:800 !important;
}

/* final banner fills — same geometry, only color changes */
#champions-list .leader-banner-top{
  background:
    linear-gradient(
      180deg,
      rgba(34,197,94,.40) 0%,
      rgba(34,197,94,.28) 14%,
      rgba(34,197,94,.10) 32%,
      rgba(34,197,94,.10) 100%
    ) !important;
  border-bottom:1px solid rgba(34,197,94,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(34,197,94,.22),
    inset 0 8px 12px rgba(34,197,94,.10) !important;
}

#leaders-list .leader-banner-top{
  background:
    linear-gradient(
      180deg,
      rgba(59,130,246,.42) 0%,
      rgba(59,130,246,.30) 14%,
      rgba(59,130,246,.10) 32%,
      rgba(59,130,246,.10) 100%
    ) !important;
  border-bottom:1px solid rgba(59,130,246,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(59,130,246,.24),
    inset 0 8px 12px rgba(59,130,246,.12) !important;
}

#records-list .leader-banner-top{
  background:
    linear-gradient(
      180deg,
      rgba(168,85,247,.40) 0%,
      rgba(168,85,247,.28) 14%,
      rgba(168,85,247,.10) 32%,
      rgba(168,85,247,.10) 100%
    ) !important;
  border-bottom:1px solid rgba(168,85,247,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(168,85,247,.22),
    inset 0 8px 12px rgba(168,85,247,.10) !important;
}

/* keep section color values without glow clutter */
#champions-list .honors-card-value,
#champions-list .honors-card-value--numeric{
  color:#86efac !important;
  text-shadow:none !important;
}

#leaders-list .honors-card-value,
#leaders-list .honors-card-value--numeric{
  color:#93c5fd !important;
  text-shadow:none !important;
}

#records-list .honors-card-value,
#records-list .honors-card-value--numeric{
  color:#d8b4fe !important;
  text-shadow:none !important;
}

@media (max-width:1100px){
  #champions-list,
  #leaders-list,
  #records-list{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media (max-width:800px){
  #champions-list,
  #leaders-list,
  #records-list{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:640px){
  #champions-list,
  #leaders-list,
  #records-list{
    grid-template-columns:1fr;
  }

  /* match all top page header chip-to-accent spacing to Honors */
  .home-welcome-row,
  .standings-top-shell .page-title-row,
  .dashboard-top-shell .page-title-row,
  .crew-header-shell .page-title-row,
  .schedule-hero .page-title-row,
  .section.rules-header .page-title-row,
  .media-header .page-title-row{
    position:relative;
    margin-bottom:14px !important;
    padding:0 0 12px 0 !important;
  }

  .section.rules-header .page-title-row{
    margin-bottom:28px !important;
  }

  .format-toggle{
    flex-direction:column;
    gap:12px;
  }

  .btn-format{
    width:100%;
    min-width:0;
  }
  
  .home-welcome-row::after,
  .standings-top-shell .page-title-row::after,
  .dashboard-top-shell .page-title-row::after,
  .crew-header-shell .page-title-row::after,
  .schedule-hero .page-title-row::after,
  .section.rules-header .page-title-row::after,
  .media-header .page-title-row::after{
    bottom:-12px !important;
  }

  /* unify chip-to-accent spacing across all main page headers to match Honors */
  .home-welcome-row,
  body:has(#standings-table) .page-title-row,
  body:has(#dashboard-grid) .page-title-row,
  .crew-header-shell .page-title-row,
  .section.schedule-hero .page-title-row,
  .section.rules-header .page-title-row,
  .section.media-header .page-title-row,
  .honors-page-shell .page-title-row{
    position:relative !important;
    margin-bottom:14px !important;
    padding-bottom:0 !important;
  }

  .home-welcome-row::after,
  body:has(#standings-table) .page-title-row::after,
  body:has(#dashboard-grid) .page-title-row::after,
  .crew-header-shell .page-title-row::after,
  .section.schedule-hero .page-title-row::after,
  .section.rules-header .page-title-row::after,
  .section.media-header .page-title-row::after,
  .honors-page-shell .page-title-row::after{
    bottom:-12px !important;
    height:3px !important;
  }  

  /* match home / schedule / media top page headers to Honors spacing */
  .home-welcome-row,
  .section.schedule-hero .page-title-row,
  .section.media-header .page-title-row{
    position:relative;
    margin-bottom:14px;
    padding:0 0 12px 0;
  }

  .home-welcome-row::after,
  .section.schedule-hero .page-title-row::after,
  .section.media-header .page-title-row::after{
    bottom:-12px;
    height:3px;
  }

  .home-welcome-row::after{
    content:none !important;
    display:none !important;
  }

/* =========================================
   NEWS PAGE — THE WEEK THAT WAS
   ========================================= */

.section.news-header-shell{
  border-color:rgba(255,184,28,.34);
  background:
    radial-gradient(circle at top left, rgba(255,184,28,.24), transparent 26%),
    radial-gradient(circle at top right, rgba(168,85,247,.24), transparent 28%),
    radial-gradient(circle at right center, rgba(59,130,246,.18), transparent 22%),
    linear-gradient(135deg, rgba(74,40,104,.88), rgba(19,24,34,.99));
  box-shadow:
    0 0 0 1px rgba(255,184,28,.12),
    0 16px 36px rgba(0,0,0,.26),
    0 0 32px rgba(168,85,247,.14);
}

.news-page-kicker{
  color:#ffe6a3;
  font-size:.86rem;
  text-shadow:
    0 0 10px rgba(255,184,28,.14),
    0 0 20px rgba(255,184,28,.08);
}

.news-author-strip{
  display:grid;
  grid-template-columns:68px minmax(0, 1fr);
  gap:16px;
  align-items:center;
  margin-top:18px;
  padding:16px 18px;
  border-radius:16px;
  border:1px solid rgba(255,184,28,.34);
  background:
    radial-gradient(circle at top left, rgba(255,184,28,.18), transparent 30%),
    radial-gradient(circle at right center, rgba(239,68,68,.12), transparent 24%),
    linear-gradient(135deg, rgba(38,46,60,.98), rgba(16,20,28,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,0,0,.22),
    0 0 18px rgba(255,184,28,.10);
  text-align:left;
}

.news-author-avatar-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.news-author-strip .player-avatar.table,
.news-author-strip .player-avatar-fallback.table{
  width:68px;
  height:68px;
  min-width:68px;
  min-height:68px;
  border-width:2px;
  box-shadow:
    0 0 0 2px rgba(255,184,28,.12),
    0 10px 18px rgba(0,0,0,.28),
    0 0 16px rgba(255,184,28,.10);
}

.news-author-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}

.news-author-title-stack{
  display:flex;
  flex-direction:column;
  gap:2px;
  align-items:flex-start;
}

.news-author-kicker{
  margin:0;
  font-size:.76rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ffd978;
  font-weight:900;
}

.news-author-name{
  margin:0;
  font-size:1.34rem;
  line-height:1.05;
  color:#fff7e2;
}

.news-author-blurb{
  margin:0;
  color:#d8e2ee;
  line-height:1.52;
  font-size:.95rem;
}

.section.news-summary-shell{
  border-color:rgba(255,184,28,.30);
  background:
    radial-gradient(circle at top right, rgba(255,184,28,.18), transparent 28%),
    radial-gradient(circle at left center, rgba(59,130,246,.16), transparent 24%),
    linear-gradient(180deg, rgba(28,34,46,.98), rgba(12,15,20,.99));
  box-shadow:
    0 0 0 1px rgba(255,184,28,.10),
    0 16px 32px rgba(0,0,0,.22),
    0 0 22px rgba(255,184,28,.08);
}

.news-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

.news-summary-card{
  position:relative;
  overflow:hidden;
  padding:18px 16px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 24px rgba(0,0,0,.22);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.news-summary-card:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 16px 30px rgba(0,0,0,.26);
}

.news-summary-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
}

.news-summary-card-green{
  border-color:rgba(34,197,94,.40);
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.22), transparent 30%),
    linear-gradient(135deg, rgba(16,62,34,.98), rgba(15,22,28,.98));
}
.news-summary-card-green::before{ background:#86efac; }

.news-summary-card-blue{
  border-color:rgba(59,130,246,.40);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.22), transparent 30%),
    linear-gradient(135deg, rgba(16,40,76,.98), rgba(15,22,28,.98));
}
.news-summary-card-blue::before{ background:#93c5fd; }

.news-summary-card-red{
  border-color:rgba(239,68,68,.40);
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.22), transparent 30%),
    linear-gradient(135deg, rgba(66,20,24,.98), rgba(15,22,28,.98));
}
.news-summary-card-red::before{ background:#fca5a5; }

.news-summary-card-purple{
  border-color:rgba(168,85,247,.40);
  background:
    radial-gradient(circle at top right, rgba(168,85,247,.22), transparent 30%),
    linear-gradient(135deg, rgba(48,22,70,.98), rgba(15,22,28,.98));
}
.news-summary-card-purple::before{ background:#d8b4fe; }

.news-summary-label{
  margin-bottom:8px;
  color:#fff0bf;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.news-summary-player{
  color:#ffffff;
  font-size:1.08rem;
  font-weight:900;
  line-height:1.2;
  margin-bottom:8px;
}

.news-summary-value{
  color:#ffe08a;
  font-size:1.12rem;
  font-weight:900;
  line-height:1.1;
  margin-bottom:8px;
}

.news-summary-copy{
  margin:0;
  color:#e0e8f1;
  line-height:1.5;
  font-size:.92rem;
}

.news-layout{
  display:grid;
  grid-template-columns:minmax(0, 2.15fr) 320px;
  gap:22px;
  align-items:start;
}

.section.news-module-main{
  border-color:rgba(168,85,247,.28);
  background:
    radial-gradient(circle at top left, rgba(168,85,247,.18), transparent 24%),
    radial-gradient(circle at right center, rgba(255,184,28,.10), transparent 22%),
    linear-gradient(135deg, rgba(30,21,48,.98), rgba(12,17,24,.99));
  box-shadow:
    0 0 0 1px rgba(168,85,247,.10),
    0 16px 34px rgba(0,0,0,.24),
    0 0 22px rgba(168,85,247,.10);
}

.section.news-module-side{
  border-color:rgba(59,130,246,.28);
  background:
    radial-gradient(circle at top right, rgba(59,130,246,.18), transparent 28%),
    linear-gradient(135deg, rgba(14,31,58,.98), rgba(12,17,24,.99));
  box-shadow:
    0 0 0 1px rgba(59,130,246,.10),
    0 12px 24px rgba(0,0,0,.20),
    0 0 16px rgba(59,130,246,.10);
}

.news-intro-note{
  margin:0 0 18px;
  padding:14px 16px;
  border-left:4px solid #ffb81c;
  border-radius:12px;
  background:
    linear-gradient(90deg, rgba(255,184,28,.14), rgba(255,255,255,.02));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 6px 16px rgba(0,0,0,.14);
}

.news-intro-note p{
  margin:0;
  color:#d8e2ee;
  line-height:1.6;
}

#news-blog-feed{
  display:flex;
  flex-direction:column;
  gap:20px;
}

#news-blog-feed .news-post-card{
  position:relative;
  overflow:hidden;
  padding:22px 22px 20px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.03), transparent 24%),
    linear-gradient(135deg, rgba(17,22,30,.98), rgba(12,17,24,.99));
}

#news-blog-feed .news-post-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:rgba(255,255,255,.12);
}

#news-blog-feed .news-post-featured{
  border-color:rgba(255,184,28,.28);
  background:
    radial-gradient(circle at top left, rgba(255,184,28,.18), transparent 26%),
    radial-gradient(circle at right center, rgba(168,85,247,.16), transparent 24%),
    linear-gradient(135deg, rgba(30,21,48,.98), rgba(13,18,25,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 16px 36px rgba(0,0,0,.26),
    0 0 20px rgba(255,184,28,.10);
}

#news-blog-feed .news-post-featured::before{
  width:6px;
  background:linear-gradient(180deg, #ffb81c, #d8b4fe);
}

.news-post-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.news-post-kicker{
  color:#ffd978;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.news-post-dateline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,184,28,.24);
  background:
    linear-gradient(180deg, rgba(255,184,28,.14), rgba(255,255,255,.03));
  color:#fff3d1;
  font-size:.82rem;
  font-weight:800;
  white-space:nowrap;
}

.news-post-title{
  margin:0 0 8px;
  color:#fff7e2;
  font-size:1.65rem;
  line-height:1.12;
}

.news-post-dek{
  margin:0 0 14px;
  color:#ffd978;
  line-height:1.5;
  font-weight:700;
}

.news-post-body h4{
  margin:20px 0 10px;
  color:#ffe08a;
  font-size:1rem;
}

.news-post-body p,
.news-post-body li{
  color:#e4ebf3;
  line-height:1.6;
}

.news-post-body ul li::marker{
  color:#ffb81c;
}

.news-archive-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.news-archive-link{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  color:#eaf3ff;
  font-weight:800;
}

.news-archive-link.is-active{
  border-color:rgba(255,184,28,.32);
  background:
    linear-gradient(135deg, rgba(255,184,28,.16), rgba(255,255,255,.03));
  box-shadow:
    0 0 0 1px rgba(255,184,28,.12) inset,
    0 0 16px rgba(255,184,28,.10);
}

@media (max-width:1100px){
  .news-summary-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .news-layout{
    grid-template-columns:1fr;
  }
}

@media (max-width:720px){
  .news-author-strip{
    grid-template-columns:1fr;
    text-align:left;
  }

  .news-author-avatar-wrap{
    justify-content:flex-start;
  }

  .news-author-strip .player-avatar.table,
  .news-author-strip .player-avatar-fallback.table{
    width:54px;
    height:54px;
    min-width:54px;
    min-height:54px;
  }

  .news-summary-grid{
    grid-template-columns:1fr;
  }
}