/* NFL Picks Pool — widgets only. Chrome (bar/topnav/wrap/footer/bg) = lathom-shell.css */
:root {
  --bg: #070b10;
  --panel: #10161e;
  --line: #243040;
  --text: #eef1f6;
  --muted: #9aa6b8;
  --dim: #6a7588;
  --cyan: #5ee7ff;
  --gold: #d4a84b;
  --green: #4ade80;
  --vegas: #c4b5fd;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: var(--bg); /* solid dark — no gradient wash */
  color: var(--text);
  line-height: 1.55;
  min-height: 100dvh;
}
a { color: var(--cyan); text-decoration: none; }
a:hover { text-decoration: underline; }
/* Name → Poolers history */
a.pooler-link { color: var(--cyan); font-weight: 650; text-decoration: none; }
a.pooler-link:hover { color: var(--gold); text-decoration: underline; }
td.name a.pooler-link { font-weight: 650; }

/* Tags = outlined labels next to names (FAVORITES · HOME · AI · ADMIN · COMMISH · CHAMP) */
.tag {
  display: inline-block;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform:none;
  padding: .05rem .3rem;
  border-radius: 4px;
  margin-left: .25rem;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.2;
  border: 1px solid currentColor;
}
.tag-vegas { color: var(--vegas) !important; border-color: rgba(196,181,253,.5); }
.tag-home { color: var(--green) !important; border-color: rgba(74,222,128,.5); }
.tag-champ { color: var(--gold) !important; border-color: rgba(212,175,55,.5); }
.tag-admin { color: #1d4ed8 !important; border-color: rgba(29,78,216,.5); }
.tag-commish { color: var(--gold) !important; border-color: rgba(212,168,75,.5); }
.tag-miss { color: #f87171 !important; border-color: rgba(248,113,113,.5); }

/* Synth/Grok colors: NAME (+ avatar label) only — never W/L/PCT cells */
tr.synth-vegas td.name, tr.synth-vegas td.nm, tr.synth-vegas a.pooler-link { color: var(--vegas) !important; font-weight: 700; font-style: normal; }
tr.synth-home td.name, tr.synth-home td.nm, tr.synth-home a.pooler-link { color: var(--green) !important; font-weight: 700; font-style: normal; }
tr.synth-vegas .leader-text .fn, tr.synth-vegas .leader-text .ln { color: var(--vegas) !important; }
tr.synth-home .leader-text .fn, tr.synth-home .leader-text .ln { color: var(--green) !important; }
/* 2026 active humans: bright white first AND last. Alumni / inactive: dim. */
.leader-text.name-on,
a.pooler-link.leader-text.name-on { color: #fff; }
.leader-text.name-on .fn,
.leader-text.name-on .ln {
  color: #fff !important;
  font-weight: 700;
  font-size: .78rem;
}
.leader-text.name-off,
a.pooler-link.leader-text.name-off { color: #9ca3af; }
.leader-text.name-off .fn,
.leader-text.name-off .ln {
  color: #9ca3af !important;
  font-weight: 650;
}
tr.name-on td.nm, tr.name-on td.nm a.pooler-link { color: #fff; }
tr.name-off td.nm, tr.name-off td.nm a.pooler-link { color: #9ca3af; }
#pageTitle.synth-vegas, #standingsTitle.synth-vegas { color: var(--vegas); }
#pageTitle.synth-home, #standingsTitle.synth-home { color: var(--green); }

/* Name cell: NEVER display:flex on <td> (crushes two-line First/Last on phone) */
table.standings td.name {
  display: table-cell;
  vertical-align: middle;
  min-width: 10.5rem;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
table.standings td.name a.pooler-link {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
table.standings td.name .tag { flex: 0 0 auto; }

/* Admin chip in 2ln (shell styles links; button needs match) */
nav.topnav button.nav-admin {
  font: inherit; font-weight: 600; font-size: 0.78rem; color: var(--muted);
  padding: 0.2rem 0.42rem; border-radius: 8px; border: none;
  background: transparent; cursor: pointer; touch-action: manipulation;
  font-family: inherit;
}
nav.topnav button.nav-admin:hover {
  color: var(--cyan); background: rgba(94, 231, 255, 0.08);
}
/* Beta chip — gold pill, not neon */
/* nav-beta removed — product is live */
.topnav a#navBeta {
  color: var(--gold) !important;
  font-weight: 750;
  border: 1px solid rgba(212, 168, 75, 0.45);
  background: rgba(212, 168, 75, 0.12);
  border-radius: 999px;
  padding: 0.16rem 0.62rem;
  text-decoration: none !important;
}
/* nav-beta removed — product is live */
.topnav a#navBeta:hover {
  color: #f0d78a !important;
  background: rgba(212, 168, 75, 0.2);
  border-color: rgba(212, 168, 75, 0.7);
}
/* nav-beta removed — product is live */
.topnav a#navBeta.active {
  box-shadow: inset 0 0 0 1px rgba(212, 168, 75, 0.35);
}

.kicker {
  font-size: .72rem; letter-spacing: .14em; text-transform:none;
  color: var(--cyan); font-weight: 700; margin: 0 0 .35rem;
}
/* Title left · RLTW right (all pool pages) */
.title-row-stand {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: .75rem 1rem; flex-wrap: wrap; margin: 0 0 .15rem;
}
.title-row-stand .contest-page-title { margin: 0; font-weight: 400; }
.contest-page-title .tag { margin-left: .45rem; vertical-align: 0.12em; }
.title-row-stand .stand-rltw {
  margin: 0; text-align: right; flex: 1 1 auto;
  font-size: .72rem; letter-spacing: .14em; text-transform:none;
  color: var(--cyan); font-weight: 700;
}
.lead { color: var(--muted); font-size: 1.02rem; margin: 0 0 .55rem; max-width: 38em; }
.content-card .lead { margin-bottom: .45rem; }
.prize-now {
  margin: .15rem 0 .55rem;
  font-size: 1.12rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.35;
}
.prize-now strong { color: var(--gold); font-weight: 800; }
.content-card .meta { margin-bottom: 0; }
.pool-hero {
  display: flex;
  flex-direction: column;
  gap: .38rem;
  padding: .85rem .9rem .9rem;
}
.pool-hero .hero-line {
  margin: 0;
  color: var(--text);
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.4;
}
.pool-hero .prize-now {
  margin: 0;
  font-size: 1.08rem;
}
.pool-hero .hero-k {
  margin: .4rem 0 .05rem;
  font-size: .7rem;
  letter-spacing: .14em;
  text-transform:none;
  color: var(--dim);
  font-weight: 700;
}
@media (max-width: 430px) {
  .pool-hero { padding: .75rem .8rem .8rem; }
  .pool-hero .hero-line { font-size: .98rem; }
}
.meta { display: flex; flex-wrap: wrap; gap: .4rem .55rem; margin-bottom: .75rem; }
.pill {
  font-size: .78rem; font-weight: 600; color: var(--muted);
  border: 1px solid var(--line); background: var(--panel);
  border-radius: 999px; padding: .3rem .7rem;
}
.pill em { color: var(--green); font-style: normal; }

h2 {
  font-size: .7rem; letter-spacing: .14em; text-transform:none;
  color: var(--dim); font-weight: 700; margin: 1.45rem 0 .65rem;
}
/* Standings table can scroll inside the 720 shell column */
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.grid { display: grid; grid-template-columns: 1fr; gap: .5rem; }
@media (min-width: 520px) {
  .grid.two { grid-template-columns: 1fr 1fr; }
}

.card {
  display: block;
  background: var(--panel); border: 1px solid var(--line);
  border-radius: 12px; padding: .9rem 1rem;
  color: var(--text); touch-action: manipulation;
}
.card:hover {
  border-color: #3a5060; text-decoration: none; filter: brightness(1.06);
}
.card strong { display: block; color: var(--cyan); margin-bottom: .2rem; font-size: 1.02rem; }
.card span { display: block; color: var(--muted); font-size: .92rem; line-height: 1.4; }
.card .win { color: var(--gold); font-weight: 700; }

/* FFO tile + pay bubble + Talk Smack tile — same-size peers, note lives under the row */
.cta-row {
  display: flex; flex-wrap: wrap; align-items: stretch; gap: .65rem .85rem;
  margin: 0 0 1.1rem;
}
.cta-block { margin: 0 0 1.1rem; }
.cta-row-pay {
  display: grid;
  grid-template-columns: 9.4rem minmax(0, 1fr) 9.4rem;
  grid-template-areas: "ffo pay smack";
  align-items: stretch;
  gap: .55rem;
  margin: 0;
}
.cta-row-pay > .peer-tile:not(.smack-cta) { grid-area: ffo; }
.cta-row-pay > .pay-row { grid-area: pay; }
.cta-row-pay > .smack-cta { grid-area: smack; }
.cta-row-pay .peer-tile {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: none;
  aspect-ratio: 216 / 150;
  height: auto;
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  padding: .22rem;
  border-radius: 10px;
  overflow: hidden;
}
.ffo-logo-link {
  border: 1px solid var(--line);
  background: var(--panel); touch-action: manipulation;
}
.ffo-logo-link:hover {
  border-color: #3a5060; text-decoration: none; filter: brightness(1.06);
}
.ffo-logo {
  display: block; width: 100%; height: 100%; max-width: none;
  object-fit: contain; border-radius: 6px;
}
.pay-row {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  padding: .4rem .5rem;
  border-radius: 12px; border: 1px solid var(--line);
  background: var(--panel);
}
.pay-duo, .pay-trio {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .4rem;
  min-width: 0;
  flex: 1 1 auto;
  align-items: stretch;
}
.pay-row .btn-pay {
  max-width: none; width: 100%; height: 100%;
  padding: .45rem .4rem; font-size: .82rem;
  flex-direction: column; gap: .05rem; line-height: 1.2;
}
.pay-chip {
  display: inline-flex; flex-direction: column;
  align-items: center; justify-content: center;
  text-align: center; gap: .08rem;
  padding: .4rem .35rem;
  border-radius: 10px; border: 1px solid var(--line);
  background: rgba(0,0,0,.28);
  color: var(--text);
  font-size: .72rem; font-weight: 650; line-height: 1.2;
  text-decoration: none; touch-action: manipulation;
  min-width: 0;
}
.pay-row .pay-chip { width: 100%; height: 100%; box-sizing: border-box; }
.pay-chip:hover, .pay-chip:focus-visible {
  border-color: var(--cyan);
  background: rgba(94, 231, 255, .08);
  text-decoration: none; color: #fff;
}
.pay-k {
  font-size: .62rem; letter-spacing: .08em; text-transform:none;
  color: var(--cyan); font-weight: 700;
}
.btn-pay .pay-k { color: rgba(255,255,255,.78); }
.pay-v { font-weight: 750; font-size: .78rem; color: var(--text); }
.btn-pay .pay-v { color: #fff; font-size: .92rem; }
.pay-chip code {
  font-size: .78rem; color: var(--cyan); font-weight: 700;
  background: transparent; padding: 0; user-select: all;
  white-space: nowrap;
}
.pay-v, .btn-pay .pay-v { white-space: nowrap; }
.smack-cta {
  border-color: rgba(212, 168, 75, .55);
}
.smack-cta:hover, .smack-cta:focus-visible {
  border-color: rgba(212, 168, 75, .9);
  filter: brightness(1.06);
}
.cta-block .pay-note {
  font-size: .78rem; color: var(--dim); margin: .4rem 0 0 !important;
  text-align: center; line-height: 1.4;
}
.pay-compact {
  flex: 1 1 12rem;
  min-width: 11rem;
  display: flex; flex-direction: column; justify-content: center; gap: .35rem;
  padding: .5rem .7rem;
  border-radius: 12px; border: 1px solid var(--line);
  background: var(--panel);
}
.pay-compact .btn-pay {
  max-width: none; width: 100%;
  padding: .55rem .85rem; font-size: .88rem;
}
.pay-compact .panel-meta { margin: 0; }
.pay-lines {
  display: flex; flex-direction: column; gap: .12rem;
  font-size: .8rem; line-height: 1.35;
}
.pay-lines span { display: block; }
@media (max-width: 700px) {
  .cta-row-pay {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "ffo smack"
      "pay pay";
  }
  .pay-row { padding: .45rem; min-height: 4.6rem; }
  .pay-duo, .pay-trio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pay-chip code { font-size: .68rem; }
  .pay-v { font-size: .72rem; }
  .btn-pay .pay-v { font-size: .82rem; }
  .cta-block .pay-note { text-align: left; }
}

/* Pay + join panels */
.panel {
  background: var(--panel); border: 1px solid var(--line);
  border-radius: 12px; padding: .95rem 1rem 1.05rem;
  margin: 0 0 .75rem;
}
.panel h2 {
  margin: 0 0 .45rem;
  font-size: .7rem; letter-spacing: .14em; text-transform:none;
  color: var(--dim); font-weight: 700;
}
.panel-lead {
  color: var(--muted); font-size: .95rem; margin: 0 0 .55rem; line-height: 1.45;
}
.panel-lead.join-pitch { color: var(--text); font-size: 1.02rem; }
.panel-lead strong { color: var(--gold); }
.notes-label { margin-top: .15rem; }
.panel-meta {
  margin: .65rem 0 0; color: var(--dim); font-size: .82rem; line-height: 1.45;
}
.panel code, .join-hint code {
  font-size: .85em; color: var(--cyan);
  background: rgba(94, 231, 255, .08); padding: .05rem .3rem; border-radius: 4px;
}
.btn-pay, .btn-join {
  display: inline-flex; align-items: center; justify-content: center;
  width: 100%;
  padding: .7rem 1rem; border-radius: 10px;
  font-weight: 700; font-size: .95rem; border: none; cursor: pointer;
  touch-action: manipulation; text-decoration: none;
}
.btn-pay {
  max-width: 22rem;
  background: linear-gradient(180deg, #3d8bfd 0%, #2a6fd6 100%);
  color: #fff;
}
.btn-pay:hover { filter: brightness(1.08); text-decoration: none; color: #fff; }
.btn-join {
  max-width: none; /* full panel / form width */
  align-self: stretch;
  box-sizing: border-box;
  background: linear-gradient(180deg, #2dd4a0 0%, #1fa87a 100%);
  color: #04140e; margin-top: .15rem;
}
.btn-join:hover { filter: brightness(1.06); }

.join-form { display: flex; flex-direction: column; gap: .55rem; }
.join-form[hidden] { display: none !important; }
.join-row {
  display: grid; grid-template-columns: 1fr 1fr; gap: .5rem;
}
@media (max-width: 420px) {
  .join-row { grid-template-columns: 1fr; }
}
.join-form label {
  display: flex; flex-direction: column; gap: .25rem;
  font-size: .78rem; font-weight: 600; color: var(--dim);
  letter-spacing: normal; text-transform: none;
}
.join-form input,
.join-form textarea {
  font: inherit; font-size: 1rem; font-weight: 500; letter-spacing: normal;
  text-transform: none; color: var(--text);
  background: #0a0f16; border: 1px solid var(--line);
  border-radius: 8px; padding: .55rem .65rem;
  width: 100%;
}
.join-form textarea {
  min-height: 4.5rem; resize: vertical; line-height: 1.4;
}
.join-form input:focus,
.join-form textarea:focus {
  outline: none; border-color: var(--cyan);
  box-shadow: 0 0 0 2px rgba(94, 231, 255, .18);
}
.join-hint {
  margin: .15rem 0 0; color: var(--dim); font-size: .82rem; line-height: 1.4;
}
.join-hint strong { color: var(--muted); font-weight: 650; }
.join-honey {
  position: absolute !important; left: -9999px !important; width: 1px !important;
  height: 1px !important; opacity: 0 !important; pointer-events: none !important;
}
.join-success {
  margin: 0 0 .85rem; padding: .75rem .9rem;
  border-radius: 10px; border: 1px solid rgba(74, 222, 128, .35);
  background: rgba(74, 222, 128, .1); color: var(--green);
  font-weight: 650; font-size: .95rem; line-height: 1.4;
}
.btn-join:disabled { opacity: .65; cursor: wait; }

/* Pool Admin gate */
.admin-open {
  background: none; border: 1px solid var(--line); color: var(--dim);
  font: inherit; font-size: .78rem; font-weight: 650;
  padding: .35rem .7rem; border-radius: 8px; cursor: pointer;
  touch-action: manipulation;
}
.admin-open:hover { color: var(--cyan); border-color: #3a5060; }
.admin-modal[hidden] { display: none !important; }
.admin-modal {
  position: fixed; inset: 0; z-index: 100;
  display: flex; align-items: center; justify-content: center;
  padding: 1rem; background: rgba(4, 8, 12, .72);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.admin-dialog {
  width: min(20rem, 100%);
  background: var(--panel); border: 1px solid var(--line);
  border-radius: 14px; padding: 1.1rem 1.15rem 1.15rem;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
}
.admin-dialog h2 {
  margin: 0 0 .65rem; font-size: .95rem; letter-spacing: .04em;
  text-transform: none; color: var(--text); font-weight: 700;
}
.admin-dialog label {
  display: block; font-size: .72rem; font-weight: 650;
  letter-spacing: .06em; text-transform:none; color: var(--dim);
  margin-bottom: .35rem;
}
.admin-dialog input[type="password"] {
  width: 100%; font: inherit; font-size: 1rem; color: var(--text);
  background: #0a0f16; border: 1px solid var(--line);
  border-radius: 8px; padding: .55rem .65rem; margin-bottom: .75rem;
}
.admin-dialog input[type="password"]:focus {
  outline: none; border-color: var(--cyan);
  box-shadow: 0 0 0 2px rgba(94, 231, 255, .18);
}
.admin-actions { display: flex; gap: .45rem; justify-content: flex-end; }
.admin-actions button {
  font: inherit; font-size: .88rem; font-weight: 650;
  border-radius: 8px; padding: .45rem .75rem; cursor: pointer;
  border: 1px solid var(--line); background: transparent; color: var(--muted);
}
.admin-actions button.primary {
  background: linear-gradient(180deg, #3d8bfd 0%, #2a6fd6 100%);
  border-color: transparent; color: #fff;
}
.admin-dialog.shake { animation: admin-shake .35s ease; }
@keyframes admin-shake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-6px); }
  40% { transform: translateX(6px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
}

/* Admin desk — FFO license ledger */
.desk-section {
  margin: 0 0 1.15rem;
  padding: .95rem 1rem 1.05rem;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
}
.desk-section h2 {
  margin: 0 0 .4rem;
  font-size: .7rem; letter-spacing: .14em; text-transform:none;
  color: var(--dim); font-weight: 700;
}
.desk-lead {
  margin: 0 0 .75rem;
  color: var(--muted); font-size: .9rem; line-height: 1.45;
}
.desk-lead .amt { color: var(--gold); }
.desk-note {
  margin: .65rem 0 0;
  color: var(--dim); font-size: .82rem; line-height: 1.4;
}
.lic-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.lic-table {
  width: 100%; border-collapse: collapse; font-size: .88rem;
}
.lic-table th {
  text-align: left; color: var(--cyan); font-size: .7rem; font-weight: 700;
  letter-spacing: .04em; text-transform:none;
  padding: .4rem .5rem; border-bottom: 1px solid var(--line); white-space: nowrap;
}
.lic-table td {
  padding: .5rem .5rem; border-top: 1px solid var(--line);
  color: var(--muted); vertical-align: top;
}
.lic-table td:first-child {
  color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.lic-table .num {
  text-align: right; font-variant-numeric: tabular-nums;
  color: var(--text); font-weight: 650; white-space: nowrap;
}
.lic-table .num.dim { color: var(--dim); font-weight: 500; }
.lic-table tbody tr:hover td { background: rgba(94, 231, 255, .04); }
.lic-table tfoot td {
  border-top: 1px solid #3a5060;
  color: var(--text); font-weight: 650; padding-top: .6rem;
}
.lic-table tfoot .num { color: var(--gold); font-size: 1.02rem; }

/* FFO / John correspondence */
.desk-status {
  margin: 0 0 .85rem;
  padding: .55rem .7rem;
  border-radius: 8px;
  border: 1px solid rgba(109, 202, 140, .35);
  background: rgba(109, 202, 140, .1);
  color: #b8e6c4;
  font-size: .88rem;
  line-height: 1.4;
  font-weight: 650;
}
.desk-status strong { color: #e8fff0; }
.thread {
  display: flex;
  flex-direction: column;
  gap: .65rem;
}
.thread-msg {
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #0a0f16;
  padding: .65rem .75rem .75rem;
}
.thread-msg.john {
  border-color: rgba(94, 231, 255, .28);
  background: rgba(94, 231, 255, .05);
}
.thread-msg.andy {
  border-color: rgba(224, 180, 74, .25);
}
.thread-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .75rem;
  font-size: .72rem;
  letter-spacing: .04em;
  text-transform:none;
  color: var(--dim);
  margin-bottom: .4rem;
  font-weight: 700;
}
.thread-meta .who { color: var(--cyan); }
.thread-msg.john .thread-meta .who { color: #7ddeaf; }
.thread-meta .when { color: var(--muted); text-transform: none; letter-spacing: 0; font-weight: 600; }
.thread-body {
  margin: 0;
  white-space: pre-wrap;
  font-family: inherit;
  font-size: .88rem;
  line-height: 1.45;
  color: var(--muted);
}
.thread-msg.john .thread-body { color: var(--text); }

.paid-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .55rem;
  margin: 0 0 .55rem;
}
.paid-toolbar input[type="search"] {
  flex: 1 1 10rem; min-width: 0;
  font: inherit; font-size: .88rem; color: var(--text);
  background: #0a0f16; border: 1px solid var(--line);
  border-radius: 8px; padding: .4rem .55rem;
}
.paid-toolbar .btn-pay { flex: 0 0 auto; }
.paid-status { font-size: .8rem; color: var(--dim); }
.paid-status.ok { color: var(--green); }
.paid-status.err { color: #f87171; }
.paid-n { color: var(--green); }
.paid-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: .15rem .75rem;
  max-height: min(62vh, 28rem);
  overflow: auto;
  padding: .15rem 0 .25rem;
  border-top: 1px solid rgba(36,48,64,.65);
}
@media (min-width: 560px) {
  .paid-list { grid-template-columns: 1fr 1fr; }
}
.paid-row {
  display: flex; align-items: center; gap: .5rem;
  padding: .28rem .2rem;
  color: var(--text); font-size: .88rem; cursor: pointer;
}
.paid-row:hover { background: rgba(94,231,255,.04); border-radius: 6px; }
.paid-row input[type="checkbox"] {
  width: 1.05rem; height: 1.05rem; accent-color: #4ade80; cursor: pointer;
  flex: 0 0 auto;
}
.paid-row .paid-name { min-width: 0; }

.admin-tbl-wrap {
  overflow-x: clip;
  max-height: min(62vh, 28rem);
  overflow-y: auto;
}
.admin-tbl {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  font-size: .88rem;
}
.admin-tbl th {
  text-align: left;
  color: var(--cyan);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform:none;
  padding: .4rem .45rem;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  background: var(--panel);
}
.admin-tbl td {
  padding: .38rem .45rem;
  border-top: 1px solid var(--line);
  color: var(--text);
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-tbl .col-name { width: 72%; }
.admin-tbl .col-paid { width: 28%; text-align: center; }
.admin-tbl .col-paid input { width: 1.05rem; height: 1.05rem; accent-color: #4ade80; }
.admin-tbl .col-when { width: 22%; }
.admin-tbl .col-who { width: 16%; }
.admin-tbl .col-msg { width: 50%; }
.admin-tbl .col-del { width: 12%; text-align: right; overflow: visible; }
.btn-del {
  font: inherit;
  font-size: .78rem;
  font-weight: 650;
  color: #111;
  background: #f87171;
  border: 0;
  border-radius: 7px;
  padding: .22rem .55rem;
  cursor: pointer;
}
.btn-del:hover { filter: brightness(1.06); }
.admin-tbl .muted { color: var(--dim); }

.admin-tools { display: flex; flex-direction: column; gap: .5rem; margin-top: .5rem; }
.admin-tools a.card strong,
.admin-tools button.card strong { color: var(--cyan); }
.admin-tools button.card {
  display: block; width: 100%; text-align: left;
  font: inherit; color: inherit; cursor: pointer;
  background: var(--panel); border: 1px solid var(--line);
  border-radius: 12px; padding: .85rem 1rem;
  touch-action: manipulation;
}
.admin-tools button.card:hover {
  border-color: #3a5060; filter: brightness(1.04);
}
.admin-tools button.card span {
  display: block; color: var(--muted); font-size: .92rem; line-height: 1.4; margin-top: .2rem;
}

/* Admin email-all */
.mail-panel {
  margin-top: 1rem;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: .95rem 1rem 1.05rem;
}
.mail-panel[hidden] { display: none !important; }
.mail-panel h2 {
  margin: 0 0 .35rem;
  font-size: .7rem; letter-spacing: .14em; text-transform:none;
  color: var(--dim); font-weight: 700;
}
.mail-meta {
  margin: 0 0 .75rem;
  color: var(--muted); font-size: .9rem; line-height: 1.4;
}
.mail-meta strong { color: var(--gold); }
.mail-form { display: flex; flex-direction: column; gap: .55rem; }
.mail-form label {
  display: flex; flex-direction: column; gap: .25rem;
  font-size: .78rem; color: var(--dim); font-weight: 600; letter-spacing: .03em;
}
.mail-form input[type="text"],
.mail-form input[type="password"],
.mail-form textarea {
  width: 100%;
  background: rgba(0,0,0,.35);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  font: inherit;
  font-size: .95rem;
  padding: .55rem .7rem;
  resize: vertical;
}
.mail-form input:focus,
.mail-form textarea:focus {
  outline: none; border-color: var(--cyan);
}
.mail-check {
  flex-direction: row !important;
  align-items: center;
  gap: .5rem !important;
  font-size: .88rem !important;
  color: var(--muted) !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  cursor: pointer;
}
.mail-check input { width: auto; accent-color: var(--cyan); }
.mail-actions {
  display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .25rem;
}
.mail-actions button,
.mail-actions a.btn-mail {
  appearance: none;
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 2.4rem;
  padding: .45rem .9rem;
  border-radius: 10px;
  font: inherit; font-weight: 700; font-size: .9rem;
  cursor: pointer; touch-action: manipulation;
  text-decoration: none; border: 1px solid var(--line);
  background: #0d141c; color: var(--text);
}
.mail-actions button.primary {
  background: linear-gradient(180deg, #2dd4a0 0%, #1fa87a 100%);
  color: #04140e; border-color: transparent;
}
.mail-actions button:disabled { opacity: .55; cursor: wait; }
.mail-actions button:hover,
.mail-actions a.btn-mail:hover { filter: brightness(1.06); text-decoration: none; }
.mail-hint {
  margin: .35rem 0 0;
  font-size: .85rem; color: var(--dim); min-height: 1.2em;
}
.mail-hint.err { color: #ff8a8a; }
.mail-hint.ok { color: var(--cyan); }
.mail-honey {
  position: absolute; left: -9999px; opacity: 0; height: 0; width: 0;
  pointer-events: none;
}

.note {
  margin-top: 1.5rem; padding: .85rem 1rem;
  border: 1px solid var(--line); border-radius: 12px;
  background: rgba(16, 22, 30, .7); color: var(--dim); font-size: .9rem;
}

.foot {
  margin-top: 1.75rem; text-align: center; color: var(--dim); font-size: .85rem;
}

/* Admin desk gate (LPS) */
.pool-banner .kicker { margin-bottom: 0.35rem; }
.pool-banner .lead { margin: 0; font-size: 0.95rem; }
.desk-gate {
  max-width: 22rem;
  margin: 0.75rem auto 1.25rem;
}
.desk-gate-title {
  margin: 0 0 0.65rem !important;
  font-size: 0.95rem !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  color: var(--text) !important;
}
.desk-gate label {
  display: block;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform:none;
  color: var(--dim);
  margin-bottom: 0.35rem;
}
.desk-gate input[type="password"],
.desk-gate input[type="email"],
.desk-gate input[type="text"] {
  width: 100%;
  font: inherit;
  font-size: 1rem;
  color: var(--text);
  background: #0a0f16;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0.55rem 0.65rem;
  margin-bottom: 0.75rem;
}
.desk-gate input[type="password"]:focus,
.desk-gate input[type="email"]:focus,
.desk-gate input[type="text"]:focus {
  outline: none;
  border-color: var(--gold);
  box-shadow: 0 0 0 2px rgba(212, 168, 75, 0.18);
}
.desk-gate .btn-pay { max-width: none; }
.desk-gate .desk-lead { margin: 0 0 0.75rem; font-size: 0.88rem; }
.gate-hint {
  margin: 0.65rem 0 0;
  font-size: 0.88rem;
  color: var(--muted);
}
.gate-hint.err { color: #f87171; }
.gate-hint.ok { color: var(--green); }
.gate-alt {
  margin: 0.7rem 0 0;
  font-size: 0.82rem;
  color: var(--dim);
}
button.gate-text {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: inherit;
  font-weight: 650;
  color: var(--gold);
  cursor: pointer;
  text-decoration: none;
}
button.gate-text:hover { text-decoration: underline; }
.picks-admin-note .gate-text { margin-left: 0.65rem; }

/* Smack / trash-talk board */
.board {
  margin: 0 0 1.25rem;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: .95rem 1rem 1.05rem;
}
.board h2 {
  margin: 0 0 .35rem;
  font-size: .7rem; letter-spacing: .14em; text-transform:none;
  color: var(--dim); font-weight: 700;
}
.board-lead {
  margin: 0 0 .75rem;
  color: var(--muted); font-size: .92rem; line-height: 1.45;
}
.board-form {
  display: flex; flex-direction: column; gap: .5rem;
  margin-bottom: .9rem;
}
.board-form label {
  display: flex; flex-direction: column; gap: .25rem;
  font-size: .78rem; color: var(--dim); font-weight: 600;
  letter-spacing: .03em;
}
.board-form input[type="text"],
.board-form textarea {
  width: 100%;
  background: rgba(0,0,0,.35);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  font: inherit;
  font-size: .95rem;
  padding: .55rem .7rem;
  resize: vertical;
}
.board-form input:focus,
.board-form textarea:focus {
  outline: none;
  border-color: var(--cyan);
}
.board-form .honey {
  position: absolute; left: -9999px; opacity: 0; height: 0; width: 0;
  pointer-events: none;
}
.board-form .btn-post {
  align-self: flex-start;
  display: inline-flex; align-items: center; justify-content: center;
  padding: .55rem 1.1rem; border-radius: 10px; border: none;
  font-weight: 700; font-size: .9rem; cursor: pointer;
  background: linear-gradient(180deg, #f0b429 0%, #c9921a 100%);
  color: #1a1200;
  touch-action: manipulation;
}
.board-form .btn-post:hover { filter: brightness(1.06); }
.board-form .btn-post:disabled { opacity: .6; cursor: wait; }
.board-hint {
  margin: 0; font-size: .82rem; color: var(--dim); min-height: 1.2em;
}
.board-hint.err { color: #ff8a8a; }
.board-hint.ok { color: var(--cyan); }
.posts {
  display: flex; flex-direction: column; gap: .55rem;
  max-height: min(28rem, 55vh);
  overflow-y: auto;
  padding-right: .15rem;
}
.posts:empty::before {
  content: "No posts yet — start the trash talk.";
  color: var(--dim); font-size: .9rem; font-style: italic;
}
.post {
  padding: .65rem .75rem;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: rgba(0,0,0,.22);
}
.post-head {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .65rem;
  margin-bottom: .3rem;
}
.post-name {
  color: var(--gold); font-weight: 700; font-size: .9rem;
}
.post-when {
  color: var(--dim); font-size: .72rem; font-variant-numeric: tabular-nums;
}
.post-body {
  color: var(--text); font-size: .92rem; line-height: 1.45;
  white-space: pre-wrap; word-break: break-word;
}

/* Admin native picks */
.picks-admin-note {
  margin: 0 0 .75rem;
  color: var(--muted);
  font-size: .88rem;
}
.picks-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem .75rem;
  margin: 0 0 .75rem;
}
.picks-week-lab {
  display: flex;
  align-items: center;
  gap: .4rem;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform:none;
  color: var(--dim);
}
.picks-week-lab select {
  font: inherit;
  font-size: .95rem;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 650;
  color: var(--text);
  background: #0a0f16;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .35rem .55rem;
}
.pick-day { padding-bottom: .35rem; }
.pick-game {
  margin: 0 0 .7rem;
  padding: .55rem 0 0;
  border-top: 1px solid rgba(36,48,64,.55);
}
.pick-game:first-of-type { border-top: 0; padding-top: 0; }
.pick-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem .5rem;
  align-items: center;
  margin: 0 0 .4rem;
  font-size: .75rem;
  color: var(--dim);
}
.pick-time { color: var(--muted); font-weight: 650; }
.pick-net { letter-spacing: .04em; text-transform:none; font-weight: 700; }
.pick-spread { color: var(--dim); }
.pick-note { color: var(--gold); font-weight: 650; }
.pick-tb-tag {
  color: var(--gold);
  border: 1px solid rgba(212,168,75,.45);
  border-radius: 4px;
  padding: .02rem .28rem;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .04em;
}
.pick-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: .4rem;
  align-items: stretch;
}
.pick-at {
  align-self: center;
  color: var(--dim);
  font-weight: 800;
  font-size: .78rem;
}
.pick-team {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .45rem;
  min-height: 3.15rem;
  padding: .45rem .55rem;
  border-radius: 12px;
  border: 2px solid var(--line);
  background: #0a0f16;
  color: var(--text);
  cursor: pointer;
  text-align: left;
  box-shadow: inset 4px 0 0 var(--tc, #243040);
  touch-action: manipulation;
}
.pick-logo {
  width: 2.15rem;
  height: 2.15rem;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}
.pick-txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .08rem;
  min-width: 0;
}
.pick-team:hover { filter: brightness(1.08); }
.pick-team.on {
  border-color: var(--gold);
  background: linear-gradient(90deg, color-mix(in srgb, var(--tc, #243040) 28%, #0a0f16), #0a0f16);
}
.pick-abbr {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform:none;
  color: var(--cyan);
}
.pick-team.on .pick-abbr { color: var(--gold); }
.pick-name { font-size: .95rem; font-weight: 750; line-height: 1.15; }
.pick-record {
  display: inline;
  margin-left: .28em;
  font-size: .82em;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
  color: var(--cyan);
  white-space: nowrap;
  vertical-align: baseline;
}
.pick-team.on .pick-record { color: var(--gold); }

/* 2026-10-06 a11y: radio picks + fieldsets */
.pick-fieldset{border:0;margin:0;padding:0;min-width:0}
.pick-legend{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}
.pick-radio{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
label.pick-team{font:inherit;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
label.pick-team:has(.pick-radio:focus-visible){
  outline:2px solid var(--gold);outline-offset:2px
}
label.pick-team:has(.pick-radio:disabled),
label.pick-team[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
label.pick-team:has(.pick-radio:disabled):hover{filter:none}

@media (prefers-color-scheme: light) {
  /* Pool is forced dark (color-scheme: dark); keep records bright if a UA ever lightens */
  .pick-record { color: #0891b2; }
  .pick-team.on .pick-record { color: #a16207; }
}

.picks-tb-lab {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  font-size: .78rem;
  color: var(--dim);
  font-weight: 650;
}
.picks-tb-lab input {
  max-width: 8rem;
  font: inherit;
  font-size: 1.05rem;
  color: var(--text);
  background: #0a0f16;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .45rem .6rem;
}
.picks-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem 1rem;
  margin: .85rem 0 .5rem;
}
.picks-actions .btn-pay { max-width: 16rem; }
.picks-back { font-size: .88rem; font-weight: 650; }
.picks-launch .btn-pay { max-width: 18rem; }
.this-week-card .pick-day { padding: 0; border: 0; background: transparent; }
.this-week-card .pick-team { cursor: default; }
.this-week-card .pick-team:hover { filter: none; }
.tw-edit-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  align-items: center;
  margin: .55rem 0 .15rem;
}
.tw-edit-row .btn-pay { max-width: 14rem; margin: 0; }
.tw-saved { color: #4ade80; font-weight: 750; font-size: .88rem; }
.this-week-card .tw-game {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  padding: .28rem 0;
  border-top: 1px solid rgba(36,48,64,.4);
  font-size: .85rem;
}
.this-week-card .tw-game:first-of-type { border-top: 0; }
.tw-match { color: var(--muted); }
.tw-pick { font-weight: 750; color: var(--text); }
.tw-pick.empty { color: var(--dim); font-weight: 500; }
.tw-pick.w { color: #4ade80; }
.tw-pick.l { color: #f87171; }
@media (max-width: 560px) {
  .pick-name { font-size: .86rem; }
  .pick-team { padding: .4rem .4rem; min-height: 2.85rem; }
  .pick-logo { width: 1.85rem; height: 1.85rem; }
}



/* User tabs + week picker + Submit on one row */
.user-tabs-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .75rem;
  margin: .55rem 0 .45rem;
}
.user-tabs-row .user-tabs { margin: 0; }
.picks-tabs-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .55rem;
  margin-left: auto;
}
.picks-tabs-tools .picks-week-lab { margin: 0; }
.picks-tabs-tools .paid-status { font-size: .78rem; }
.picks-submit-inline {
  max-width: none !important;
  margin: 0 !important;
  padding: .35rem .85rem !important;
  font-size: .82rem !important;
  border-radius: 10px !important;
  flex: 0 0 auto;
}
.picks-submit-inline:disabled {
  opacity: .45;
  cursor: not-allowed;
  filter: none;
}

/* Compact tiebreaker — one tight row, no big card */
.picks-tb-compact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem .55rem;
  margin: .65rem 0 .35rem;
  padding: .4rem .55rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #0c1219;
}
.picks-tb-inline {
  font-size: .78rem;
  font-weight: 650;
  color: var(--muted);
  white-space: nowrap;
}
.picks-tb-input {
  width: 4.5rem;
  max-width: 4.5rem;
  font: inherit;
  font-size: .95rem;
  font-weight: 700;
  color: var(--text);
  background: #0a0f16;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .3rem .45rem;
}
.picks-tb-compact .gate-text {
  font-size: .8rem;
  padding: .2rem .35rem;
}
.picks-tb-card { display: none !important; } /* legacy killed */

@media (max-width: 560px) {
  .user-tabs-row {
    flex-wrap: nowrap;
    gap: .35rem .5rem;
  }
  .picks-tabs-tools {
    margin-left: auto;
    width: auto;
    flex: 0 0 auto;
    flex-wrap: nowrap;
  }
  .picks-tabs-tools .paid-status { display: none; } /* save space on phone */
  .picks-tb-inline { white-space: normal; }
}
/* Week select sits with tabs — no "Week" text label */
.picks-week-lab {
  font-size: 0;
  letter-spacing: 0;
  gap: 0;
  text-transform: none;
}
.picks-week-lab select {
  font-size: .95rem;
}
.pick-spread {
  margin-left: auto;
  color: var(--muted);
  font-weight: 650;
  white-space: nowrap;
}
.pick-txt {
  flex-direction: column;
}
.pick-abbr { display: none; } /* full names only */
.pick-name { font-size: .9rem; font-weight: 750; line-height: 1.2; }
@media (max-width: 560px) {
  .pick-name { font-size: .82rem; }
}

/* User landing sticky strip (under site bar) */
.user-landing { padding-top: 0; }
.user-stick {
  position: sticky;
  top: var(--user-stick-top, 5.5rem);
  z-index: 35;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem 1rem;
  flex-wrap: wrap;
  margin: 0 0 .15rem;
  padding: .55rem 0 .5rem;
  background: rgba(10, 14, 20, 0.94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.user-stick-main { min-width: 0; flex: 1 1 auto; }
.user-stick-name {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1.2;
}
.user-stick-status {
  margin: .15rem 0 0;
  font-size: .78rem;
  letter-spacing: .06em;
  text-transform:none;
  color: var(--cyan);
  font-weight: 700;
}
.user-edit-btn {
  flex: 0 0 auto;
  max-width: 12rem;
  margin: 0;
  padding: .55rem 1rem;
  font-size: .95rem;
}
.user-edit-btn.is-editing {
  background: transparent;
  color: var(--muted);
  border: 1px solid var(--line);
  box-shadow: none;
}
.user-stick { gap: .55rem .75rem; }
.user-avatar.leader-thumb {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 12px;
}
.user-stick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  align-items: center;
  flex: 0 0 auto;
}
.user-week-lab {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin: .2rem 0 0;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform:none;
  color: var(--cyan);
}
.user-week-lab select {
  font: inherit;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .2rem .4rem;
}
.btn-ghost {
  font: inherit;
  font-size: .88rem;
  font-weight: 700;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .5rem .85rem;
  cursor: pointer;
}
.pick-result {
  position: absolute;
  top: 4px;
  right: 6px;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .04em;
}
.pick-result.win { color: #4ade80; }
.pick-result.loss { color: #f87171; }
/* Past-week profile: green win / red loss tint, keep gold outline on selected */
.pick-team.on.pick-win,
.pick-team.pick-win.on {
  box-shadow: 0 0 0 2px #d4a84b, inset 0 0 0 2px rgba(74,222,128,.55);
  background: linear-gradient(180deg, rgba(74,222,128,.18), rgba(74,222,128,.05));
}
.pick-team.on.pick-loss,
.pick-team.pick-loss.on {
  box-shadow: 0 0 0 2px #d4a84b, inset 0 0 0 2px rgba(248,113,113,.55);
  background: linear-gradient(180deg, rgba(248,113,113,.18), rgba(248,113,113,.05));
}
.week-record-pill {
  display: inline-block;
  margin-left: .4rem;
  padding: .12rem .5rem;
  border-radius: 999px;
  border: 1px solid rgba(212,168,75,.55);
  color: #d4a84b;
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .03em;
}
.pick-score { color: var(--gold); font-weight: 700; margin-left: .35rem; }
.profile-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(0,0,0,.55);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.profile-backdrop[hidden] { display: none !important; }
.profile-modal {
  width: min(420px, 100%);
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 1rem 1.05rem 1.1rem;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}
.profile-modal h2 {
  margin: 0 0 .75rem;
  font-size: 1.05rem;
}
.profile-av-row {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 0 0 .8rem;
}
.profile-fields {
  display: grid;
  gap: .45rem;
  margin: 0 0 .75rem;
}
.profile-fields label {
  display: grid;
  gap: .15rem;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform:none;
  color: var(--muted);
}
.profile-fields input {
  font: inherit;
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text);
  background: #0c1219;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: .45rem .55rem;
}
.profile-fields input[readonly] { color: var(--muted); }
.profile-actions {
  display: flex;
  gap: .45rem;
  justify-content: flex-end;
}
.profile-hint { margin: .35rem 0 0; font-size: .8rem; color: var(--muted); }
.profile-hint.ok { color: #4ade80; }
.profile-hint.err { color: #f87171; }
.perfect-weeks-list .perfect-week-line {
  margin: .2rem 0;
  font-size: .88rem;
  color: var(--text);
  font-weight: 650;
}
.perfect-weeks-list .perfect-week-line .muted { font-weight: 500; }


/* Pick tiles — Grok image flush to link border; FFO may letterbox */
.cta-row-pay > .pick-local-tile { grid-area: smack; }
.cta-row-tiles .peer-tile {
  padding: 0 !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
.cta-row-tiles .pick-local-tile {
  padding: 0 !important;
  gap: 0 !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
.cta-row-tiles .pick-local-tile .tile-art {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent;
}
.cta-row-tiles .pick-local-tile .tile-art img,
.cta-row-tiles .pick-local-tile img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.cta-row-tiles .ffo-logo-link .tile-art {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .85rem .7rem;
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
}
.cta-row-tiles .ffo-logo-link .tile-art img,
.cta-row-tiles .ffo-logo {
  position: static !important;
  width: auto !important;
  height: auto !important;
  max-width: 72% !important;
  max-height: 72% !important;
  object-fit: contain !important;
  border-radius: 4px !important;
}
.hero-pick-hint {
  margin: .55rem 0 0;
  color: #fff;
  font-weight: 400;
  font-size: .92rem;
}


/* LAND2 join-pay + equal tiles */
.join-pay .btn-pay {
  max-width: none; width: 100%;
  padding: .55rem .45rem; font-size: .82rem;
  flex-direction: column; gap: .05rem; line-height: 1.2;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none; border-radius: 10px;
}
.join-pay .pay-chip { width: 100%; box-sizing: border-box; }

/* Full-width Submit under tabs+week row */
.picks-submit-bar {
  margin: 0 0 .55rem;
}
.picks-submit-bar .picks-submit-top,
.picks-submit-top {
  display: block;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: .55rem 1rem !important;
  font-size: .95rem !important;
  border-radius: 10px !important;
}
.picks-submit-top:disabled {
  opacity: .45;
  cursor: not-allowed;
  filter: none;
}
.user-tabs-row {
  flex-wrap: nowrap;
  align-items: center;
}
.user-tabs-row .picks-tabs-tools {
  margin-left: auto;
  flex: 0 0 auto;
}


/* === LEADER/POOLER TABLES (2026-09-06) === */
/* Phone-first scrollable standings/poolers body; sticky thead under pills */
.table-wrap.leader-scroll {
  /* Bottomless page scroll; clip-x keeps position:sticky alive */
  max-height: none;
  overflow: visible;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  margin-top: .35rem;
}
.table-wrap.leader-scroll table.standings {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.table-wrap.leader-scroll table.standings th {
  text-transform: none;
  letter-spacing: .02em;
  font-size: .74rem;
  position: sticky;
  top: calc(var(--chrome-h, 56px) + var(--stand-stick-h, 0px));
  z-index: 35;
  background: #0e141c;
  white-space: nowrap;
}
/* Standings chrome under L+pills: title + season + week */
.stand-stick {
  position: sticky;
  top: var(--chrome-h, 56px);
  z-index: 40;
  background: #070b10;
  padding-bottom: .2rem;
  margin: 0 0 .15rem;
  border-bottom: 1px solid rgba(42,56,72,.55);
}
.stand-stick .title-row-stand { margin-top: 0; }
.stand-stick .season-pills,
.stand-stick .week-pills { margin-bottom: .15rem; }

/* Squarish season pills (Live lock) */
.season-pills a,
.season-pills button.season-pill {
  border-radius: 8px !important;
}
.season-pills .pill-label {
  text-transform: none;
  letter-spacing: .03em;
}

/* Two-line leader name cell: thumb | First\nLast */
.leader-name {
  display: flex;
  align-items: center;
  gap: .45rem;
  min-width: 0;
  max-width: 100%;
}
.leader-thumb {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(160deg, #1a2836, #0c1219);
  border: 1px solid rgba(94,231,255,.18);
  display: grid;
  place-items: center;
  position: relative;
}
.leader-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.leader-thumb .av-fb {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--cyan);
  z-index: 0;
}
.leader-thumb.fb .av-fb,
.leader-thumb:not(:has(img[src])) .av-fb {
  z-index: 1;
}
.leader-thumb.fb img { display: none !important; }
.leader-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  flex: 1 1 auto;
  line-height: 1.12;
  text-decoration: none;
  color: inherit;
  font-weight: 700;
}
/* Full first + last — no ellipsis crush on phone */
.leader-text .fn,
.leader-text .ln {
  display: block;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  font-size: .78rem;
  color: #9ca3af;
  font-weight: 650;
}
.leader-text .ln {
  font-size: .74rem;
}
.leader-text.roster-2026 .fn,
.leader-text.roster-2026 .ln {
  color: #fff !important;
  font-weight: 700;
}
.leader-text.roster-dim .fn,
.leader-text.roster-dim .ln {
  color: #9ca3af !important;
  font-weight: 650;
}
tr.synth-vegas .leader-text .fn,
tr.synth-vegas .leader-text .ln {
  color: #c4b5fd !important;
  font-weight: 700;
}
tr.synth-home .leader-text .fn,
tr.synth-home .leader-text .ln {
  color: #4ade80 !important;
  font-weight: 700;
}
a.leader-text:hover .fn { color: var(--gold); }
a.leader-text:hover .ln { color: var(--cyan); }
.leader-name .tag {
  flex: 0 0 auto;
  margin-left: .1rem;
  align-self: center;
}
table.standings td.name {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  vertical-align: middle;
}
table.standings td.name .leader-name {
  white-space: normal;
}
/* Name column: solid rem floor so First/Last never 2-char crush */
.table-wrap.leader-scroll .col-name,
.table-wrap.leader-scroll th.sticky-name,
.table-wrap.leader-scroll td.name {
  width: 42%;
  min-width: 10.5rem;
}
.table-wrap.leader-scroll {
  overflow: visible;
}
.leader-text {
  flex: 1 1 auto;
  min-width: 6.5rem;
}
.leader-text .fn,
.leader-text .ln {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap;
}
/* Stats cells: never ellipsis-crush PCT / TB / W / L */
.table-wrap.leader-scroll table.standings td.num,
.table-wrap.leader-scroll table.standings td.rank,
.table-wrap.leader-scroll table.standings th.num,
.table-wrap.leader-scroll table.standings th.rank-h {
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  padding: .2rem .22rem;
  min-width: 0;
}
.table-wrap.leader-scroll table.standings th.num,
.table-wrap.leader-scroll table.standings th.rank-h {
  min-width: 0;
  padding: .28rem .18rem;
  font-size: .7rem;
}
.table-wrap.leader-scroll table.standings td.num,
.table-wrap.leader-scroll table.standings td.rank {
  font-size: .74rem;
}
/* Drop least-critical columns on narrow phones — keep names + PCT readable */
@media (max-width: 520px) {
  .table-wrap.leader-scroll .hide-narrow,
  #standingsTable .hide-narrow {
    display: none !important;
  }
  .table-wrap.leader-scroll th.sticky-name,
  .table-wrap.leader-scroll td.name {
    width: 52%;
    min-width: 10.5rem;
  }
  .leader-thumb { flex-basis: 36px; width: 36px; height: 36px; border-radius: 8px; }
  .leader-text .fn { font-size: .76rem; }
  .leader-text .ln { font-size: .72rem; }
  .table-wrap.leader-scroll { max-height: none; }
  .table-wrap.leader-scroll table.standings td.num,
  .table-wrap.leader-scroll table.standings td.rank {
    padding: .18rem .12rem;
    font-size: .72rem;
  }
}
@media (max-width: 420px) {
  .leader-thumb { flex-basis: 40px; width: 40px; height: 40px; border-radius: 9px; }
  .table-wrap.leader-scroll { max-height: none; }
}

/* === POOL LIVE CHROME + BOT FOOTER + ROW LINKS (2026-09-06) === */
header.bar { display: none !important; }
:root {
  --chrome-h: calc(var(--safe-t, env(safe-area-inset-top, 0px)) + 56px);
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
}
.home-chrome {
  background: #1a2430;
  border-bottom: 1px solid #2a3848;
  padding: calc(var(--safe-t, env(safe-area-inset-top, 0px)) + 4px) 0 4px;
  position: sticky;
  top: 0;
  z-index: 50;
  line-height: 0;
  overflow: visible;
}
.home-chrome-inner,
.home-chrome-inner.wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  gap: .3rem;
  box-sizing: border-box;
  min-height: 48px !important;
  height: 48px !important;
  max-height: 48px !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: max(.45rem, env(safe-area-inset-left, 0px)) !important;
  padding-right: max(.45rem, env(safe-area-inset-right, 0px)) !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  overflow: visible !important;
  width: 100%;
}
.home-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: .2rem;
  flex: 1 1 auto;
  min-width: 0;
  height: 48px;
  overflow: visible;
  border-top: none !important;
}
header.home-chrome .home-nav a,
header.home-chrome .topnav a {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: .1rem .18rem !important;
  border-radius: 10px !important;
  border:0!important;
  background: #121a24 !important;
  color: #eef1f6 !important;
  font-size: clamp(.58rem, 2.4vw, .72rem) !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  touch-action: manipulation;
  box-shadow: none !important;
}
header.home-chrome .home-nav a:hover,
header.home-chrome .topnav a:hover {
  filter: brightness(1.08);
  border-color: #5a7080 !important;
  color: #eef1f6 !important;
  background: #121a24 !important;
}
header.home-chrome .home-nav a.active,
header.home-chrome .home-nav a.is-active,
header.home-chrome .topnav a.active,
header.home-chrome .topnav a.is-active {
  border-color: #5ee7ff !important;
  color: #5ee7ff !important;
  background: #121a24 !important;
  box-shadow: none !important;
}
a.home-mark {
  flex: 0 0 48px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin: 0;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  background: #1c2a3a;
  border:0;
}
a.home-mark:hover { filter: brightness(1.1); text-decoration: none; }
a.home-mark img { width: 48px; height: 48px; object-fit: contain; display: block; }

/* Whole-row clickable standings/teams */
tr.row-link { cursor: pointer; }
tr.row-link:hover td { background: #12202a !important; }
tr.row-link:focus-visible { outline: 2px solid var(--cyan); outline-offset: -2px; }

/* Team logo thumb — same footprint as leader-thumb */
.leader-thumb.team-logo img {
  object-fit: contain;
  padding: 3px;
  background: #0c1219;
}

/* Bot footer — Updated…by[Bot], no Powered */
.page-footer.lw-footer {
  margin: 0.85rem 0 0;
  padding: 0 0 calc(0.85rem + var(--safe-b, 0px));
  text-align: center;
  border: none;
}
.page-footer.lw-footer .lw-updated,
.page-footer.lw-footer #lastUpdated {
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.28rem;
  font: 600 0.78rem/1.35 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.02em;
  color: var(--dim);
  font-variant-numeric: tabular-nums;
}
.page-footer.lw-footer .lw-by { font-weight: 600; }
.page-footer.lw-footer a.lw-bot {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  border-radius: 4px;
}
.page-footer.lw-footer a.lw-bot img {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  display: block;
}
.page-footer.lw-footer a.lw-bot:hover { filter: brightness(1.12); text-decoration: none; }
#lw-powered-grok,
.powered-by {
  display: none !important;
}

/* Title + RLTW same line — sitewide on 6 pill pages */
.title-row-stand{
  display:flex;align-items:baseline;justify-content:space-between;gap:.55rem 1rem;
  flex-wrap:wrap;margin:0 0 .35rem;
}
.title-row-stand .contest-page-title{margin:0;flex:0 1 auto}
.title-row-stand .stand-rltw{
  margin:0;text-align:right;flex:1 1 8rem;min-width:0;
  font-size:.72rem;letter-spacing:.14em;text-transform:none;
  color:var(--cyan);font-weight:700;
}


/* stand sticky stack lock 20260906VIS3 */
.stand-stick {
  position: sticky;
  top: var(--chrome-h, 56px);
  z-index: 40;
  background: #070b10;
  padding-bottom: .25rem;
  margin: 0 0 .2rem;
  border-bottom: 1px solid rgba(42,56,72,.55);
}
.table-wrap.leader-scroll {
  max-height: none !important;
  overflow: visible;
  overflow-y: visible;
}
.table-wrap.leader-scroll table.standings thead th {
  position: sticky;
  top: calc(var(--chrome-h, 56px) + var(--stand-stick-h, 0px));
  z-index: 35;
  background: #0e141c;
  box-shadow: 0 1px 0 var(--line);
}


/* Season 4×2 + tall 2026 · Week 9×2 + tall Full Season (Andy 2026-09-06) */
.season-pills{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:.4rem !important;
  margin:.15rem 0 .45rem !important;
}
.season-pills .pill-label{display:none !important;}
.season-years{
  display:grid;
  grid-template-columns:repeat(4, minmax(3.1rem, auto));
  grid-template-rows:repeat(2, 1fr);
  gap:.32rem .35rem;
  justify-items:stretch;
}
.season-pills a.season-pill,
.season-pills button.season-pill{
  border-radius:8px !important;
  text-align:center;
  min-width:3.1rem;
  padding:.28rem .55rem !important;
  font-size:.78rem !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.season-pills a.season-pill-current{
  min-width:3.6rem;
  padding:.35rem .65rem !important;
  font-size:.9rem !important;
  font-weight:800 !important;
  align-self:stretch;
  writing-mode:horizontal-tb;
}
.week-pills{
  display:none;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  align-items:stretch !important;
  gap:.35rem !important;
  margin:.05rem 0 .5rem !important;
}
.week-pills.on{display:flex !important;}
.week-pills .pill-label{display:none !important;}
.week-nums{
  display:grid;
  grid-template-columns:repeat(9, minmax(1.55rem, auto));
  grid-template-rows:repeat(2, 1fr);
  gap:.28rem .3rem;
}
.week-pills a{
  border-radius:6px !important;
  min-width:1.55rem;
  padding:.22rem .32rem !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.week-pills a.wk-all,
.week-pills a.wk-full{
  min-width:4.6rem;
  padding:.3rem .55rem !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  align-self:stretch;
  text-align:center;
  line-height:1.15;
  white-space:normal;
}

/* never put tbody inside .stand-stick — thead sticky under chrome+title only */
.stand-stick { position: sticky; top: var(--chrome-h, 56px); z-index: 40; background: #070b10; }
.table-wrap.leader-scroll { max-height: none !important; overflow: visible; overflow-y: visible; }
#poolersTable thead th,
#standingsTable thead th,
.table-wrap.leader-scroll table.standings thead th {
  position: sticky;
  top: calc(var(--chrome-h, 56px) + var(--stand-stick-h, 0px));
  z-index: 35;
  background: #0e141c;
  box-shadow: 0 1px 0 var(--line);
}


/* Pills centered + divider (Andy 2026-09-06) */
.season-pills{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:.4rem !important;
  margin:.15rem auto .35rem !important;
  width:max-content;
  max-width:100%;
}
.week-pills{
  display:none;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:.35rem !important;
  margin:.15rem auto .5rem !important;
  width:max-content;
  max-width:100%;
  padding-top:.4rem;
  border-top:1px solid rgba(58,80,96,.85);
}
.week-pills.on{display:flex !important;}
.season-years{
  display:grid;
  grid-template-columns:repeat(4, minmax(3.1rem, auto));
  grid-template-rows:repeat(2, 1fr);
  gap:.32rem .35rem;
}
.week-nums{
  display:grid;
  grid-template-columns:repeat(9, minmax(1.55rem, auto));
  grid-template-rows:repeat(2, 1fr);
  gap:.28rem .3rem;
}
.week-pills a.pending,
.week-pills a[aria-disabled="true"]{
  opacity:.38;
  pointer-events:none;
  color:var(--dim) !important;
  border-color:rgba(58,80,96,.5) !important;
  background:#0c1219 !important;
}


/* Thead sticky: live --thead-sticky-top under chrome+pills (Andy 2026-09-06) */
#standingsTable thead th,
#teamsTable thead th,
#poolersTable thead th,
.table-wrap.leader-scroll table.standings thead th,
.teams-panel table.standings thead th,
table.standings thead th {
  position: sticky !important;
  top: var(--thead-sticky-top, 112px) !important;
  z-index: 35;
  background: #0e141c !important;
  box-shadow: 0 1px 0 var(--line);
}
table.standings th.sticky-name {
  position: sticky !important;
  top: var(--thead-sticky-top, 112px) !important;
  left: 0;
  z-index: 36 !important;
  background: #0e141c !important;
}
.teams-panel .table-wrap,
.table-wrap.leader-scroll {
  max-height: none !important;
  overflow: visible !important;
}

/* === POOL ICON NAV 20260907qc2 — compact; L never clips === */
header.home-chrome{
  overflow:visible!important;
}
.home-chrome-inner,.home-chrome-inner.wrap{
  min-height:56px!important;height:auto!important;max-height:none!important;
  padding-top:.25rem!important;padding-bottom:.25rem!important;
  align-items:center!important;overflow:visible!important;
  gap:.25rem!important;
}
.home-nav.nav-icons,
header.home-chrome .home-nav.nav-icons{
  flex:1 1 auto!important;min-width:0!important;
  height:auto!important;min-height:52px!important;
  overflow-x:auto!important;overflow-y:visible!important;
  gap:.22rem!important;align-items:center!important;
  scrollbar-width:none;
}
.home-nav.nav-icons::-webkit-scrollbar{display:none}
header.home-chrome .home-nav a.nav-pill-icon,
header.home-chrome .topnav a.nav-pill-icon,
.home-nav a.nav-pill-icon,
nav.topnav a.nav-pill-icon{
  --nav-accent:#5ee7ff;
  position:relative!important;
  flex:1 1 0!important;width:auto!important;min-width:44px!important;max-width:56px!important;
  height:52px!important;min-height:52px!important;max-height:52px!important;
  padding:0!important;margin:0!important;overflow:hidden!important;
  border-radius:10px!important;line-height:0!important;font-size:0!important;
  color:transparent!important;
  border:1.5px solid var(--nav-accent)!important;
  background:#0a1018!important;
  box-sizing:border-box!important;text-overflow:clip!important;white-space:nowrap!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)!important;
}
header.home-chrome .home-nav a.nav-pill-icon img,
.home-nav a.nav-pill-icon img,
nav.topnav a.nav-pill-icon img{
  position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;display:block!important;
  object-fit:cover!important;margin:0!important;padding:0!important;border:0!important;
  z-index:0!important;
}
/* Full words — compact band, still readable */
.nav-pill-icon .nav-pill-lab{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
  z-index:2!important;height:40%!important;min-height:18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:1px 2px 3px!important;box-sizing:border-box!important;
  font-size:8.5px!important;font-weight:800!important;letter-spacing:-.02em!important;
  line-height:1.05!important;text-transform:none!important;
  color:#fff!important;text-align:center!important;
  text-shadow:0 1px 2px rgba(0,0,0,.98),0 0 6px rgba(0,0,0,.85)!important;
  background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.5) 60%,transparent 100%)!important;
  pointer-events:none!important;white-space:normal!important;overflow:hidden!important;
  word-break:break-word!important;hyphens:manual!important;
}
.nav-pill-icon.nav-pill-standings .nav-pill-lab,
.nav-pill-icon.nav-pill-poolers .nav-pill-lab,
.nav-pill-icon.nav-pill-history .nav-pill-lab{
  font-size:7.5px!important;letter-spacing:-.03em!important;
}
.nav-pill-icon .nav-pill-bar{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  z-index:3!important;height:3px!important;
  background:var(--nav-accent)!important;
  pointer-events:none!important;
}
header.home-chrome .home-nav a.nav-pill-icon.active,
header.home-chrome .home-nav a.nav-pill-icon.on,
header.home-chrome .home-nav a.nav-pill-icon.is-active,
.home-nav a.nav-pill-icon.active,
.home-nav a.nav-pill-icon.on,
nav.topnav a.nav-pill-icon.active,
nav.topnav a.nav-pill-icon.on{
  border-color:var(--nav-accent)!important;
  color:transparent!important;
  box-shadow:0 0 0 1px var(--nav-accent), inset 0 0 0 1px rgba(0,0,0,.25)!important;
  filter:brightness(1.08);
}
/* L stays fixed 48 — never shrinks / never clips for pills */
a.home-mark{
  width:48px!important;height:48px!important;flex:0 0 48px!important;
  min-width:48px!important;max-width:48px!important;
  border-radius:10px!important;overflow:hidden!important;
  background:#8a9098!important;border:0!important;
}
a.home-mark img{
  width:48px!important;height:48px!important;object-fit:cover!important;display:block!important;
}

/* ===== Make picks full-width hero (DOM type over Optimus+wings) ===== */
.make-picks-hero{
  position:relative;margin:0 0 1.1rem;border-radius:16px;overflow:hidden;
  border:1px solid rgba(94,231,255,.45);background:#070b10;
  aspect-ratio:16/10;min-height:220px;max-height:420px;
}
.make-picks-hero .mph-art{position:absolute;inset:0;margin:0;padding:0}
.make-picks-hero .mph-art img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;
  border:0;margin:0;padding:0;
}
.make-picks-hero .mph-copy{
  position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;
  gap:.55rem;padding:1rem 1rem 1.1rem;min-height:100%;box-sizing:border-box;
  background:linear-gradient(180deg,rgba(4,8,14,.78) 0%,rgba(4,8,14,.42) 42%,rgba(4,8,14,.15) 68%,transparent 100%);
}
.make-picks-hero .mph-h{
  margin:0;font-size:clamp(1.35rem,5.2vw,1.85rem);font-weight:850;letter-spacing:.02em;
  line-height:1.05;color:#fff;text-transform:none;
  text-shadow:0 2px 10px rgba(0,0,0,.85);
}
.make-picks-hero .mph-sub{
  margin:0;max-width:36rem;font-size:clamp(.78rem,2.8vw,.95rem);font-weight:500;
  line-height:1.35;color:#eef1f6;text-shadow:0 1px 6px rgba(0,0,0,.8);
}
.make-picks-hero .mph-ctas{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.15rem;align-items:center}
.make-picks-hero .mph-cta-primary{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.55rem 1rem;border-radius:11px;font-weight:800;font-size:.95rem;
  text-decoration:none!important;color:#041018!important;background:#5ee7ff;
  border:1px solid #5ee7ff;box-shadow:0 4px 14px rgba(0,0,0,.35);
}
.make-picks-hero .mph-cta-primary:hover{filter:brightness(1.08)}
.make-picks-hero .mph-cta-sec{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.5rem .85rem;border-radius:11px;font-weight:650;font-size:.82rem;
  text-decoration:none!important;color:#eef1f6!important;
  background:rgba(0,0,0,.45);border:1px solid rgba(94,231,255,.55);
}
.make-picks-hero .mph-cta-sec:hover{border-color:#5ee7ff;filter:brightness(1.06)}
.make-picks-hero .mph-leaders{margin-top:auto;padding-top:.5rem}
@media (max-width:420px){
  .make-picks-hero{aspect-ratio:5/4;min-height:260px}
  .make-picks-hero .mph-ctas{flex-direction:column;align-items:stretch}
}

/* === paid ring badge (profile + standings) === */
.user-paid-badge {
  flex: 0 0 auto;
  align-self: center;
  margin: 0 .35rem 0 auto;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.user-paid-badge[hidden] { display: none !important; }
.paid-ring {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  filter: drop-shadow(0 0 4px rgba(253, 230, 138, .9)) drop-shadow(0 0 12px rgba(251, 191, 36, .55));
}
.paid-ring-svg {
  display: block;
  width: 2.35rem;
  height: 2.35rem;
}
table.standings th.paid,
table.standings td.paid {
  text-align: center;
  width: 3.6rem;
  min-width: 3.4rem;
  max-width: 4rem;
  padding-left: .15rem;
  padding-right: .15rem;
}
table.standings td.paid.yes {
  color: inherit;
  font-weight: 700;
  font-size: inherit;
}
table.standings td.paid.yes .paid-ring-svg {
  width: 1.85rem;
  height: 1.85rem;
  margin: 0 auto;
}
table.standings td.paid.no { color: transparent; }


/* === Ara JOB-pool-ship nav ring 202609081431 === */
header.home-chrome{overflow:visible!important}
.home-chrome-inner,.home-chrome-inner.wrap{overflow:visible!important;padding-top:2px!important;padding-bottom:2px!important}
.home-nav.nav-icons,header.home-chrome .home-nav.nav-icons{overflow:visible!important;padding:3px 2px!important}
header.home-chrome .home-nav a.nav-pill-icon,
header.home-chrome .topnav a.nav-pill-icon,
.home-nav a.nav-pill-icon,nav.topnav a.nav-pill-icon{overflow:visible!important;margin:1px!important}
header.home-chrome .home-nav a.nav-pill-icon.active,
header.home-chrome .home-nav a.nav-pill-icon.on,
header.home-chrome .home-nav a.nav-pill-icon.is-active,
.home-nav a.nav-pill-icon.active,
.home-nav a.nav-pill-icon.on,
nav.topnav a.nav-pill-icon.active,
nav.topnav a.nav-pill-icon.on{
  border-color:#5ee7ff!important;
  box-shadow:0 0 0 1.5px #5ee7ff!important;
}
.make-picks-hero.mph-bleed{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  aspect-ratio:auto!important;min-height:0!important;max-height:none!important;
  width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  pointer-events:none;
}
.make-picks-hero.mph-bleed .mph-art{position:relative!important;inset:auto!important}
.make-picks-hero.mph-bleed .mph-art img{
  position:static!important;width:100%!important;height:auto!important;max-height:min(72vh,560px)!important;
  object-fit:cover!important;object-position:center 28%!important;
}
.make-picks-hero.mph-bleed .mph-copy{display:none!important}

/* === Week-1 critical 20260908w1c: borderless hero, glance, initials, picks-in === */
.make-picks-hero{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  outline:none!important;background:transparent;
}
.pool-glance{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:.25rem .7rem;margin:.15rem 0 .55rem;padding:.15rem 0;
  font-size:.78rem;color:#9aa6b8;line-height:1.35;
}
.pool-glance span{white-space:nowrap}
.pool-glance strong{color:#eef1f6;font-weight:750}
.picks-in-mark{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:.28rem;width:1.05rem;height:1.05rem;border-radius:999px;
  background:rgba(74,222,128,.16);color:#4ade80;font-size:.72rem;font-weight:900;
  line-height:1;vertical-align:middle;
}
.leader-thumb.initials-av,
.leader-thumb.fb.initials-av{
  background:#121a24;border:0;color:#5ee7ff;
}
.leader-thumb.initials-av .av-fb,
.leader-thumb.fb .av-fb{
  display:flex!important;align-items:center;justify-content:center;
  width:100%;height:100%;font-size:.72rem;font-weight:800;letter-spacing:.03em;
}


/* RLTW_ON_TITLE_LINE_20260923 — slogan lives in .sticky-title only; never a second line */
.stand-rltw,
.title-row-stand > .kicker,
.title-row-stand .stand-rltw,
p.kicker.stand-rltw {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.sticky-title,
.trip-chrome > .sticky-title,
#whereTitle.sticky-title,
.sticky-title.has-rangers,
.sticky-title.page-title-rangers {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .5rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.sticky-title .rangers-slogan,
.sticky-title #rangersSlogan {
  margin: 0 0 0 auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: right !important;
  font-size: clamp(.54rem, 2.3vw, .82rem) !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  color: #5ee7ff !important;
  text-transform:none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.1 !important;
}