:root {
  
  --bg-0: #080b11; --bg-1: #111826; --bg-2: #19222f; --line: #243044;
  --text: #eaf0fa; --muted: #9aa7bb; --faint: #7c899e;   
  --accent: #4f8bff; --accent-cy: #38e1ff;   
  --pos: #2bd576; --neg: #ff5c66;            
  
  --display: "Oswald", system-ui, sans-serif;
  --body: "Inter", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --r: 6px;
  
  --speed-quick: .1s; --speed-regular: .25s;
  
  --line-strong: #33425c;  --bg-3: #202b3b;
  --ink-3: #656f80;   
  --bg-sink: #0e151f;   
  --warn: #f5b83d;   
  --r-badge: 4px; --r-chip: 6px; --r-control: 8px; --r-card: 10px; --r-panel: 12px;
  
  --df-accent: var(--accent); --df-up: var(--pos); --df-down: var(--neg);
}


:root {
  --pico-font-family: var(--body);
  --pico-font-family-sans-serif: var(--body);
  --pico-font-size: 90%;
  --pico-line-height: 1.45;
  --pico-spacing: 0.6rem;
  --pico-block-spacing-vertical: 0.6rem;
  --pico-block-spacing-horizontal: 0.9rem;
  --pico-form-element-spacing-vertical: 0.4rem;
  --pico-form-element-spacing-horizontal: 0.6rem;
  --pico-typography-spacing-vertical: 0.6rem;
  --pico-nav-element-spacing-vertical: 0.4rem;
  --pico-nav-element-spacing-horizontal: 0.4rem;
  --pico-border-radius: var(--r);
}

[data-theme="dark"] {
  --pico-background-color: var(--bg-0);
  --pico-color: var(--text);
  --pico-h1-color: #fff; --pico-h2-color: #fff; --pico-h3-color: var(--text);
  --pico-h4-color: var(--text); --pico-h5-color: var(--text); --pico-h6-color: var(--text);
  --pico-muted-color: var(--muted);
  --pico-muted-border-color: var(--line);
  --pico-card-background-color: var(--bg-1);
  --pico-card-border-color: var(--line);
  --pico-card-sectioning-background-color: var(--bg-2);
  --pico-border-color: var(--line);
  --pico-primary: var(--accent);
  --pico-primary-background: var(--accent);
  --pico-primary-border: var(--accent);
  --pico-primary-hover: var(--accent-cy);
  --pico-primary-hover-background: var(--accent-cy);
  --pico-primary-hover-border: var(--accent-cy);
  --pico-primary-focus: color-mix(in srgb, var(--accent) 40%, transparent);
  --pico-primary-inverse: #06101f;
  --pico-primary-underline: color-mix(in srgb, var(--accent) 50%, transparent);
  --pico-text-selection-color: color-mix(in srgb, var(--accent) 28%, transparent);
  --pico-form-element-background-color: var(--bg-2);
  --pico-form-element-border-color: var(--line);
  --pico-form-element-active-background-color: var(--bg-2);
  --pico-form-element-focus-color: var(--accent);
  --pico-switch-checked-background-color: var(--accent);
}



@font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:optional;src:url("../fonts/oswald-500.woff2") format("woff2")}
@font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:optional;src:url("../fonts/oswald-600.woff2") format("woff2")}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:optional;src:url("../fonts/oswald-700.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:optional;src:url("../fonts/inter-400.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:optional;src:url("../fonts/inter-500.woff2") format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:optional;src:url("../fonts/inter-600.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:optional;src:url("../fonts/jetbrains-mono-500.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:optional;src:url("../fonts/jetbrains-mono-600.woff2") format("woff2")}


body {
  background:
    radial-gradient(1200px 480px at 50% -120px, #13243f 0%, var(--bg-0) 62%) no-repeat,
    var(--bg-0);
  color: var(--text); font-family: var(--body);
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--display); letter-spacing: .01em; }

main.container { padding-top: 0.7rem; padding-bottom: 1.4rem; max-width: 1200px; }
h2 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0.2rem; }
h4 { font-size: 1.05rem; font-weight: 600; margin-bottom: 0.4rem; }
hgroup { margin-bottom: 0.6rem; }
article { padding: 0.85rem 1rem; margin-bottom: 0.7rem; }
.grid { gap: 0.7rem; }
table { margin-bottom: 0.4rem; }

table th, table td { padding: 0.32rem 0.5rem; }
table th { font-family: var(--display); letter-spacing: .06em;
  font-weight: 600; color: var(--muted); }
details summary { padding: 0.2rem 0; }


.topbar { border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: .5rem;
  position: relative; z-index: 200; }
.topbar nav { display: flex; flex-wrap: wrap; align-items: center;
  column-gap: 1.2rem; row-gap: .25rem; font-size: .9rem; }
.topbar .brand { font-weight: 700; }

.topbar ul { display: flex; flex-wrap: wrap; align-items: center;
  gap: .1rem .5rem; margin: 0; padding: 0; list-style: none; }
.nav-links { flex: 1; }
.topbar a { padding: .25rem .45rem; display: inline-block; }
.league-switch { margin: 0; }
.league-switch select { margin: 0; padding: .25rem .5rem; font-size: .85rem; }


.topbar .nav-mobile { display: none; }


.topbar details.navmenu { position: relative; margin: 0; }
.topbar details.navmenu > summary { cursor: pointer; padding: .25rem .5rem;
  display: inline-block; list-style: none; user-select: none; }
.topbar details.navmenu > summary::-webkit-details-marker { display: none; }
.topbar details.navmenu > summary::marker { content: ""; }
.topbar details.navmenu > summary::after { display: none; }  
.topbar details.navmenu[open] > summary { color: var(--df-accent); }
.topbar details.navmenu > ul { position: absolute; right: 0; top: 100%;
  margin-top: .3rem; z-index: 100; min-width: 12rem; padding: .25rem;
  flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 0;
  background: var(--pico-card-background-color);
  border: 1px solid var(--pico-muted-border-color); border-radius: .5rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .35); }
.topbar details.navmenu > ul a { display: block; width: 100%; padding: .4rem .6rem;
  border-radius: .3rem; }
.topbar details.navmenu > ul a:hover { background: var(--pico-muted-border-color); }
.topbar details.navmenu li.nav-sep { border-top: 1px solid var(--pico-muted-border-color);
  margin-top: .25rem; padding-top: .25rem; }


.nav-burger { font-size: 1.3rem; line-height: 1; position: relative; }
.badge-dot { position: absolute; top: 0; right: -2px; width: .5rem; height: .5rem;
  background: var(--df-accent); border-radius: 50%; }

@media (max-width: 720px) {
  .topbar .nav-desktop { display: none; }
  .topbar .nav-mobile { display: flex; flex-wrap: nowrap; align-items: center; }
  .nav-mobile .brand { margin-right: auto; }
  .nav-mobile details.navmenu > ul { min-width: 14rem; }
  .nav-switch-row { padding: .25rem .35rem .35rem; }
  .nav-switch-row .league-switch select { width: 100%; }
}

.badge { background: var(--df-accent); color: #00121f; border-radius: 1rem;
  padding: 0 .45rem; font-size: .7rem; font-weight: 700; }

.flash { padding: .6rem 1rem; }
.flash-success { border-left: 4px solid var(--df-up); }
.flash-error { border-left: 4px solid var(--df-down); }


.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px,1fr));
  gap: .6rem; }
.stat { border: 1px solid var(--pico-muted-border-color); border-radius: .5rem;
  padding: .5rem .7rem; }
.stat .num { font-size: 1.25rem; font-weight: 700; line-height: 1.1; }
.stat .label { color: var(--pico-muted-color); font-size: .72rem; }


table.tight th, table.tight td { padding: .35rem .5rem; }

table.auto-width { width: auto; max-width: 100%; }
table.auto-width th, table.auto-width td { padding-right: 1.1rem; }
.val { font-family: var(--mono); font-variant-numeric: tabular-nums; font-weight: 600; }
.num { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.trend-up { color: var(--pos); } .trend-down { color: var(--neg); }

.pos { font-family: var(--mono); font-size: .66rem; font-weight: 700; letter-spacing: .03em;
  padding: .12rem .4rem; border-radius: 3px; }
.pos-QB{background:#3b2740;color:#f1a6d6;} .pos-RB{background:#11362b;color:#54e0a8;}
.pos-WR{background:#2a3550;color:#86b6ff;} .pos-TE{background:#3a2f1e;color:#f0c06a;}
.pos-PICK{background:#222c3c;color:#9fb0c8;} .pos-K{background:#3a2030;color:#f0a6c2;}
.pos-DEF{background:#10312e;color:#5fd9c2;}

.muted { color: var(--pico-muted-color); }
.right { text-align: right; }
.nowrap { white-space: nowrap; }


.quad { font-size: .82rem; }
.quad-powerhouse { color: #4ade80; }
.quad-winnow     { color: #fbbf24; }
.quad-rebuilding { color: #60a5fa; }
.quad-fullreset  { color: #f87171; }
.metric-mini { display: flex; align-items: center; gap: .35rem; margin-top: 2px; }
.metric-mini .cap { font-size: .6rem; color: var(--pico-muted-color);
  width: 3.1rem; text-align: right; letter-spacing: .02em; }
.metric-mini .bar { flex: 1; min-width: 3rem; height: 5px; border-radius: 3px;
  background: var(--pico-muted-border-color); overflow: hidden; }
.metric-mini .fill { display: block; height: 100%; }
.fill-str  { background: linear-gradient(90deg, var(--df-accent), #4ade80); }
.fill-time { background: linear-gradient(90deg, #fbbf24, #60a5fa); }

.sw-up, .sw-down { white-space: nowrap; font-size: .8em; }
.sw-up   { color: var(--pos); }
.sw-down { color: var(--neg); }
.sw-up   .pos { outline: 1px solid var(--pos); background: transparent; }
.sw-down .pos { outline: 1px solid var(--neg); background: transparent; }



.faab-label { margin: .4rem 0 0; display: flex; align-items: center; gap: .4rem; font-size: .9em; }
.faab-input { margin: 0; max-width: 7rem; }
.selected-label { margin: .5rem 0 .2rem; }
.builder-actions { margin: 1rem 0; display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.label-grow { flex: 1; min-width: 14rem; margin: 0; }
.radj-label { margin: 0; display: flex; align-items: center; gap: .35rem; font-size: .9em;
  white-space: nowrap; }
.btn-refresh { margin: 0; padding: .2rem .6rem; }
.trade-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media (max-width: 700px) { .trade-cols { grid-template-columns: 1fr; } }
.trade-side { border: 1px solid var(--pico-muted-border-color); border-radius: .5rem;
  padding: .75rem; }

.asset-pill { display: flex; justify-content: space-between; align-items: center;
  gap: .5rem; padding: .3rem .5rem; border-radius: .35rem;
  background: var(--pico-card-background-color); color: var(--text);
  border-color: transparent; margin-bottom: .3rem; cursor: pointer; }
.asset-pill:hover { outline: 1px solid var(--df-accent); }

.asset-pill:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.asset-pill .asset-remove:focus-visible { outline: 2px solid var(--accent);
  outline-offset: 1px; border-radius: .2rem; }
.asset-pill.selected { background: color-mix(in srgb, var(--df-accent) 12%, var(--pico-card-background-color));
  cursor: default; }
.asset-pill.selected:hover { outline: none; }
.asset-group { font-size: .68rem; font-weight: 600; text-transform: uppercase;
  letter-spacing: .04em; color: var(--pico-muted-color); margin: .5rem 0 .15rem; }
.asset-group:first-child { margin-top: 0; }

.available-list { max-height: 22rem; overflow-y: auto; }


.verdict { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem;
  margin-bottom: .4rem; font-size: 1.05rem; }

.winbar { position: relative; display: flex; align-items: stretch; height: 26px;
  border-radius: var(--r); overflow: hidden; background: var(--bg-2);
  border: 1px solid var(--line); }
.winbar-seg { display: flex; align-items: center; min-width: 0; overflow: hidden;
  font-variant-numeric: tabular-nums; font-size: .74rem; font-weight: 600;
  color: var(--text); white-space: nowrap; }
.winbar-seg.a { justify-content: flex-start; padding-left: .5rem;
  background: color-mix(in srgb, var(--accent) 32%, var(--bg-2)); }
.winbar-seg.b { justify-content: flex-end; padding-right: .5rem;
  background: color-mix(in srgb, var(--accent-cy) 32%, var(--bg-2)); }
.winbar-seg.win.a { background: var(--accent); color: #00121f; }
.winbar-seg.win.b { background: var(--accent-cy); color: #00121f; }
.winbar-chip { position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%); background: var(--bg-0);
  border: 1px solid var(--line); border-radius: 1rem; padding: .05rem .55rem;
  font-size: .72rem; font-weight: 600; font-variant-numeric: tabular-nums;
  letter-spacing: .02em; white-space: nowrap; z-index: 1; }
.winbar-chip.even { color: var(--muted); }
.winbar-legend { display: flex; justify-content: space-between; font-size: .72rem;
  margin: .25rem 0 .2rem; }
.result-asset { display: flex; justify-content: space-between; gap: .5rem;
  padding: .15rem 0; border-bottom: 1px solid var(--pico-muted-border-color); }


.trade-status { font-size: .7rem; padding: .1rem .4rem; border-radius: .3rem;
  text-transform: capitalize; background: var(--pico-muted-border-color); }
.status-complete { background:#16a34a33; }
.status-pending  { background:#ca8a0433; }
.status-declined { background:#dc262633; }
.status-expired  { background:#64748b33; }


.spark { display: inline-block; vertical-align: middle; }


.advisor-layout { display: grid; grid-template-columns: 220px 1fr; gap: 1rem;
  align-items: start; }
.advisor-side .conv-list { display: flex; flex-direction: column; gap: .15rem;
  margin-top: .6rem; }
.conv-item { display: block; padding: .35rem .5rem; border-radius: .4rem;
  font-size: .82rem; text-decoration: none; color: var(--pico-color);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.conv-item:hover { background: var(--pico-card-background-color); }
.conv-item.active { background: color-mix(in srgb, var(--df-accent) 16%, transparent); }
.chat-stream { display: flex; flex-direction: column; gap: .6rem; margin: .8rem 0; }
.chat-msg { display: flex; }
.chat-user { justify-content: flex-end; }
.chat-ai { justify-content: flex-start; }
.chat-bubble { max-width: 85%; padding: .55rem .8rem; border-radius: .7rem;
  font-size: .9rem; line-height: 1.45; }
.chat-user .chat-bubble { background: color-mix(in srgb, var(--df-accent) 22%, var(--pico-card-background-color));
  border-bottom-right-radius: .2rem; white-space: pre-wrap; }
.chat-ai .chat-bubble { background: var(--pico-card-background-color);
  border: 1px solid var(--pico-muted-border-color); border-bottom-left-radius: .2rem; }
.chat-ai .md > :first-child { margin-top: 0; }
.chat-ai .md > :last-child { margin-bottom: 0; }
.chat-ai .md p { margin: .4rem 0; }
.chat-ai .md table { font-size: .82rem; margin: .4rem 0; }
.chat-ai .md ul, .chat-ai .md ol { margin: .3rem 0 .3rem 1rem; }
.tool-log { font-size: .76rem; margin-bottom: .4rem; }
.tool-log summary { cursor: pointer; color: var(--pico-muted-color); }
.tool-log ul { margin: .2rem 0 .2rem 1rem; color: var(--pico-muted-color); }
.chat-input { display: flex; gap: .5rem; align-items: flex-end; }
.chat-input textarea { margin: 0; }
.chat-input button { margin: 0; white-space: nowrap; }
.chat-thinking { color: var(--pico-muted-color); font-size: .85rem; padding: .3rem 0; }
.spinner { display: inline-block; width: .8em; height: .8em; vertical-align: middle;
  border: 2px solid var(--pico-muted-border-color); border-top-color: var(--df-accent);
  border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.link-btn { background: none; border: 0; padding: 0; margin: 0; width: auto;
  color: var(--df-down); font-size: inherit; cursor: pointer; display: inline; }
.empty-advisor ul { line-height: 1.8; }
@media (max-width: 700px) { .advisor-layout { grid-template-columns: 1fr; } }


ol.depth-chart { margin: .2rem 0 0; padding-left: 1.4rem; }
ol.depth-chart li { padding: .12rem 0; }
ol.depth-chart li.depth-self { font-weight: 600; }
ol.depth-chart li.depth-self::marker { color: var(--df-accent); }
.scroll-x { overflow-x: auto; }

@media (max-width: 640px) {
  .col-lowpri { display: none; }
}

.mt-section { margin-top: 1.5rem; }
.meta-sm { font-size: .8em; }

.m-0       { margin: 0; }
.mt-0      { margin-top: 0; }
.mt-1      { margin-top: .4rem; }
.mt-block  { margin-top: 1rem; }
.mt-half   { margin-top: .2rem; }
.mb-quarter{ margin-bottom: .2rem; }
.my-tiny   { margin: .2rem 0; }
.my-block  { margin: 1rem 0; }
.mb-half   { margin-bottom: .5rem; }
.fs-xs     { font-size: .78em; }
.flex-row  { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.inline-form { display: inline; }                 
.btn-inline-sm { display: inline; padding: .1rem .5rem; }  
.btn-xs    { padding: .1rem .4rem; }              
.btn-sm    { padding: .2rem .6rem; }              
.pre-wrap  { white-space: pre-wrap; }             
.pointer   { cursor: pointer; }
.row-done  { opacity: .55; }                      
.strike    { text-decoration: line-through; }     

.fb-card   { border-left: 3px solid #6c5ce7; }
.badge-claude { background: #6c5ce7; font-size: .7em; }
.w-narrow  { max-width: 10rem; }                  
.w-full    { width: 100%; }                       
.w-auto    { display: inline-block; width: auto; } 
.inline-label { display: inline-block; margin-right: .5rem; } 
.ml-half   { margin-left: .5rem; }
.hint-tight { margin-top: -.4rem; }               
.self-center { align-self: center; }
.w-dot      { width: 1.2rem; }                    
.text-stale { color: #c0392b; }                   

.status-dot { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; }
.auth-card { max-width: 420px; margin-top: 12vh; } 
.text-error { color: var(--df-down); }            
.is-hidden { display: none !important; }          

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.row-mine td { box-shadow: inset 0 1px 0 var(--accent), inset 0 -1px 0 var(--accent); }
.row-mine td:first-child { box-shadow: inset 3px 0 0 var(--accent),
  inset 0 1px 0 var(--accent), inset 0 -1px 0 var(--accent); }
.row-mine td:last-child { box-shadow: inset -1px 0 0 var(--accent),
  inset 0 1px 0 var(--accent), inset 0 -1px 0 var(--accent); }
.row-mine { background: color-mix(in srgb, var(--accent) 8%, transparent); }

table.sortable th[aria-sort] { color: var(--df-accent); }
table.sortable th[aria-sort="ascending"]::after { content: " \25B2";
  font-size: .7em; color: var(--pico-muted-color); }
table.sortable th[aria-sort="descending"]::after { content: " \25BC";
  font-size: .7em; color: var(--pico-muted-color); }
.news-new { border-left: 3px solid var(--df-accent);
  background: color-mix(in srgb, var(--df-accent) 7%, transparent); padding-left: .5rem; }
.news-badge { font-size: .62rem; font-weight: 700; text-transform: uppercase;
  color: var(--df-accent); letter-spacing: .03em; margin-left: .25rem; }
.news-dot { color: var(--df-down); font-size: .7em; vertical-align: super; margin-left: .15rem; }
.news-body { white-space: pre-line; }  


.value-chart { display: block; max-width: 100%; }
.value-chart .vc-axis { stroke: var(--pico-muted-border-color); stroke-width: 1; }
.value-chart .vc-lbl { fill: var(--pico-muted-color); font-size: 9px; }


tr.total-row td { border-top: 2px solid var(--pico-muted-border-color); font-weight: 600; }


details.section { margin-bottom: .7rem; }


.news-more { margin-top: .2rem; }
.news-more > summary { cursor: pointer; color: var(--df-accent); font-size: .85rem; }
.news-more > summary::marker { color: var(--df-accent); }


tr.group-row td { font-size: .68rem; font-weight: 600; text-transform: uppercase;
  letter-spacing: .04em; color: var(--pico-muted-color); padding-top: .6rem; border: 0; }


.ai-summary-body { margin: 0; }
.ai-summary-body p { margin: 0 0 .4rem; }
.ai-summary-body p:last-child { margin-bottom: 0; }
.ai-summary-meta { display: flex; align-items: center; gap: .6rem;
  font-size: .8rem; margin: .5rem 0 0; }
.ai-summary-regen { margin: 0; padding: .1rem .5rem; font-size: .75rem;
  width: auto; background: transparent; color: var(--df-accent);
  border-color: var(--pico-muted-border-color); }


.kelce-game-wrap summary { font-weight: 600; }
#kelce-game { display: block; margin: .5rem auto 0; max-width: 100%; height: auto;
  border: 1px solid var(--pico-muted-border-color, #444); border-radius: 6px;
  background: #0a3d1c; touch-action: manipulation; cursor: pointer; }


.finder-cta-row { margin: -.4rem 0 1rem; }
.finder-cta-row a { margin: 0; }
.finder-grid { display: grid; gap: 1rem; margin-top: .5rem;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.finder-card { margin: 0; }
.finder-head { display: flex; justify-content: space-between; align-items: baseline;
  gap: .5rem; flex-wrap: wrap; }
.finder-motif { font-size: .62rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; padding: .1rem .4rem; border-radius: .3rem; margin-right: .35rem;
  background: var(--pico-muted-border-color); }
.motif-positional { background: #2563eb33; }
.motif-timeline { background: #ca8a0433; }
.finder-fair { font-size: .8rem; font-variant-numeric: tabular-nums; color: var(--df-up); }
.finder-sides { display: flex; align-items: center; gap: .6rem; margin: .6rem 0 .4rem; }
.finder-side { flex: 1; min-width: 0; }
.finder-side-label { font-size: .68rem; text-transform: uppercase; letter-spacing: .03em;
  color: var(--pico-muted-color); margin: 0 0 .25rem; }
.finder-asset { display: flex; align-items: center; gap: .35rem; font-size: .88rem;
  margin: .18rem 0; }
.finder-asset-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; }
.finder-side-total { font-size: .76rem; font-variant-numeric: tabular-nums;
  color: var(--pico-muted-color); margin: .3rem 0 0; }
.finder-arrow { color: var(--df-accent); font-size: 1.2rem; flex: 0 0 auto; }
.finder-rationale { font-size: .84rem; margin: .3rem 0 .5rem; }
.finder-foot { display: flex; justify-content: space-between; align-items: center;
  gap: .5rem; flex-wrap: wrap; }
.finder-tilt { font-size: .8rem; }
.finder-open { margin: 0; padding: .25rem .6rem; font-size: .8rem; white-space: nowrap; }




.finder-head-right { display: inline-flex; align-items: baseline; gap: .5rem; }


.finder-star { display: inline-flex; align-items: center; margin: 0;
  padding: .1rem .45rem; font-size: .95rem; line-height: 1;
  color: var(--pico-muted-color); }
.finder-star:hover { color: #fbbf24; }
.finder-star.starred { color: #fbbf24; border-color: #fbbf24;
  background: color-mix(in srgb, #fbbf24 14%, transparent); }


.finder-prefs { border: 1px solid var(--pico-muted-border-color);
  border-radius: .5rem; padding: .2rem .75rem; margin-bottom: .75rem; }
.finder-prefs > summary { font-weight: 600; padding: .35rem 0; }
.finder-prefs[open] > summary { margin-bottom: .4rem;
  border-bottom: 1px solid var(--pico-muted-border-color); }
.finder-prefs .grid { gap: .75rem; margin-bottom: .4rem; }
.finder-prefs fieldset { margin-bottom: .5rem; }
.finder-prefs legend { font-size: .68rem; font-weight: 600; text-transform: uppercase;
  letter-spacing: .04em; color: var(--pico-muted-color); margin-bottom: .35rem; }
.finder-prefs button[type=submit] { margin: 0; }


.finder-prefs fieldset:has(.finder-pos-check) { display: flex; flex-wrap: wrap;
  gap: .35rem .9rem; }
.finder-prefs legend { flex-basis: 100%; }           
.finder-pos-check { display: inline-flex; align-items: center; gap: .35rem;
  margin: 0; font-size: .9rem; }
.finder-pos-check input[type=checkbox] { margin: 0; }


.finder-actions { margin: 0 0 1rem; }
.finder-actions a { margin: 0; }


.finder-section-title { font-size: 1.05rem; margin: 1rem 0 .25rem; }



.slot-cell { font-size: .7rem; font-weight: 600; letter-spacing: .03em;
  text-transform: uppercase; color: var(--pico-muted-color); white-space: nowrap; }

.row-flex td { background: color-mix(in srgb, var(--df-accent) 7%, transparent); }

.row-starter td { border-top: 1px solid var(--pico-muted-border-color);
  border-bottom: 1px solid var(--pico-muted-border-color); }
.row-starter td:first-child { border-left: 3px solid var(--df-accent); }
.row-starter { background: color-mix(in srgb, var(--df-accent) 6%, transparent); }




.install-banner { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem;
  margin: 0 0 .6rem; padding: .4rem .7rem; border-radius: .5rem;
  border: 1px solid var(--pico-muted-border-color);
  background: color-mix(in srgb, var(--df-accent) 8%, var(--pico-card-background-color));
  font-size: .85rem; }
.install-banner .install-msg { flex: 1; min-width: 0; }
.install-banner button { margin: 0; padding: .25rem .7rem; font-size: .8rem;
  width: auto; white-space: nowrap; }
.ios-tip-dismiss { background: transparent; border-color: var(--pico-muted-border-color);
  color: var(--pico-muted-color); }
.install-banner .install-x { flex: 0 0 auto; padding: .15rem .5rem; line-height: 1;
  font-size: 1.1rem; background: transparent; border-color: transparent;
  color: var(--pico-muted-color); }



.dn-img-list, .dn-img-preview { display: flex; flex-wrap: wrap; gap: .4rem; margin: .4rem 0; }
.dn-img-thumb, .dn-img-preview img { max-width: 220px; max-height: 160px; height: auto;
  border: 1px solid var(--pico-muted-border-color); border-radius: .4rem; }
.dn-img-preview .dn-img-wrap { position: relative; display: inline-flex; }
.dn-img-remove { position: absolute; top: 2px; right: 2px; margin: 0;
  padding: 0 .35rem; line-height: 1.2; width: auto; }




.dn-textarea {
  min-height: 5.5rem;          
  max-height: 60vh;            
  overflow: auto;
  field-sizing: content;
}

details.dn-body { display: inline; }
details.dn-body > summary {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: pre-wrap;
  cursor: pointer;
  list-style: none;            
  color: var(--muted);
  font-size: .85em;            
}
details.dn-body > summary::-webkit-details-marker { display: none; }
details.dn-body[open] > summary {
  display: block;
  -webkit-line-clamp: none;
  overflow: visible;
}
details.dn-body > .dn-body-full {
  white-space: pre-wrap;
  color: var(--muted);
  font-size: .85em;
}

@media (max-width: 640px) {
  td.dn-actions { white-space: normal; }
  td.dn-actions .inline-form { display: inline-block; }
}



.player-hero { display: flex; align-items: center; gap: .9rem; }
.player-headshot { width: 72px; height: 72px; flex: 0 0 auto; border-radius: 50%;
  object-fit: cover; background: var(--pico-card-sectioning-background-color); }






.topbar { border-bottom: 1px solid var(--line); background: var(--bg-1); }
.topbar .brand { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .05em; font-weight: 700; color: #fff; }


.nav-links a,
.topbar details.navmenu > summary {
  font-family: var(--display); text-transform: uppercase; letter-spacing: .06em;
  font-size: .82rem; font-weight: 600; color: var(--muted); }
.nav-links a:hover,
.topbar details.navmenu > summary:hover { color: var(--text); }


.nav-links a[aria-current="page"] { color: var(--text); position: relative; }
.nav-links a[aria-current="page"]::after { content: ""; position: absolute;
  left: .45rem; right: .45rem; bottom: -1px; height: 2px; border-radius: 1px;
  background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }


.topbar details.navmenu > ul { background: var(--bg-1); border-color: var(--line);
  border-radius: var(--r); }
.topbar details.navmenu > ul a { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .05em; font-size: .78rem; font-weight: 600; color: var(--muted); }
.topbar details.navmenu > ul a:hover { background: var(--bg-2); color: var(--text); }
.topbar details.navmenu > ul a[aria-current="page"] { color: var(--text);
  box-shadow: inset 2px 0 0 var(--accent); }
.topbar details.navmenu li.nav-sep { border-top-color: var(--line); }

.league-switch select { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .05em; font-weight: 600; font-size: .8rem; background: var(--bg-1);
  border-color: var(--line); border-radius: var(--r); }


.zone { margin-top: 26px; }
.zone:first-of-type { margin-top: 0; }
.zone-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap;
  margin: 0 0 13px; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.zone-head h2 { font-family: var(--display); text-transform: uppercase; letter-spacing: .11em;
  font-weight: 600; font-size: 16px; color: var(--text); margin: 0;
  display: flex; align-items: center; gap: 10px; }
.zone-head h2::before { content: ""; width: 24px; height: 5px; flex: none; border-radius: 2px;
  background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }
.zone-desc { font-size: 12px; color: var(--faint); }


.eyebrow { font-family: var(--display); text-transform: uppercase; letter-spacing: .14em;
  font-weight: 600; font-size: 12.5px; color: var(--muted); display: flex; align-items: center;
  gap: 8px; margin: 0 0 10px; }
.eyebrow::before { content: ""; width: 14px; height: 3px; background: var(--accent);
  border-radius: 2px; flex: none; }
.eyebrow.is-sell::before { background: var(--neg); }
.eyebrow.is-buy::before { background: var(--pos); }


.panel { background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--r);
  padding: 14px 16px; margin-bottom: 14px; }
.panel.tight { padding: 12px 14px; }
.panel:last-child { margin-bottom: 0; }


.hero { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr); gap: 14px; }
.hcard { position: relative; background: linear-gradient(180deg, var(--bg-1), #0e151f);
  border: 1px solid var(--line); border-radius: var(--r); padding: 11px 16px; overflow: hidden; }
.hcard::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }
.hcard .lbl { font-family: var(--display); text-transform: uppercase; letter-spacing: .14em;
  font-size: 11px; color: var(--muted); font-weight: 600; }
.hero-val { font-family: var(--display); font-weight: 700; font-size: 46px; line-height: .95;
  letter-spacing: .01em; color: #fff; margin: 4px 0 1px; font-variant-numeric: tabular-nums; }
.delta { display: inline-flex; align-items: center; gap: 5px; font-family: var(--mono);
  font-weight: 600; font-size: 13px; padding: 2px 8px; border-radius: 4px;
  background: color-mix(in srgb, var(--pos) 14%, transparent); color: var(--pos); }
.delta.is-neg { background: color-mix(in srgb, var(--neg) 14%, transparent); color: var(--neg); }
.delta small { opacity: .7; font-weight: 500; }
.hero-sub { color: var(--muted); font-size: 13px; margin-top: 8px; display: flex; gap: 16px;
  flex-wrap: wrap; }
.hero-sub b { color: var(--text); font-family: var(--mono); font-weight: 600; }
.quad-line { color: var(--muted); font-size: 12px; margin: 4px 0 0; }
.tag-reset { display: inline-block; font-family: var(--display); text-transform: uppercase;
  letter-spacing: .08em; font-weight: 700; font-size: 22px; margin: 6px 0 2px; color: var(--text); }
.tag-reset.q-powerhouse, .hero-verdict.q-powerhouse { color: var(--pos); }  
.tag-reset.q-winnow, .hero-verdict.q-winnow { color: #f5b43c; }
.tag-reset.q-rebuilding, .hero-verdict.q-rebuilding { color: var(--accent); }
.tag-reset.q-fullreset, .hero-verdict.q-fullreset { color: var(--neg); }
.meter { display: flex; align-items: center; gap: 10px; margin-top: 11px; font-size: 11px;
  color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.meter .cap { flex: none; width: 5.25rem; white-space: nowrap; } 
.meter .bar { flex: 1; max-width: 150px; height: 7px; background: var(--bg-2); border-radius: 4px; 
  overflow: hidden; }
.meter .bar i { display: block; height: 100%; border-radius: 4px;
  background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }
.meter .bar i.is-weak { background: var(--neg); }
.meter .bar i.is-strong { background: var(--pos); }


.sig-list { margin-top: 8px; display: flex; flex-direction: column; gap: 9px; }
.sig-row { display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font-size: 13px; }
.sig-row .nm { color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0; }
.sig-row .nm small { color: var(--faint); }
.sig-row .chip, .sig-row .v { flex: none; }


.layout { display: grid; grid-template-columns: minmax(0,1.9fr) minmax(0,1fr); gap: 22px;
  align-items: start; margin-top: 22px; } 
.layout > .zone { margin-top: 0; }


.two { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; }
.two > div { min-width: 0; }
.rail2 { display: contents; }
.colhead { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em;
  margin: 0 0 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.colhead.is-buy { color: var(--pos); }
.colhead.is-sell { color: var(--neg); }


.row { display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 6.5px 0; border-bottom: 1px solid color-mix(in srgb, var(--line) 60%, transparent); }
.row:last-child { border-bottom: 0; }
.pl { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pl .nm { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.pl small { color: var(--faint); font-size: 12px; }
.row .v { font-family: var(--mono); font-variant-numeric: tabular-nums; font-weight: 600;
  font-size: 13px; text-align: right; white-space: nowrap; flex: none; }
.chip { font-family: var(--mono); font-size: 11px; font-weight: 600; padding: 2px 7px;
  border-radius: 4px; white-space: nowrap; }
.chip.buy { background: color-mix(in srgb, var(--pos) 14%, transparent); color: var(--pos); }
.chip.sell { background: color-mix(in srgb, var(--neg) 14%, transparent); color: var(--neg); }
.chip.accent { background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--accent); }


.feed { display: flex; flex-direction: column; gap: 9px; }
.feed .it { font-size: 12.5px; color: var(--muted); line-height: 1.35; }
.feed .it b { color: var(--text); font-weight: 500; }
.feed .src { color: var(--faint); font-size: 11px; }
.inj { display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font-size: 13px; padding: 5px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 55%, transparent); }
.inj:last-child { border: 0; }
.inj .nm { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.inj .st { font-family: var(--mono); font-size: 11px; font-weight: 600; color: var(--neg); flex: none; }
.inj .st.is-clear { color: var(--pos); }


.hud-table { width: 100%; border-collapse: collapse; }
.hud-table th { padding: 0 0 9px; text-align: left; font-size: 10px;
  text-transform: uppercase; letter-spacing: .1em; }
.hud-table th.r, .hud-table td.r { text-align: right; }
.hud-table td { padding: 7px 0; border-top: 1px solid color-mix(in srgb, var(--line) 60%, transparent);
  font-size: 13px; }
.hud-table .gr { font-family: var(--display); font-weight: 700; letter-spacing: .02em; }
.hud-table .gr.pos { color: var(--pos); } .hud-table .gr.neg { color: var(--neg); }
.you { font-family: var(--mono); font-size: 9px; font-weight: 700; background: var(--accent);
  color: #06101f; padding: 1px 5px; border-radius: 3px; margin-left: 6px; text-transform: uppercase; }


.panel .empty { color: var(--muted); font-size: 12.5px; margin: 4px 0 0; }


.accent-swatches { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.accent-swatch { flex: 0 0 34px; width: 34px; height: 34px; padding: 0; border-radius: 8px;
  cursor: pointer; background: var(--sw); border: 2px solid var(--line);
  transition: box-shadow .12s, transform .08s; }
.accent-swatch:hover { transform: translateY(-1px); border-color: var(--sw); }
.accent-swatch.active { border-color: #fff;
  box-shadow: 0 0 12px color-mix(in srgb, var(--sw) 70%, transparent); }
.accent-custom { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0; }
.accent-custom-label { margin: 0; display: inline-flex; align-items: center; gap: 8px; }
.accent-custom input[type=color] { width: 48px; height: 34px; padding: 2px; margin: 0; }
.accent-custom button { margin: 0; width: auto; }


@media (max-width: 880px) {
  .hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; }
  .hero .hcard:first-child { grid-column: 1 / -1; }
  .hcard { padding: 9px 12px; }
  .hcard::before { height: 2px; }
  .hcard .lbl { font-size: 9.5px; }
  .hero-val { font-size: 31px; margin: 3px 0 1px; line-height: .9; }
  .hero-sub { gap: 10px; font-size: 11px; margin-top: 5px; }
  .delta { font-size: 11px; padding: 2px 6px; }
  .tag-reset { font-size: 17px; margin: 3px 0 1px; }
  .meter { margin-top: 7px; gap: 8px; } .meter .cap { width: 4.85rem; white-space: nowrap; } 
  .sig-list { gap: 6px; margin-top: 4px; } .sig-row { font-size: 11.5px; }
  .layout { grid-template-columns: minmax(0,1fr); gap: 14px; }
  .two { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
  .panel { padding: 11px 12px; margin-bottom: 9px; }
  .panel.tight { padding: 10px 11px; margin-bottom: 0; }
  .eyebrow { margin-bottom: 7px; font-size: 11px; }
  .colhead { font-size: 10px; margin-bottom: 5px; }
  .row { padding: 4px 0; } .row .v { font-size: 12px; }
  .inj { padding: 4px 0; }
  .feed { gap: 7px; } .feed .it { font-size: 11.5px; }
  .two .pl small { display: none; }     
  .rail2 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; }
  .zone { margin-top: 14px; }
  .zone-head { margin-bottom: 9px; padding-bottom: 6px; }
  .ad-head, .ad-row { gap: 6px; }
  .ad-row { font-size: 12px; }
}


   .meter* rules — not here. */


.subhead { font-family: var(--display); text-transform: uppercase; letter-spacing: .1em;
  font-weight: 600; font-size: 10.5px; color: var(--faint); margin: 0 0 8px; }
.subhead.subhead-2 { margin-top: 14px; padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--line) 60%, transparent); }


.ad-head, .ad-row { display: grid; align-items: center; gap: 8px;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) 165px; }
.ad-head { margin-bottom: 4px; }
.ad-head .colhead { margin: 0; }
.ad-row { padding: 6.5px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 60%, transparent); }
.ad-row:last-child { border-bottom: 0; }
.ad-side { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ad-side .nm, .ad-side a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0; }
.ad-arrow { color: var(--faint); font-family: var(--mono); text-align: center; flex: none; }
.ad-gain-lbl { font-size: 10px; font-weight: 600; text-transform: uppercase;
  letter-spacing: .06em; color: var(--pos); text-align: right; white-space: nowrap; }
.ad-row .chip { justify-self: end; }

.ad-gain { justify-self: end; display: flex; align-items: center; gap: 6px; }
.ad-gain .chip.accent { order: -1; }

@media (max-width: 880px) {
  .ad-head, .ad-row { grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto; }
  .ad-gain { flex-direction: column; align-items: flex-end; gap: 2px; }
  .ad-gain .chip.accent { order: 0; }
}


.colhead-lg { font-size: 12.5px; font-weight: 700; letter-spacing: .03em;
  text-transform: none; white-space: normal; overflow: visible; text-overflow: clip;
  line-height: 1.15; }


.hero-val-row { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.hero-val-row .hero-val { margin: 2px 0 0; } 


.card-pair { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 14px; align-items: start; margin-bottom: 14px; }
.card-pair.solo { grid-template-columns: minmax(0,1fr); }
.card-pair > .panel { margin-bottom: 0; }
@media (max-width: 880px) {
  .card-pair { grid-template-columns: minmax(0,1fr); gap: 9px; margin-bottom: 9px; }
}

.card-pair { align-items: stretch; }
.card-pair > .panel { display: flex; flex-direction: column; }






.player-id .player-hero { align-items: flex-start; }
.player-name { display: flex; align-items: center; flex-wrap: wrap; gap: 9px;
  font-size: 1.55rem; font-weight: 700; margin: 0; color: #fff; }
.player-name .jersey { font-family: var(--mono); font-size: .56em; color: var(--faint);
  font-weight: 600; }
.bio-line { color: var(--muted); font-size: .95rem; margin: .35rem 0 0; }
.bio-line.bio-sub { font-size: .85rem; color: var(--faint); }
.player-valbar { display: flex; flex-wrap: wrap; align-items: flex-end;
  justify-content: space-between; gap: 12px 26px; margin-top: 15px; padding-top: 14px;
  border-top: 1px solid var(--line); }
.player-id .hero-val { margin: 0; }
.pv-cap { font-family: var(--display); text-transform: uppercase; letter-spacing: .1em;
  font-size: 11px; color: var(--muted); margin-top: 3px; }
.player-valbar .hero-sub { margin-top: 0; }

.value-chart { height: auto; }
.market-buzz { margin: .5rem 0 0; }


details.section { background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--r); padding: 3px 16px; margin-bottom: 14px; }
details.section[open] { padding-bottom: 13px; }


.injury-callout { display: flex; align-items: center; justify-content: space-between;
  gap: 12px; }
.inj-flag { font-family: var(--mono); font-weight: 600; color: var(--neg); font-size: .95rem; }


.my-layer .panel, .my-layer details.section { border-left: 3px solid var(--accent); }
.own-list { margin: .2rem 0 0; padding-left: 1.1rem; }
.own-list li { padding: .14rem 0; }






details.psec { background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--r); padding: 2px 16px; margin-bottom: 14px; }
details.psec[open] { padding-bottom: 14px; }
details.psec > summary, details.section > summary {
  font-family: var(--display); text-transform: uppercase;
  letter-spacing: .12em; font-weight: 600; font-size: 13px; color: var(--text);
  cursor: pointer; list-style: none; padding: 11px 0; display: flex;
  align-items: center; gap: 9px; }
details.psec > summary::-webkit-details-marker,
details.section > summary::-webkit-details-marker { display: none; }
details.psec > summary::marker,
details.section > summary::marker { content: ""; }

details.psec > summary::before,
details.section > summary::before { content: ""; width: 16px; height: 3px; flex: none;
  border-radius: 2px; background: var(--accent); }
details.psec > summary::after,
details.section > summary::after { content: ""; margin-left: auto; flex: none;
  width: 7px; height: 7px; border-right: 2px solid var(--muted);
  border-bottom: 2px solid var(--muted); transform: rotate(45deg);
  transition: transform .15s; }
details.psec[open] > summary::after,
details.section[open] > summary::after { transform: rotate(225deg); }
details.psec > summary:hover,
details.section > summary:hover { color: var(--accent); }
details.psec > summary .muted,
details.section > summary .muted { text-transform: none; letter-spacing: 0;
  font-weight: 400; }

.my-layer details.psec { border-left: 3px solid var(--accent); }


.psplit { display: grid; gap: 14px; align-items: stretch; }
.psplit > * { margin-bottom: 0; }
.psplit-half { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }

.psplit-6040 { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); }
.psplit + .psplit { margin-top: 14px; }
.psplit { margin-bottom: 14px; }


.radar-row { display: flex; align-items: center; gap: 16px; }
.psec.radar-psec .radar { flex: none; width: 200px; max-width: 52%; margin: 0; }
.radar-aside { flex: 1 1 0; min-width: 0; }
.radar-aside .radar-legend { justify-content: flex-start; margin-top: 0; }
.radar-extra { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
@media (max-width: 420px) {
  .radar-row { flex-wrap: wrap; }
  .psec.radar-psec .radar { max-width: 62%; margin: 0 auto; }
}


.player-name .cta-inline { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .06em; font-size: 11px; font-weight: 600; line-height: 1;
  padding: 5px 11px; margin: 0 0 0 4px; width: auto; border-radius: 999px;
  vertical-align: middle; }

@media (max-width: 760px) {
  .psplit-half, .psplit-6040 { grid-template-columns: minmax(0, 1fr); }
  .psplit { gap: 12px; }
  .psplit > * { margin-bottom: 12px; }
  .zone-head h2 { font-size: 14.5px; }
}




.filters { display: flex; flex-direction: column; gap: 13px; }
.filter-search { margin: 0; }
.filter-search [role=group] { margin: 0; max-width: 30rem; }
.filter-search input[type=search] { margin: 0; }
.filter-search button { margin: 0; width: auto; }

.filter-search button[type=submit] { background: color-mix(in srgb, var(--accent) 16%, transparent);
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); color: var(--accent); }
.filter-search button[type=submit]:hover { background: color-mix(in srgb, var(--accent) 26%, transparent);
  border-color: var(--accent); color: var(--accent); }

.filter-row { display: flex; align-items: baseline; gap: 12px; }
.filter-lbl { font-family: var(--display); text-transform: uppercase; letter-spacing: .12em;
  font-size: 10.5px; font-weight: 600; color: var(--muted); flex: none; width: 5.4rem;
  padding-top: 6px; }
.fchips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; min-width: 0; }


a.fchip, button.fchip { display: inline-block; width: auto; margin: 0; cursor: pointer;
  font-family: var(--display); text-transform: uppercase; letter-spacing: .04em;
  font-size: 11.5px; font-weight: 600; line-height: 1; white-space: nowrap;
  padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line);
  background: var(--bg-2); color: var(--muted);
  transition: border-color .12s, color .12s, background .12s; }
a.fchip:hover, button.fchip:hover { color: var(--text); border-color: var(--muted); background: var(--bg-2); }
a.fchip.is-active, button.fchip.is-active { background: color-mix(in srgb, var(--accent) 18%, transparent);
  border-color: var(--accent); color: var(--accent); }


.pager { margin-top: 12px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

@media (max-width: 640px) {
  .filters { gap: 10px; }
  .filter-row { flex-wrap: wrap; gap: 5px 8px; }
  .filter-lbl { width: 100%; padding-top: 0; font-size: 10px; }
  a.fchip, button.fchip { padding: 5px 10px; font-size: 11px; }
}





.zone-head .finder-cta-row, .zone-head .history-refresh { margin: 0 0 0 auto; }


.panel.builder { padding: 16px; }
.builder .trade-cols { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 14px; margin: 0; }
.builder .trade-side { background: var(--bg-2); border: 1px solid var(--line);
  border-radius: var(--r); padding: 13px 15px; min-width: 0; }
.builder .trade-side .eyebrow { margin-bottom: 9px; }


.builder .builder-actions { margin: 14px 0 0; padding-top: 14px;
  border-top: 1px solid var(--line); gap: 8px; }


.trade-verdict-wrap { margin-top: 14px; }
.trade-verdict-wrap .eyebrow { margin-bottom: 8px; }
.trade-verdict { background: var(--bg-2); border: 1px solid var(--line);
  border-top: 3px solid var(--accent); border-radius: var(--r); padding: 14px 16px; margin: 0; }
.trade-verdict > :first-child { margin-top: 0; }
.trade-verdict[aria-busy="true"] { min-height: 3rem; }

.trade-status-filter { margin-top: 2px; }

@media (max-width: 720px) {
  .builder { padding: 13px; }
  .builder .trade-cols { grid-template-columns: minmax(0,1fr); }
}




.mtz-header { display: flex; justify-content: space-between; align-items: flex-start;
  gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.mtz-header hgroup { margin-bottom: 0; }
.mtz-weekbar { display: flex; align-items: center; gap: 6px; margin: 0; }   


.mtz-page .zone { margin-top: 16px; }
.mtz-page .zone:first-of-type { margin-top: 0; }
.mtz-page .zone-head { margin-bottom: 9px; padding-bottom: 6px; }


.mtz-board { display: grid; gap: 14px;
  grid-template-columns: minmax(0,1fr) minmax(0,.85fr) minmax(0,1fr); align-items: stretch; }
.mtz-side, .mtz-mid { text-align: center; }
.mtz-opp { text-align: center; }
.mtz-score { font-size: 38px; margin: 6px 0 2px; }   
.mtz-margin { font-size: 32px; margin: 6px 0 2px; }  
.mtz-mid { display: flex; flex-direction: column; justify-content: center; }
.mtz-side .lbl, .mtz-mid .lbl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 720px) {
  .mtz-board { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .mtz-mid { grid-column: 1 / -1; order: 3; }
  .mtz-score { font-size: 30px; }   
  .mtz-margin { font-size: 26px; }  
}


.mtz-cards { display: none; }                      
@media (max-width: 720px) {
  .mtz-page .two { grid-template-columns: minmax(0,1fr); }  
  .mtz-tablewrap { display: none; }                
  .mtz-cards { display: flex; flex-direction: column; gap: 6px; }
  .mtz-card { background: var(--bg-1); border: 1px solid var(--line);
    border-left: 3px solid var(--accent); border-radius: var(--r); padding: 6px 10px; }
  .mtz-card-flex { background: color-mix(in srgb, var(--accent) 7%, var(--bg-1)); }  
  .mtz-card-top { display: flex; align-items: baseline; gap: 8px; }
  .mtz-card-slot { flex: none; min-width: 2.6rem; font-family: var(--display); font-size: 11px;
    letter-spacing: .03em; text-transform: uppercase; color: var(--muted); }
  
  .mtz-card-main { flex: 1 1 auto; min-width: 0; display: flex; align-items: baseline;
    gap: 5px; overflow: hidden; }
  .mtz-card-name { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; }
  .mtz-card-main .badge { flex: none; }
  .mtz-card-name a { color: var(--text); }
  .mtz-card-pts { flex: none; font-family: var(--mono); font-weight: 700;
    font-variant-numeric: tabular-nums; color: #fff; }
  .mtz-card-foot { display: flex; justify-content: space-between; padding: 4px 10px 0;
    font-family: var(--display); font-size: 12px; color: var(--muted); }
  .mtz-card-foot .val { color: var(--text); font-family: var(--mono);
    font-variant-numeric: tabular-nums; }
}





table.team-tbl th, table.team-tbl td { padding-right: .7rem; }
table.team-tbl th:last-child, table.team-tbl td:last-child { padding-right: .5rem; }

.pick-year + .pick-year { margin-top: 12px; }
.pick-year-head { font-family: var(--display); font-size: .82rem; letter-spacing: .04em;
  color: var(--muted); margin: 0 0 4px; }

.tm-tag { font-size: .85em; }   



.team-hero .hcard { justify-content: center; }


.pick-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 16px; }
.pick-grid .pick-year + .pick-year { margin-top: 0; }   
@media (max-width: 640px) { .pick-grid { grid-template-columns: minmax(0, 1fr); } }


.zone-help { position: relative; display: inline-block; vertical-align: middle;
  margin-left: 4px; }
.zone-help-trigger { display: inline-flex; align-items: center; justify-content: center;
  width: 15px; height: 15px; border: 1px solid var(--line); border-radius: 50%;
  font-family: var(--mono); font-size: 10px; line-height: 1; color: var(--muted);
  cursor: help; }
.zone-help-trigger:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.zone-help-pop { position: absolute; left: 0; top: calc(100% + 6px); z-index: 30;
  display: none; max-width: min(280px, 80vw); width: max-content;
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--r);
  padding: 8px 10px; font-size: .8em; line-height: 1.4; color: var(--text);
  font-family: var(--body); text-transform: none; letter-spacing: normal;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .35); white-space: normal; }
.zone-help:hover .zone-help-pop, .zone-help:focus-within .zone-help-pop { display: block; }


.team-hero .hcard.has-help { overflow: visible; position: relative; z-index: 5; }
.team-hero .hcard.has-help::before {
  border-top-left-radius: var(--r); border-top-right-radius: var(--r); }

.team-hero .has-help .zone-help-pop { max-width: min(440px, 92vw); }
.zone-help-pop .zhp-lead { display: block; }
.zone-help-pop table.tight { margin: 6px 0; font-size: .95em; }
.zone-help-pop table.tight + table.tight { margin-top: 8px; }



.th-trades { max-width: 6.5rem; white-space: normal; }




.radar { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto; }
.radar-grid { fill: none; stroke: var(--line); stroke-width: 1; opacity: .55; }
.radar-spoke { stroke: var(--line); stroke-width: 1; opacity: .5; }
.radar-lbl { fill: var(--muted); font-family: var(--display); font-size: 10px;
  letter-spacing: .03em; text-transform: uppercase; }
.radar-poly { stroke-width: 2; stroke-linejoin: round; }
.radar-poly.radar-a { fill: color-mix(in srgb, var(--accent) 20%, transparent);
  stroke: var(--accent); }
.radar-poly.radar-b { fill: color-mix(in srgb, var(--accent-cy) 16%, transparent);
  stroke: var(--accent-cy); }
.radar-dot.radar-a { fill: var(--accent); }
.radar-dot.radar-b { fill: var(--accent-cy); }

.radar-legend { display: flex; flex-wrap: wrap; gap: .25rem 1rem; justify-content: center;
  margin-top: .4rem; font-size: .78rem; color: var(--muted); }
.radar-legend .key { display: inline-flex; align-items: center; gap: .35rem; }
.radar-legend .sw { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.radar-legend .sw-a { background: var(--accent); }
.radar-legend .sw-b { background: var(--accent-cy); }


.qmap { display: block; width: 100%; max-width: 560px; height: auto; margin: 0 auto; }
.qm-wash { opacity: .12; }
.qm-wash.q-powerhouse { fill: var(--pos); }
.qm-wash.q-winnow     { fill: #f5b43c; }
.qm-wash.q-rebuilding { fill: var(--accent); }
.qm-wash.q-fullreset  { fill: var(--neg); }
.qm-frame { fill: none; stroke: var(--line); stroke-width: 1; }
.qm-split { stroke: var(--line); stroke-width: 1; stroke-dasharray: 3 3; opacity: .8; }
.qm-quad { fill: var(--muted); font-family: var(--display); font-size: 9px;
  letter-spacing: .04em; text-transform: uppercase; opacity: .85; }
.qm-axis { fill: var(--faint); font-family: var(--display); font-size: 9px;
  letter-spacing: .04em; text-transform: uppercase; }

.qm-pole { fill: var(--muted); opacity: .95; font-weight: 600; }
.qm-dot { fill: var(--muted); opacity: .8; }
.qm-dot.qm-me { fill: var(--accent);
  stroke: var(--accent-cy); stroke-width: 2.5; opacity: 1; }
.qm-me-lbl { fill: var(--accent-cy); font-family: var(--display); font-size: 10px;
  font-weight: 600; letter-spacing: .04em; }

.qm-wash, .qm-frame, .qm-split, .qm-quad, .qm-axis, .qm-me-lbl,
.qm-dot { pointer-events: none; }   
.qm-hit { fill: transparent; pointer-events: all; }   
.qm-node { cursor: pointer; }

.qmap-band { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: 1rem; align-items: center; }
.qmap-legend { display: grid; gap: .4rem; font-size: .82rem; }
.qmap-legend .ql { display: flex; align-items: baseline; gap: .5rem; }
.qmap-legend .ql .qd { width: .8rem; height: .8rem; border-radius: 3px; flex: 0 0 auto;
  position: relative; top: .1rem; }
.qmap-legend .qd.q-powerhouse { background: var(--pos); }
.qmap-legend .qd.q-winnow     { background: #f5b43c; }
.qmap-legend .qd.q-rebuilding { background: var(--accent); }
.qmap-legend .qd.q-fullreset  { background: var(--neg); }
.qmap-legend .qn { color: var(--muted); }
@media (max-width: 640px) {
  .qmap-band { grid-template-columns: minmax(0, 1fr); }
}


.compare-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem; align-items: start; }
@media (max-width: 720px) { .compare-grid { grid-template-columns: minmax(0, 1fr); } }

.compare-layout { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
  gap: 1rem; align-items: start; }
.compare-chart .radar { max-width: 260px; }
@media (max-width: 760px) { .compare-layout { grid-template-columns: minmax(0, 1fr); } }
.compare-axes td.right, .compare-axes th.right { text-align: right;
  font-variant-numeric: tabular-nums; }



.btn-hud, a.btn-hud {
  margin: 0; width: auto; cursor: pointer;
  font-family: var(--display); text-transform: uppercase; letter-spacing: .04em;
  font-size: 12px; font-weight: 600; line-height: 1.1;
  padding: .5rem .85rem; border-radius: var(--r);
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent) 55%, var(--line));
  color: var(--accent);
  transition: background .12s, border-color .12s, color .12s;
}
.btn-hud:hover, a.btn-hud:hover {
  background: color-mix(in srgb, var(--accent) 26%, transparent);
  border-color: var(--accent); color: var(--accent);
}

.btn-hud.ghost, a.btn-hud.ghost {
  background: var(--bg-2); border-color: var(--line); color: var(--muted);
}
.btn-hud.ghost:hover, a.btn-hud.ghost:hover {
  color: var(--text); border-color: var(--muted); background: var(--bg-2);
}




.hcard.player-id { overflow: visible; }
.hcard.player-id::before {
  border-top-left-radius: var(--r); border-top-right-radius: var(--r);
}



.player-stickybar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  display: none; align-items: center; gap: 12px;
  padding: 8px 14px;
  background: var(--bg-1); border-bottom: 1px solid var(--line);
  transform: translateY(-100%); opacity: 0; pointer-events: none;
  transition: transform .18s ease, opacity .18s ease;
}
.player-stickybar.is-visible {
  transform: translateY(0); opacity: 1; pointer-events: auto;
}
.player-stickybar .psb-name {
  font-family: var(--display); font-weight: 600;
  color: var(--text); white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; flex: 1 1 auto; min-width: 0;
}
.player-stickybar .psb-val {
  font-family: var(--display); font-weight: 700;
  font-variant-numeric: tabular-nums; color: #fff; flex: 0 0 auto;
}
.player-stickybar .psb-trend { flex: 0 0 auto; }
@media (max-width: 720px) { .player-stickybar { display: flex; } }




.needs-tags { display: flex; flex-wrap: wrap; gap: .3rem; margin: .3rem 0 .1rem; }






.hr-bars { display: flex; flex-direction: column; gap: 9px; margin-top: 6px; }
.hr-bar-row { display: grid; grid-template-columns: 4.6rem 1fr auto;
  align-items: center; gap: 12px; }
.hr-bar-row .hr-cap { font-family: var(--display); font-size: 12.5px;
  letter-spacing: .04em; color: var(--text); white-space: nowrap; }
.hr-bar-row .hr-track { height: 9px; background: var(--bg-2); border-radius: 5px;
  overflow: hidden; min-width: 0; }
.hr-bar-row .hr-track i { display: block; height: 100%; border-radius: 5px;
  background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }
.hr-bar-row .hr-track i.is-strong { background: var(--pos); }
.hr-bar-row .hr-num { display: flex; align-items: baseline; gap: 7px;
  justify-content: flex-end; white-space: nowrap; }
.hr-bar-row .hr-pct { font-family: var(--display); font-weight: 700;
  font-size: 16px; font-variant-numeric: tabular-nums; color: #fff; }
.hr-bar-row .hr-n { font-size: 11px; color: var(--muted); }


.heat-cell { text-align: center; }
.heat-grid th, .heat-grid td { text-align: center; }


.rank-chip { display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.6rem; padding: 1px 5px; border-radius: var(--r);
  font-family: var(--display); font-weight: 700; font-size: 12px;
  font-variant-numeric: tabular-nums;
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  color: var(--text); }
.tier-strip { display: grid; gap: 8px; margin: 6px 0 2px;
  grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tier-card { background: var(--bg-2); border-radius: var(--r); padding: 9px 11px;
  border-left: 3px solid var(--accent); min-width: 0; }
.tier-card .tc-top { display: flex; align-items: center; gap: 6px;
  margin-bottom: 4px; }
.tier-card .tc-name { font-family: var(--display); font-weight: 600;
  font-size: 13px; color: var(--text); white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; min-width: 0; }
.tier-card .tc-meta { font-size: 11px; color: var(--muted);
  display: flex; justify-content: space-between; gap: 8px; }
.tier-card .tc-meta .tc-val { color: #fff; font-variant-numeric: tabular-nums; }
@media (max-width: 560px) { .tier-strip { grid-template-columns: minmax(0, 1fr); } }



.row-mine td { box-shadow: inset 0 2px 0 var(--accent), inset 0 -2px 0 var(--accent); }
.row-mine td:first-child { box-shadow: inset 2px 0 0 var(--accent),
  inset 0 2px 0 var(--accent), inset 0 -2px 0 var(--accent); }
.row-mine td:last-child { box-shadow: inset -2px 0 0 var(--accent),
  inset 0 2px 0 var(--accent), inset 0 -2px 0 var(--accent); }

.col-grade { width: 3.5rem; }



.mtz-lineup-grid { display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
@media (max-width: 720px) {
  .mtz-lineup-grid { grid-template-columns: minmax(0, 1fr); }
}

.mtz-lineup-grid .panel:only-child { max-width: 480px; }



.player-page .zone { padding-bottom: 1px; }



.psec.radar-psec .radar { width: 215px; }





.devnote-fab {
  position: fixed;
  right: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 60;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  font-size: 20px;
  line-height: 1;
  color: var(--bg-0);
  background: var(--accent);
  border: 1px solid var(--accent);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .45);
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease;
}
.devnote-fab:hover { transform: translateY(-2px); box-shadow: 0 9px 22px rgba(0, 0, 0, .5); }
.devnote-fab:focus-visible { outline: 2px solid var(--accent-cy); outline-offset: 2px; }


.devnote-panel {
  position: fixed;
  right: 18px;
  bottom: calc(78px + env(safe-area-inset-bottom));
  z-index: 70;
  width: min(340px, calc(100vw - 36px));
  max-height: min(70vh, 560px);
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.devnote-panel > form { display: flex; flex-direction: column; gap: .5rem; margin: 0; }
.devnote-panel > form input,
.devnote-panel > form select,
.devnote-panel > form textarea { margin: 0; }
.devnote-panel-head { display: flex; align-items: center; justify-content: space-between; }
.devnote-panel-head .devnote-close { margin: 0; }


.badge.dn-id { font-variant-numeric: tabular-nums; opacity: .85; }




.pv-window { display: inline-block; margin-top: 5px; cursor: help; }

.vh-ranges { margin-bottom: 6px; }

.dn-newstag { margin-left: 4px; vertical-align: baseline; }




.landing { max-width: 920px; }
.landing-hero { margin-top: 8px; }
.landing-hcard { text-align: center; padding: 28px 22px; }
.landing-title { font-size: 44px; line-height: 1.05; margin: 6px 0 10px; }
.landing-tagline {
  max-width: 620px; margin: 0 auto 18px; color: var(--muted); font-size: 1.05rem;
}
.landing-cta-row {
  display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 0 0 12px;
}
.landing-cta-row > [role=button] { margin: 0; }
.landing-access-note { max-width: 560px; margin: 4px auto 0; }
.landing-grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;
}
.landing-grid .panel { margin: 0; }
.landing-grid .panel p:last-child { margin-bottom: 0; }
.landing-pricing { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; }
.landing-pro { outline: 1px solid var(--accent); }
.landing-plan-cta { display: inline-block; margin-top: 8px; }
.landing-footer { text-align: center; padding: 22px 0 12px; }

.landing-visual { margin: 22px auto 0; max-width: 560px; }
.landing-hud { width: 100%; height: auto; display: block; }
.landing-hud .lv-card { fill: var(--bg-2); stroke: var(--line); stroke-width: 1; }
.landing-hud .lv-rule { fill: url(#lv-accent); }
.landing-hud .lv-eyebrow {
  fill: var(--accent); font: 700 11px var(--display, sans-serif);
  letter-spacing: .08em; text-transform: uppercase;
}
.landing-hud .lv-big { fill: var(--text); font: 700 40px var(--display, sans-serif); }
.landing-hud .lv-delta { fill: var(--pos); font: 600 13px var(--body, sans-serif); }
.landing-hud .lv-chip { fill: color-mix(in srgb, var(--accent) 16%, transparent); stroke: var(--accent); stroke-width: 1; }
.landing-hud .lv-chip-t { fill: var(--accent); font: 700 10px var(--display, sans-serif); text-anchor: middle; letter-spacing: .05em; }
.landing-hud .lv-bar-bg { fill: var(--bg-1); }
.landing-hud .lv-bar { fill: url(#lv-accent); }
.landing-hud .lv-score { fill: var(--text); font: 700 34px var(--display, sans-serif); }
.landing-hud .lv-score-r { text-anchor: end; fill: var(--muted); }
.landing-hud .lv-vs { fill: var(--faint, var(--muted)); font: 600 14px var(--body, sans-serif); text-anchor: middle; }
.landing-hud .lv-row { fill: var(--muted); font: 500 13px var(--body, sans-serif); }
.landing-hud .lv-dot.lv-buy { fill: var(--pos); }
.landing-hud .lv-dot.lv-sell { fill: var(--neg); }
@media (max-width: 720px) {
  .landing-grid { grid-template-columns: 1fr; }
  .landing-pricing { grid-template-columns: 1fr; }
  .landing-title { font-size: 36px; }
}

.chip.pro-lock {
  font-size: .68rem; padding: 1px 6px; vertical-align: middle;
  background: color-mix(in srgb, var(--accent) 18%, transparent);
  color: var(--accent); border: 1px solid var(--accent);
}



.sync-ribbon { font-family: var(--mono); font-size: 11px; color: var(--muted);
  white-space: nowrap; }
.sync-ribbon.is-stale { color: #e9b949; text-decoration: none;
  background: color-mix(in srgb, #e9b949 14%, transparent); padding: 2px 8px;
  border-radius: var(--r); }
.sync-ribbon.is-stale:hover { background: color-mix(in srgb, #e9b949 22%, transparent); }
.empty-zone { text-align: center; padding: 14px 8px; }
.empty-glyph { display: block; font-size: 24px; color: var(--faint);
  line-height: 1; margin: 0 0 6px; }
.empty-zone .muted { font-size: 12.5px; margin: 0; }




.verdict-strip { display: flex; flex-wrap: wrap; align-items: baseline;
  gap: 6px 10px; margin: 4px 0 6px; font-size: 12.5px; }
.verdict-strip .vseg { font-weight: 600; }
.verdict-strip .vseg + .vseg::before { content: "·"; color: var(--faint);
  margin-right: 10px; font-weight: 400; }
.verdict-strip .vseg.buy { color: var(--pos); }
.verdict-strip .vseg.sell { color: var(--neg); }
.verdict-strip .vseg.accent { color: var(--accent); }
.verdict-strip .vseg.trend-up { color: var(--pos); }
.verdict-strip .vseg.trend-down { color: var(--neg); }
.verdict-strip .vseg.muted { color: var(--muted); font-weight: 500; }


.sos-strip { display: flex; flex-wrap: wrap; gap: 3px; margin-bottom: 8px; }
.sos-cell { min-width: 20px; text-align: center; font-size: 10px; padding: 2px 3px;
  border-radius: 3px; font-variant-numeric: tabular-nums; color: var(--bg-0); }
.sos-hard { background: var(--neg); }
.sos-easy { background: var(--pos); }
.sos-neutral, .sos-none { background: var(--bg-2); color: var(--muted); }


.cmp-vs-form { margin-top: 6px; }
.cmp-vs-form input[type="search"] { max-width: 14rem; margin: 0; }





.players-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px; align-items: start; }
@media (max-width: 880px) { .players-top { grid-template-columns: 1fr; } }


.mv-row { display: flex; align-items: center; gap: 8px; }
.mv-row .mv-name { display: flex; align-items: center; gap: 6px; min-width: 0; }
.mv-row .mv-adds { margin-left: auto; display: flex; align-items: center; gap: 8px;
  flex: none; }

.chip.ghost { background: transparent; border-color: transparent; color: var(--faint); }


.draft-filters { margin-bottom: .6rem; }
.scarcity-block { margin-bottom: .9rem; }
.scarcity-row { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin-bottom: .3rem; }
.scarcity-item { display: inline-flex; align-items: center; gap: .3rem; }


.alert-filters .filter-grid { display: grid; gap: 10px 16px;
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); }
.alert-filters .filter-field { margin: 0; font-family: var(--display);
  text-transform: uppercase; letter-spacing: .04em; font-size: 11px;
  font-weight: 600; color: var(--muted); }
.alert-filters .filter-field select,
.alert-filters .filter-field input { margin-top: 4px; }
.alert-filters .filter-actions { display: flex; flex-wrap: wrap; gap: 8px;
  align-items: center; margin-top: 12px; }
.alert-filters .filter-actions a[role=button] { width: auto; margin: 0; }
.alert-filters .alert-apply { width: auto; margin: 0;
  background: color-mix(in srgb, var(--accent) 16%, transparent);
  border-color: color-mix(in srgb, var(--accent) 55%, var(--line));
  color: var(--accent); }
.alert-filters .alert-apply:hover {
  background: color-mix(in srgb, var(--accent) 26%, transparent);
  border-color: var(--accent); color: var(--accent); }




.ci-band { font-variant-numeric: tabular-nums; opacity: .8; margin: 0 .15rem; }

.eyebrow.is-stale { color: #e9b949; }




.value-chart .vc-mark { opacity: 1; cursor: help; stroke: var(--bg-1);
  stroke-width: 2; paint-order: stroke; }
.value-chart .vc-mark-sell { fill: var(--neg); }
.value-chart .vc-mark-buy  { fill: var(--pos); }
.vc-legend { margin-top: .2rem; }
.vc-dot { font-size: .9em; }
.vc-dot.vc-mark-sell { color: var(--neg); }
.vc-dot.vc-mark-buy  { color: var(--pos); }
.depth-usage { margin-left: .25rem; }
.depth-vacated { margin: .3rem 0; color: var(--accent); }




.spark-hit, .vc-hit { fill: transparent; pointer-events: all; cursor: default; }


.qjump-backdrop {
  position: fixed; inset: 0; z-index: 80;
  background: rgba(3, 6, 12, .55); backdrop-filter: blur(1px);
}
.qjump-panel {
  position: fixed; z-index: 90;
  top: 14vh; left: 50%; transform: translateX(-50%);
  width: min(520px, calc(100vw - 36px));
  max-height: min(70vh, 560px); overflow: auto;
  padding: .7rem;
}
.qjump-input {
  width: 100%; margin: 0 0 .5rem; font-size: 1.05rem;
}
.qjump-results { list-style: none; margin: 0; padding: 0; }
.qjump-results li { margin: 0; }
.qjump-result {
  display: flex; align-items: center; gap: .5rem;
  padding: .4rem .5rem; border-radius: var(--r);
  text-decoration: none; color: var(--text);
}
.qjump-result:hover, .qjump-result.is-active {
  background: color-mix(in srgb, var(--accent) 14%, transparent);
}
.qjump-name { font-weight: 600; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qjump-team { margin-left: auto; font-size: .82em; }
.qjump-empty { padding: .5rem; }
.qjump-hint { margin: .5rem 0 0; }



.scatter { display:block; width:100%; max-width:600px; height:auto; margin:6px auto 0; }
.scatter .sc-grid { stroke: var(--line); stroke-width:1; opacity:.5; }
.scatter .sc-axis { fill: var(--muted); font-family: var(--display); font-size:10px; }
.scatter .sc-title { fill: var(--faint); font-family: var(--display); font-size:11px;
  letter-spacing:.04em; text-transform:uppercase; }
.scatter .sc-dot  { fill: var(--accent); stroke:#0006; stroke-width:.5; }  
.scatter .sc-dot.pos-QB { fill:#f1a6d6; } .scatter .sc-dot.pos-RB { fill:#54e0a8; }
.scatter .sc-dot.pos-WR { fill:#86b6ff; } .scatter .sc-dot.pos-TE { fill:#f0c06a; }
.scatter .sc-dot.is-udfa { opacity:.7; }      
.scatter .sc-hit  { fill: transparent; }      
.scatter .sc-node { cursor: default; }




.player-page details.psec[open] { padding-bottom: 9px; }
.player-page details.psec[open] > :last-child,
.player-page details.psec[open] > .scroll-x:last-child table { margin-bottom: 0; }
.player-page details.psec { margin-bottom: 10px; }

.player-page .psplit { margin-bottom: 10px; align-items: start; }
.player-page .psplit + .psplit { margin-top: 10px; }

.player-page .psec.radar-psec .radar { margin-top: -28px; margin-bottom: -30px; }


.hero-myteam .hcard { padding-top: 9px; padding-bottom: 9px; }
.hero-myteam .meter { margin-top: 8px; }
.hero-myteam .tag-reset { margin-top: 4px; }





.player-cards { display: none; }                 
@media (max-width: 720px) {
  .players-tablewrap { display: none; }          
  .player-cards { display: flex; flex-direction: column; gap: 3px; }  
  .pcard {
    background: var(--bg-1); border: 1px solid var(--line);
    border-left: 3px solid var(--accent); border-radius: var(--r);
    padding: 3px 9px;                                                 
    margin: 0;                
    line-height: 1.3;                     
  }
  .pcard-top { display: flex; align-items: baseline; gap: 6px; }
  .pcard-name { flex: 1 1 auto; min-width: 0; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
  .pcard-name a { color: var(--text); }
  .pcard-val { flex: none; font-family: var(--mono); font-weight: 700;
    font-variant-numeric: tabular-nums; color: #fff; }
  .pcard-meta { display: flex; flex-wrap: wrap; align-items: center;
    gap: 2px 8px; margin-top: 1px; font-size: 11px; line-height: 1.25;
    color: var(--muted); }                                            
}


@media (max-width: 640px) {
  .hero-myteam .hero-val { font-size: 28px; }
  .zone { margin-top: 12px; }
  .panel { margin-bottom: 8px; }
  .zone-head { margin-bottom: 8px; padding-bottom: 5px; }
  .zone-head h2 { font-size: 14px; }
  
  .dash-act2 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    gap: 8px; align-items: start; }
  .dash-act2 > .panel:only-child { grid-column: 1 / -1; }
}


@media (max-width: 640px) {
  .player-id .player-hero { gap: .6rem; }
  .player-headshot { width: 56px; height: 56px; }
  .player-name { font-size: 1.3rem; }
  .player-id .hero-val { font-size: 34px; }
  .player-valbar { margin-top: 11px; padding-top: 10px; gap: 8px 18px; }
  .player-page details.psec { margin-bottom: 8px; }
  .player-page details.psec > summary { font-size: 12px; }
  .player-page table.tight th, .player-page table.tight td {
    font-size: 12px; padding: .3rem .4rem; }
}




.advisor-starters { display: flex; flex-wrap: wrap; gap: .5rem; margin: .4rem 0 1rem; }
.advisor-starters .chip { cursor: pointer; border: 1px solid var(--line);
  background: var(--bg-1); color: var(--text); font-family: var(--mono);
  font-size: 11px; font-weight: 600; padding: .35rem .7rem; border-radius: 4px;
  white-space: nowrap; line-height: 1.2; }
.advisor-starters .chip:hover { border-color: var(--accent); color: var(--accent); }




.player-back-fab {
  position: fixed; left: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 55;
  display: inline-flex; align-items: center; gap: .35rem;
  padding: .5rem .8rem; border-radius: 999px;
  font-family: var(--display); font-size: 12px; letter-spacing: .02em;
  color: var(--bg-0); background: var(--accent); border: 1px solid var(--accent);
  box-shadow: 0 6px 18px rgba(0, 0, 0, .45); text-decoration: none;
}
.player-back-fab:hover { transform: translateY(-2px); }
.player-back-fab:focus-visible { outline: 2px solid var(--accent-cy); outline-offset: 2px; }

.player-page { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }



.onramp { text-align: center; padding: 1.4rem 1rem; }
.onramp-eyebrow { justify-content: center; }   
.onramp-head { font-family: var(--display); font-size: 26px; font-weight: 600;
  letter-spacing: .01em; color: var(--text); margin: .35rem 0 .15rem; }
.onramp-lead { max-width: 44ch; margin: .15rem auto .85rem; }
.onramp-actions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.onramp-actions .chip { text-decoration: none; }
@media (max-width: 640px) {
  .onramp { padding: 1.1rem .8rem; }
  .onramp-head { font-size: 22px; }
}




.rs-row { display: flex; align-items: center; gap: .6rem; margin: .4rem 0; }
.rs-pos { flex: 0 0 auto; width: 2.6rem; }
.rs-track { flex: 1; min-width: 0; display: flex; align-items: stretch;
  position: relative; height: 14px; }
.rs-neg, .rs-pos-side { flex: 1; min-width: 0; display: flex; }
.rs-neg { justify-content: flex-end; }       
.rs-pos-side { justify-content: flex-start; }
.rs-fill { height: 100%; border-radius: 3px; }
.rs-fill.is-neg { background: var(--neg); }
.rs-fill.is-pos { background: var(--pos); }
.rs-axis { position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px;
  background: var(--line); transform: translateX(-.5px); }
.rs-val { flex: 0 0 auto; width: 4.5rem; text-align: right;
  font-variant-numeric: tabular-nums; font-size: .85em; }




.qm-drift { stroke: var(--faint); stroke-width: 1.4; opacity: .5; pointer-events: none; }
.qm-drift-head { fill: var(--faint); opacity: .5; }




.cmp-link { margin-left: auto; }

.center { text-align: center; }
.cmp-pick { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .9rem; }
.cmp-pick-vs { font-family: var(--display); color: var(--muted);
  text-transform: uppercase; letter-spacing: .04em; }
.cmp-vs { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  gap: 1rem; align-items: center; margin-bottom: 14px; }
.cmp-vs-mid { font-family: var(--display); font-size: 22px; font-weight: 700;
  color: var(--muted); text-align: center; }

.cmp-side { flex: 0 0 auto; width: 3.2rem; font-variant-numeric: tabular-nums;
  font-size: .85em; }
.cmp-side.a { text-align: right; }
.cmp-side.b { text-align: left; }

.rs-fill.is-a { background: var(--accent); }
.rs-fill.is-b { background: var(--accent-cy); }
@media (max-width: 720px) {
  .cmp-vs { grid-template-columns: minmax(0,1fr); }
  .cmp-vs-mid { padding: .2rem 0; }
}




.mobile-cards { display: none; }
@media (max-width: 720px) {
  .mobile-tablewrap { display: none; }
  .mobile-cards { display: flex; flex-direction: column; gap: 3px; }  
  
  .pcard.is-starter { border-left-color: var(--accent-cy); }

  
  .mobile-cards .pick-year-head { margin: 12px 0 3px; }
  .mobile-cards .pick-year-head:first-child { margin-top: 0; }
  .pk-1line { display: flex; align-items: baseline; gap: 8px; }
  .pk-slot { flex: none; font-family: var(--mono); font-weight: 700; }
  .pk-slot a { color: var(--text); }
  .pk-mid { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; font-size: 12px; color: var(--muted); }
  .pk-mid a { color: var(--text); text-decoration: none; }
  .pk-mid a.pk-owner { color: var(--muted); }   
  .pk-val { flex: none; font-family: var(--mono); font-weight: 700;
    font-variant-numeric: tabular-nums; color: #fff; }
  
  .pk-head { padding: 0 11px 1px; }
  .pk-head .pk-slot, .pk-head .pk-mid, .pk-head .pk-val {
    color: var(--faint); font-family: var(--display); font-weight: 400;
    font-size: 10px; letter-spacing: .04em; text-transform: uppercase; }
}


@media (max-width: 640px) {
  .mtz-page .zone { margin-top: 12px; }
  .mtz-weekbar { margin-bottom: 6px; }
  .mtz-score { font-size: 26px; }
  .mtz-margin { font-size: 22px; }
}



.conv-filter-input {
  display: block;
  width: 100%;
  margin: 8px 0 6px;
  padding: 5px 9px;
  font-size: 13px;
  background: var(--bg-2);
  border: 1px solid var(--line);
  border-radius: var(--r);
  color: var(--text);
  outline: none;
}
.conv-filter-input:focus { border-color: var(--accent); }
.conv-filter-input::placeholder { color: var(--muted); }


.chat-ai.streaming::after {
  content: "▋";
  animation: adv-blink 0.75s step-start infinite;
  color: var(--accent);
  margin-left: 2px;
}
@keyframes adv-blink { 50% { opacity: 0; } }


@media (max-width: 720px) {
  
  .mobile-cards .tc-side { flex-basis: 100%; min-width: 0; color: var(--muted); }
  
  .mobile-cards .load-trade { margin-left: auto; }

  
  .mobile-cards .tier-break-head {
    margin: 10px 0 3px; padding: 2px 6px; border-radius: var(--r);
    background: var(--bg-2);
  }
  .mobile-cards .tier-break-head:first-child { margin-top: 0; }
  
  .mobile-cards .pcard-meta a { color: var(--muted); text-decoration: none; }
  .mobile-cards .pcard-meta a:hover { color: var(--accent); }
}





.chat-head { display: flex; align-items: flex-start; gap: .6rem; }
.chat-head hgroup { margin-bottom: .4rem; min-width: 0; }      
.chat-del { margin-left: auto; flex: none; margin-bottom: 0; }
.chat-del-btn { width: 30px; height: 30px; padding: 0; margin: 0; line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--r);
  color: var(--muted); font-size: 14px; }
.chat-del-btn:hover, .chat-del-btn:focus-visible { color: var(--neg); border-color: var(--neg); }


.conv-drawer { border: 0; padding: 0; margin: 0; }             
.conv-drawer > summary { display: none; }                      
@media (max-width: 720px) {
  .advisor-layout { grid-template-columns: 1fr; }              
  .conv-drawer > summary { display: flex; align-items: center; gap: .5rem;
    list-style: none; cursor: pointer; padding: 7px 10px; margin: 2px 0 6px;
    background: var(--bg-1); border: 1px solid var(--line); border-radius: var(--r);
    font-family: var(--display); font-size: 12px; letter-spacing: .06em;
    text-transform: uppercase; color: var(--muted); }
  .conv-drawer > summary::-webkit-details-marker { display: none; }
  .conv-drawer > summary::after { content: "\25BE"; margin-left: auto; color: var(--faint); }
  .conv-drawer[open] > summary::after { content: "\25B4"; }
  .conv-count { color: var(--text); font-family: var(--mono); }
  
  .chat-bubble { max-width: 92%; }
  .chat-stream { gap: .45rem; }
  .chat-input { position: sticky; bottom: 0; z-index: 40; background: var(--bg-0);
    padding: 8px 0 calc(8px + env(safe-area-inset-bottom)); margin: 0; }
}
@media (max-width: 640px) {
  .chat-head h3 { font-size: 1.05rem; }
  .advisor-side form { margin-bottom: 6px; }
}


@media (max-width: 640px) {
  .analysis-page .zone { margin-top: 12px; }
  .analysis-page .panel { margin-bottom: 8px; }
  .analysis-page table.tight th, .analysis-page table.tight td {
    font-size: 12px; padding: .3rem .4rem; }
  .analysis-page .ci-band { display: none; }   
}



.copilot-row { display: flex; gap: 8px; margin: 10px 0 6px; flex-wrap: wrap; }
#copilot-result .panel { margin-top: 6px; }
#copilot-result .copilot-text p { margin: 0 0 .4rem; }




.road-grid { display: flex; flex-wrap: nowrap; gap: 6px; margin-top: 6px;
  overflow-x: auto; padding-bottom: 4px; scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch; }
.road-grid::-webkit-scrollbar { height: 6px; }
.road-grid::-webkit-scrollbar-track { background: var(--bg-2); border-radius: 3px; }
.road-grid::-webkit-scrollbar-thumb { background: var(--line); border-radius: 3px; }
.road-cell {
  display: flex; flex-direction: column; align-items: center; gap: 1px;
  flex: none; min-width: 62px; max-width: 96px; padding: 5px 7px;
  scroll-snap-align: start;
  background: var(--bg-2); border: 1px solid var(--line); border-radius: var(--r);
}
.road-wk { font-size: .68rem; text-transform: uppercase; letter-spacing: .04em;
  color: var(--muted); }
.road-opp { max-width: 100%; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; font-size: .78rem; color: var(--muted); min-width: 0; }
.road-wp { font-family: var(--mono); font-weight: 700; font-size: .92rem; }
.road-cell.road-bye .road-wp { color: var(--faint); font-weight: 400; }




.coach-corner .panel {
  border-left: 3px solid var(--accent);
}
.coach-corner .coach-para {
  font-size: 15px;
  line-height: 1.55;
  margin: 0;
}
.coach-corner .coach-bullets {
  margin: .55rem 0 0;
  padding-left: 1.1em;
}
.coach-corner .coach-bullets li {
  margin: .25em 0;
}
.coach-corner .coach-bullets li::marker {
  color: var(--accent);
}





.qjump-sec {
  padding: .4rem .5rem .15rem;
  color: var(--muted);
}
.qjump-sec + li .qjump-result { margin-top: 0; }


.qjump-result .qjump-kind {
  flex: none;
  min-width: 2.7rem; text-align: center;
  background: var(--bg-2); color: var(--muted);
  border-color: var(--line);
}


.qjump-navbtn {
  display: inline-flex; align-items: center; gap: .4rem;
  margin: 0; padding: .25rem .55rem;
  background: transparent; border: 1px solid var(--line); border-radius: var(--r);
  color: var(--text); cursor: pointer; line-height: 1;
  width: auto;
}
.qjump-navbtn:hover {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent) 10%, transparent);
}
.qjump-navglyph { font-size: 1.05rem; }
.qjump-kbd {
  font-family: var(--mono); font-size: .72rem;
  padding: .05rem .3rem; border-radius: 4px;
  background: var(--bg-2); border: 1px solid var(--line); color: var(--muted);
}


.qjump-navbtn-m {
  display: none;
  padding: .2rem .5rem; font-size: 1.15rem;
  margin-left: auto;
}
@media (max-width: 720px) {
  
  .qjump-navbtn-m { display: inline-flex; align-items: center; }
}




.dash-nudge {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin-bottom: 14px;
}
.dash-nudge .dash-nudge-lbl {
  font-size: .82em; color: var(--muted); text-transform: uppercase;
  letter-spacing: .04em;
}
.dash-nudge .chip { text-decoration: none; }



.dwp-needs {
  display: flex; flex-wrap: wrap; gap: .35rem .9rem; margin-bottom: .4rem;
}
.dwp-need-row { gap: .4rem; align-items: center; }
.dwp-need-row .dwp-count {
  font-family: var(--mono); font-size: .85em; color: var(--muted);
  font-variant-numeric: tabular-nums;
}
.dwp-best { gap: .5rem; align-items: center; flex-wrap: wrap; min-width: 0; }
.dwp-best .dwp-best-val { margin-left: auto; }

.dwp-cols {
  display: grid; gap: .6rem;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.dwp-cols .val { font-family: var(--mono); font-variant-numeric: tabular-nums; }





.ps-group { margin-bottom: .75rem; }
.ps-group:last-child { margin-bottom: 0; }
.ps-pos-head { display: flex; align-items: center; gap: .5rem; margin-bottom: .1rem; }
.ps-metric-lbl { flex: 0 0 auto; width: 4rem; font-size: .78em; color: var(--muted);
  font-family: var(--mono); text-align: right; }


@media (max-width: 640px) {
  .player-cards, .mobile-cards { gap: 2px; }
  .pcard { padding: 2px 8px; }
  .pcard-meta { margin-top: 0; font-size: 10.5px; }
  .pcard .pos { font-size: 9.5px; padding: 1px 5px; }
}





.pcard-caret { display: none; }              
@media (max-width: 720px) {
  .pcard.is-expandable .pcard-meta { display: none; }
  .pcard.is-expandable.is-open .pcard-meta { display: flex; }
  .pcard.is-expandable { cursor: pointer; }
  .pcard.is-expandable .pcard-caret {
    display: inline-block; flex: none; margin-left: auto;
    width: 0; height: 0; align-self: center;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 5px solid var(--muted);
    transition: transform .12s ease; }
  .pcard.is-expandable.is-open .pcard-caret { transform: rotate(180deg); }
  
  .pcard.is-expandable .pcard-caret + .pcard-val { margin-left: 6px; }
}


@media (max-width: 720px) {
  
  main > article, main > details.section { margin-bottom: 8px; }
  
  main > article > :last-child,
  main > details.section > :last-child { margin-bottom: 0; }
}
@media (max-width: 640px) {
  
  
  .hero { padding: 0; gap: 8px; }
  .hcard { padding: 8px 10px; }
  .hero-head, .zone-desc { margin-bottom: 4px; }
  .panel { padding: .55rem .65rem; }
  main > article, main > details.section { margin-bottom: 6px; }
  
  .row, .pl, .feed .it, table.tight th, table.tight td { line-height: 1.3; }
}




@media (max-width: 720px) {
  
  .dwp-cols { gap: 6px; }
  
  .alert-filters .filter-actions { margin-top: 6px; }
}

@media (max-width: 640px) {
  
  main > hgroup { margin-bottom: 6px; }
  .alert-filters { margin-bottom: 8px; }

  
  .zone .zone-desc { margin-bottom: 4px; line-height: 1.3; }
  .zone > .panel.tight { margin-bottom: 6px; padding: .5rem .6rem; }
  .draft-filters .filter-row { gap: 4px 8px; }
  
  .dwp-cols { grid-template-columns: 1fr; gap: 4px; }
  .dwp-cols .panel.tight table.tight { width: 100%; table-layout: fixed; }
  .dwp-cols .panel.tight table.tight td:first-child {
    max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  
  .builder .trade-side { padding: 8px 10px; }
  .builder .trade-side .eyebrow { margin-bottom: 4px; }
  .builder .selected-label { margin: 4px 0 2px; }
  .builder .faab-label { margin: 4px 0; }
  .builder .builder-actions { margin: 8px 0 0; gap: 6px; }
  .builder .trade-verdict-wrap { margin-top: 8px; }
}

@media (max-width: 720px) {
  
  .pcard-sides { display: flex; flex-direction: column; gap: 1px;
    font-size: 11px; line-height: 1.25; margin-top: 1px; min-width: 0; }
}



.form-chip {
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}
.form-chip.is-hot {
  color: var(--pos);
  background: color-mix(in srgb, var(--pos) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--pos) 45%, transparent);
}
.form-chip.is-cold {
  color: var(--neg);
  background: color-mix(in srgb, var(--neg) 14%, transparent);
  border: 1px solid color-mix(in srgb, var(--neg) 45%, transparent);
}


.game-ticker {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 5px 14px;
  background: var(--bg-1);
  border-bottom: 1px solid var(--line);
  font-size: 12.5px;
}
.game-ticker .gt-week {
  font-family: var(--display);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11.5px;
  color: var(--accent);
  white-space: nowrap;
  flex: none;
}
.game-ticker .gt-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  flex-wrap: nowrap;
  scrollbar-width: thin;
  scroll-snap-type: x proximity;
}
.game-ticker .gt-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 2px 9px;
  border: 1px solid var(--line);
  border-radius: var(--r);
  background: var(--bg-2);
  white-space: nowrap;
  flex: none;
  scroll-snap-align: start;
  max-width: 100%;
}
.game-ticker .gt-league {
  color: var(--accent-cy);
  font-weight: 600;
  min-width: 0;
  max-width: 11ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.game-ticker .gt-score { font-variant-numeric: tabular-nums; color: var(--text); }
.game-ticker .gt-me { font-weight: 600; }
.game-ticker .gt-vs { color: var(--muted); margin: 0 3px; }
.game-ticker .gt-opp { color: var(--muted); }
.game-ticker .gt-warn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--neg);
  color: #fff;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  text-decoration: none;
  flex: none;
}
.game-ticker .gt-proj {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .05em;
  flex: none;
}
@media (max-width: 640px) {
  .game-ticker { gap: 8px; padding: 4px 10px; font-size: 12px; }
  .game-ticker .gt-proj { display: none; }
}






.player-page .role-trend .rt-chip { margin-left: 6px; }
.player-page .role-trend .spark { display: block; margin-top: 4px; }


.player-page .aging-svg { display: block; max-width: 100%; margin-top: 4px; }
.player-page .aging-svg .ac-line { stroke: var(--muted); opacity: .7; }
.player-page .aging-svg .ac-dot { fill: var(--muted); }
.player-page .aging-svg .ac-dot.is-peak { fill: var(--pos); }
.player-page .aging-svg .ac-me { fill: var(--accent); stroke: var(--bg-1); stroke-width: 1.5; }


.player-page .opportunity {
  margin: 2px 0 8px;
  padding: 7px 9px;
  background: color-mix(in srgb, var(--accent) 5%, transparent);
  border-left: 2px solid var(--accent);
  border-radius: var(--r);
}
.player-page .opportunity .opp-line { margin: 0 0 2px; }
.player-page .opportunity .opp-line:last-child { margin-bottom: 0; }
.player-page .opportunity .opp-lbl {
  display: inline-block;
  min-width: 3.4em;
  color: var(--muted);
  text-transform: uppercase;
  font-size: .82em;
  letter-spacing: .03em;
}
.player-page .opportunity .opp-vacated { margin: 2px 0 0; }


.player-rail { display: none; }
@media (min-width: 1100px) {
  .player-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    
    column-gap: 20px;
    row-gap: 0;
    align-items: start;
  }
  
  .player-page > .zone,
  .player-page > .player-stickybar,
  .player-page > .player-back-fab,
  .player-page > .kelce-game-wrap { grid-column: 1; }
  .player-rail {
    display: block;
    grid-column: 2;
    grid-row: 1 / 999;
    position: sticky;
    top: 74px;
    align-self: start;
    padding: 12px 12px 14px;
    background: var(--bg-1);
    border: 1px solid var(--line);
    border-radius: var(--r);
  }
  .player-rail .pr-val {
    font-family: var(--display);
    font-size: 30px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--text);
  }
  .player-rail .pr-cap { margin: 2px 0 8px; }
  .player-rail .pr-chip { display: inline-block; margin-bottom: 10px; }
  .player-rail .rail-jump { display: flex; flex-direction: column; gap: 6px; }
  .player-rail .rail-jump a {
    color: var(--muted);
    text-decoration: none;
    font-size: .9em;
    padding: 2px 0;
    border-bottom: 1px solid transparent;
  }
  .player-rail .rail-jump a:hover { color: var(--accent); }
}





.team-hero .has-help .zone-help-pop {
  font-size: .92em; line-height: 1.5; padding: 12px 14px; }
.team-hero .has-help .zone-help-pop table.tight { font-size: 1em; }
.team-hero .has-help .zone-help-pop table.tight th,
.team-hero .has-help .zone-help-pop table.tight td {
  padding: 3px 6px; line-height: 1.4; }
.team-hero .has-help .zone-help-pop .metric-mini .bar { height: 7px; }
.team-hero .has-help .zone-help-pop .metric-mini { min-width: 3.4rem; }
.team-hero .has-help .zone-help-pop .zhp-lead { font-size: .95em; }
.team-hero .has-help .zone-help-pop .fs-xs { font-size: .8em; }


@media (max-width: 720px) {
  
  .finder-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  
  .finder-grid { gap: .6rem; margin-top: .35rem; }
  .finder-card { padding: .55rem .7rem; }
  .finder-head { gap: .35rem; }
  .finder-sides { margin: .4rem 0 .25rem; gap: .5rem; }
  .finder-asset { margin: .1rem 0; line-height: 1.3; }
  .finder-rationale { margin: .25rem 0 .35rem; line-height: 1.3; }
  
  .finder-actions, .finder-ai-actions { margin: 6px 0; }
  .finder-prefs { margin-bottom: 6px; }

  
  .mobile-cards .pick-year-head { margin: 8px 0 3px; }
  main > section.zone { margin-bottom: 8px; }
  main > section.zone > .zone-desc { margin-bottom: 4px; }

  
  .mtz-page .winbar { margin-bottom: 6px; }
  .mtz-page .winbar-legend { margin-top: 2px; }
  .mtz-board .hcard { padding: 8px 10px; }
  .mtz-page .panel .row { line-height: 1.3; }
  .mtz-page p.meta-sm { margin: 4px 0; }

  
  .cmp-vs .hcard { padding: 8px 10px; }
  .hint-tight { line-height: 1.3; margin-bottom: 6px; }

  
  .team-hero .has-help .zone-help-pop {
    position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 92vw; max-width: none; max-height: 80vh; overflow: auto;
  }
}



.tour-overlay { position: fixed; inset: 0; z-index: 80; }
.tour-overlay.is-hidden { display: none; }
.tour-backdrop { position: fixed; inset: 0; background: rgba(4, 7, 13, .66); }
.tour-card {
  position: fixed; z-index: 81;
  width: min(360px, calc(100vw - 36px));   
  left: 50%; transform: translateX(-50%);
  bottom: calc(20px + env(safe-area-inset-bottom));
}
.tour-card h4 { margin: 2px 0 6px; }
.tour-card #tour-body { margin: 0 0 4px; }
.tour-actions { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.tour-actions .tour-spacer { margin-left: auto; }
.tour-highlight {
  position: relative; z-index: 81;
  outline: 2px solid var(--accent); outline-offset: 3px;
  border-radius: var(--r);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent);
}



.prov-wrap { position: relative; display: inline-block; cursor: help; }
.prov-info {
  font-size: .72em;
  color: var(--accent);
  margin-left: 3px;
  vertical-align: super;
}
.prov-pop {
  position: absolute;
  z-index: 40;
  right: 0;
  top: 100%;
  margin-top: 4px;
  display: none;
  background: var(--bg-1);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 10px 12px;
  min-width: 200px;
  max-width: min(280px, calc(100vw - 24px));
  font-size: 0.85rem;
  line-height: 1.35;
  box-shadow: 0 6px 22px rgba(0, 0, 0, .4);
  text-align: left;
  white-space: normal;
}
.prov-wrap:hover .prov-pop,
.prov-wrap:focus .prov-pop,
.prov-wrap:focus-within .prov-pop { display: block; }
.prov-row { display: flex; justify-content: space-between; gap: 1.5rem; }
.prov-k { color: var(--muted); }
.prov-v { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.prov-title {
  display: block;
  font-family: var(--display);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: .8rem;
  color: var(--accent);
  margin-bottom: 4px;
}
.prov-note {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: .8rem;
}



.value-cone {
  fill: var(--accent);
  opacity: .11;
  stroke: none;
}
.value-cone-med {
  stroke: var(--accent-cy);
  stroke-width: 1.5;
  stroke-dasharray: 3 3;
  fill: none;
  opacity: .85;
}
.vc-cone-legend {
  margin-top: 4px;
}



.badge-dot/.chip vocabulary verbatim — only
   the layout + card-as-link + attn line + the nav switcher-peek strip are new.
   #115 blow-out guard: minmax(0,1fr), never bare 1fr (cards hold nowrap values). */
.ovr-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 640px) {
  .ovr-grid { grid-template-columns: minmax(0, 1fr); }
}

.ovr-card.is-active { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent); }
.ovr-active-tag { margin-left: auto; }


.lsw-peek { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.lsw-peek:empty { display: none; }
.lsw-chip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 2px 8px; border: 1px solid var(--line); border-radius: var(--r);
  background: var(--bg-1); color: var(--muted);
  font-size: .74rem; text-decoration: none; white-space: nowrap;
}
.lsw-chip:hover { border-color: var(--accent); color: var(--text); }
.lsw-chip .lsw-name { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; }
.lsw-chip .lsw-rank { color: var(--text); font-variant-numeric: tabular-nums; }
.lsw-chip .lsw-po { color: var(--accent); font-variant-numeric: tabular-nums; }
.lsw-chip .lsw-dot { position: static; width: .45rem; height: .45rem; }



.celebrate-wrap{display:flex;justify-content:center;align-items:flex-start;padding:2.5rem 1rem 4rem;}
.celebrate-card{width:100%;max-width:440px;background:var(--bg-1);border:1px solid var(--line);
  border-top:3px solid var(--accent);border-radius:12px;padding:1.6rem 1.5rem;
  box-shadow:0 14px 44px rgba(0,0,0,.5);}
.celebrate-eyebrow{color:var(--accent);margin:0 0 .3rem;}
.celebrate-count{margin:0 0 .1rem;font-size:1.1rem;font-weight:600;color:var(--text);}
.celebrate-n{font-size:2.5rem;font-weight:800;line-height:1;margin-right:.4rem;color:var(--text);}
.celebrate-active{margin:0 0 1.1rem;color:var(--muted);font-size:.9rem;}
.celebrate-list{list-style:none;margin:0 0 1.35rem;padding:0;border-top:1px solid var(--line);}
.celebrate-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;
  padding:.7rem 0;border-bottom:1px solid var(--line);}
.celebrate-lbl{color:var(--muted);font-size:.72rem;text-transform:uppercase;
  letter-spacing:.08em;white-space:nowrap;}
.celebrate-val{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;
  justify-content:flex-end;text-align:right;}
.celebrate-cta{display:flex;flex-direction:column;align-items:stretch;gap:.7rem;}
.celebrate-cta .btn-hud{text-align:center;}
.celebrate-skip{text-align:center;color:var(--muted);font-size:.85rem;}
.celebrate-skip:hover{color:var(--text);}




.tabbar { display: none; }
@media (max-width: 720px) {
  .tabbar {
    display: flex;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 55;                       
    background: var(--bg-1);
    border-top: 1px solid var(--line); 
    padding-bottom: env(safe-area-inset-bottom);
  }
  
  main.container {
    padding-bottom: calc(1.4rem + 56px + env(safe-area-inset-bottom));
  }
  
  .devnote-fab { bottom: calc(18px + 56px + env(safe-area-inset-bottom)); }
  .devnote-panel { bottom: calc(78px + 56px + env(safe-area-inset-bottom)); }
}
.tabbar-item {
  flex: 1; min-width: 0;               
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 3px;
  min-height: 52px;                    
  padding: 6px 4px;
  position: relative;
  text-decoration: none;
  color: var(--faint);                 
}
.tabbar-ico { width: 22px; height: 22px; flex: none; }
.tabbar-lbl {
  font-family: var(--display); font-size: 10px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .05em; line-height: 1;
  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.tabbar-item.is-active { color: var(--accent); }
.tabbar-item.is-active::before {
  content: ""; position: absolute; top: 0; left: 12%; right: 12%; height: 2px;
  background: linear-gradient(90deg, var(--accent), var(--accent-cy));
  border-radius: 2px;
}

.tabbar-item:active { transform: scale(.94); transition: transform var(--speed-quick) ease; }

.tabbar-dot { position: static; width: .45rem; height: .45rem; margin-top: -6px; }


@view-transition { navigation: auto; }

.topbar { view-transition-name: app-header; }
.tabbar { view-transition-name: app-tabbar; }

::view-transition-old(root) { animation: app-shell-fade-out var(--speed-quick) ease both; }
::view-transition-new(root) { animation: app-shell-slide-in var(--speed-regular) ease both; }
@keyframes app-shell-fade-out { to { opacity: 0; } }
@keyframes app-shell-slide-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}


.skeleton {
  position: relative; overflow: hidden;
  background: linear-gradient(100deg,
    var(--bg-2) 30%, var(--bg-3, #202b3b) 50%, var(--bg-2) 70%);
  background-size: 200% 100%;
  border-radius: var(--r);
  animation: skeleton-shimmer 1.2s ease-in-out infinite;
}
.skeleton-line { height: .8rem; margin: .35rem 0; }
.skeleton-block { height: 3rem; }
@keyframes skeleton-shimmer {
  from { background-position: 200% 0; }
  to   { background-position: -200% 0; }
}


@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*) { animation: none; }
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
  .tabbar-item:active { transform: none; }
  .skeleton { animation: none; }
}





.alert-hero { display: grid; gap: 12px; margin-bottom: 16px;
  grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(0, 1fr)); }
.ah-tile { background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--r-card); padding: 12px 14px; display: flex;
  flex-direction: column; gap: 2px; min-width: 0; }
.ah-lbl { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .11em; font-size: 10.5px; font-weight: 600; color: var(--muted); }
.ah-num { font-family: var(--mono); font-weight: 700; font-variant-numeric: tabular-nums;
  font-size: 24px; line-height: 1; color: var(--text); }
.ah-sub { font-size: 11px; color: var(--faint); }

.ah-hero { position: relative; overflow: hidden;
  background: linear-gradient(180deg, var(--bg-1), var(--bg-sink));
  border-color: var(--line-strong); }
.ah-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0;
  height: 3px; background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }
.ah-hero .ah-num { font-family: var(--display); font-size: 44px; color: var(--text);
  letter-spacing: .01em; }

.ah-tile.is-lineup .ah-num { color: var(--warn); }
.ah-tile.is-spike .ah-num,
.ah-tile.is-watch .ah-num,
.ah-tile.is-valuable .ah-num { color: var(--text); }

.ah-tile.is-quiet { background: var(--bg-0); border-color: color-mix(in srgb, var(--line) 55%, transparent); }
.ah-tile.is-quiet .ah-num { color: var(--ink-3); }
.ah-tile.is-quiet .ah-lbl { color: var(--faint); }

.alert-refresh { margin: 0; }


.alert-filters .filter-field .eyebrow { display: inline-flex; margin: 0 0 2px;
  font-size: 10.5px; letter-spacing: .1em; color: var(--muted); }
.alert-filters .filter-field .eyebrow::before { width: 10px; height: 2px; }


.alert-feed { display: flex; flex-direction: column; }
.alert-row { display: flex; align-items: center; gap: 12px; padding: 11px 12px;
  border: 1px solid transparent; border-bottom-color: color-mix(in srgb, var(--line) 60%, transparent);
  color: inherit; text-decoration: none; border-radius: var(--r-control);
  transition: background-color var(--speed-quick) ease, border-color var(--speed-quick) ease; }
.alert-row:last-child { border-bottom-color: transparent; }
a.alert-row:hover { background: var(--bg-3); border-color: var(--line); }
a.alert-row:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.alert-when { flex: none; width: 2.9rem; font-family: var(--mono); font-size: 11px;
  font-variant-numeric: tabular-nums; color: var(--ink-3); }


.alert-verdict { flex: none; font-family: var(--display); text-transform: uppercase;
  letter-spacing: .06em; font-weight: 600; font-size: 11px; padding: 3px 9px;
  border-radius: var(--r-chip); white-space: nowrap; min-width: 5.2rem; text-align: center;
  border: 1px solid transparent; }
.alert-verdict.is-lineup { color: var(--warn);
  background: color-mix(in srgb, var(--warn) 15%, transparent);
  border-color: color-mix(in srgb, var(--warn) 40%, transparent); }
.alert-verdict.is-spike-up { color: var(--pos);
  background: color-mix(in srgb, var(--pos) 15%, transparent);
  border-color: color-mix(in srgb, var(--pos) 40%, transparent); }
.alert-verdict.is-spike-down { color: var(--neg);
  background: color-mix(in srgb, var(--neg) 15%, transparent);
  border-color: color-mix(in srgb, var(--neg) 40%, transparent); }
.alert-verdict.is-claimed { color: var(--warn);
  background: color-mix(in srgb, var(--warn) 15%, transparent);
  border-color: color-mix(in srgb, var(--warn) 40%, transparent); }
.alert-verdict.is-valuable,
.alert-verdict.is-watch,
.alert-verdict.is-rising { color: var(--accent);
  background: color-mix(in srgb, var(--accent) 15%, transparent);
  border-color: color-mix(in srgb, var(--accent) 38%, transparent); }

.alert-entity { display: flex; align-items: center; gap: 8px; min-width: 0; flex: 1; }
.alert-name { color: var(--text); font-weight: 500; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.alert-league { color: var(--faint); font-size: 11.5px; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; flex: none; max-width: 8rem; }

.alert-fact { flex: none; display: flex; align-items: baseline; gap: 8px;
  justify-content: flex-end; }
.alert-reason { color: var(--muted); font-size: 12.5px; white-space: nowrap; }
.alert-val { font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-weight: 600; font-size: 13px; color: var(--text); white-space: nowrap; }
.alert-move { font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-weight: 700; font-size: 14px; white-space: nowrap; }
.alert-move.is-up { color: var(--pos); }
.alert-move.is-down { color: var(--neg); }
.alert-pct { font-family: var(--mono); font-size: 11px; color: var(--muted); }
.alert-adds { flex: none; }


@media (max-width: 640px) {
  .alert-hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .ah-hero { grid-column: 1 / -1; flex-direction: row; align-items: baseline;
    gap: 10px; flex-wrap: wrap; }
  .ah-hero .ah-num { font-size: 34px; }
  .alert-row { flex-wrap: wrap; row-gap: 6px; padding: 10px; }
  .alert-when { width: auto; }
  .alert-entity { flex: 1 0 100%; order: 3; }
  .alert-fact { order: 4; margin-left: auto; }
  .alert-league { max-width: 6rem; }
}




.rivalry-panel { display: flex; flex-direction: column; gap: .55rem; }
.rivalry-id { display: flex; align-items: baseline; flex-wrap: wrap;
  gap: .4rem .55rem; }
.rivalry-opp { font-family: var(--display); font-size: 1.15rem; font-weight: 600;
  letter-spacing: .01em; color: var(--text); min-width: 0; }
.rivalry-record { font-variant-numeric: tabular-nums; }
.rivalry-grade { font-size: .72rem; font-weight: 700; }
.rivalry-hero { margin-top: .1rem; }
.rivalry-hero-val { font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-size: 2.6rem; line-height: 1.02; font-weight: 700; letter-spacing: -.02em;
  color: var(--text); }
.rivalry-hero-cap { margin: .1rem 0 0; }
.rivalry-read { margin: .2rem 0 0; font-size: .92rem; line-height: 1.45;
  color: var(--text); max-width: 60ch; }
@media (max-width: 640px) {
  .rivalry-hero-val { font-size: 2.15rem; }
  .rivalry-opp { font-size: 1.05rem; }
}




.mv-row .mv-name { flex: 1; min-width: 0; }
.mv-row .mv-name a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }

@media (max-width: 720px) {
  .layout #tour-zone-moves { order: 2; }
  .layout #tour-zone-activity { order: 1; }
}

.dash-digest .feed .it b { font-size: 13.5px; }

@media (max-width: 720px) {
  .hero-myteam { grid-template-columns: 1fr; gap: 8px; margin: 0; }
}

.ad-row .ad-side .nm, .ad-row .ad-side a { font-size: 13px; }

@media (max-width: 720px) {
  a[href*="/player/"] { text-decoration: none; }
}




@media (max-width: 720px) {
  
  .teams-league .dna-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity; }
  .teams-league .dna-chip {
    flex: none;
    scroll-snap-align: start; }
  
  .teams-league .dna-chips::-webkit-scrollbar { height: 3px; }

  
  .qjump-navbtn-m,
  .nav-burger {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem; }

  
  .dash-more {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: 0;
    box-shadow: none;
    color: var(--muted);
    font-family: var(--display);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    padding: 0 4px;
    width: auto;
    
    margin: -7px 0 -9px; }
  .dash-more:hover, .dash-more:focus {
    background: none;
    color: var(--text); }
}

@media (max-width: 640px) {
  
  .teams-league .scroll-x table.tight { width: 100%; }
  .teams-league .scroll-x table.tight td:first-child,
  .teams-league .scroll-x table.tight th:first-child { width: 100%; }
}






.player-id .pv-main { display: flex; flex-direction: column; align-items: flex-start; }
.player-id .hero-val { font-size: 54px; line-height: .92; letter-spacing: -.02em;
  font-variant-numeric: tabular-nums; }

.player-id .verdict-lead { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .04em; font-size: 13px; font-weight: 600; padding: 4px 11px;
  border-radius: var(--r-chip); align-self: flex-start; margin: 6px 0 0; }

.player-id .pv-stats { color: var(--muted); }
.player-id .pv-stats b { color: var(--text); font-variant-numeric: tabular-nums; }


.player-jumpbar { display: none; }
@media (max-width: 1100px) {
  .player-jumpbar {
    display: flex; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch;
    position: sticky; top: 0; z-index: 45;
    padding: 7px 2px; margin: 0 0 12px;
    background: var(--bg-0); border-bottom: 1px solid var(--line);
    scrollbar-width: none;
  }
  .player-jumpbar::-webkit-scrollbar { display: none; }
  .player-jumpbar a {
    flex: none; white-space: nowrap;
    font-family: var(--display); text-transform: uppercase; letter-spacing: .04em;
    font-size: 11px; font-weight: 600; color: var(--muted);
    text-decoration: none; padding: 5px 11px;
    background: var(--bg-1); border: 1px solid var(--line);
    border-radius: var(--r-chip);
    transition: color var(--speed-quick), border-color var(--speed-quick);
  }
  .player-jumpbar a:hover, .player-jumpbar a:focus-visible {
    color: var(--accent); border-color: var(--line-strong);
  }
}
@media (max-width: 720px) {
  
  .player-jumpbar { top: 38px; }
}


@media (min-width: 1100px) {
  .player-rail .rail-jump { gap: 4px; }
  .player-rail .rail-jump a:focus-visible { color: var(--accent); outline: none; }
}


.psec-skeleton { padding: 4px 0 2px; }
.psec-skeleton .skeleton-line { border-radius: var(--r-chip); }


@media (max-width: 640px) {
  .player-id .hero-val { font-size: 40px; }
  .player-id .verdict-lead { font-size: 12px; padding: 3px 9px; }
}


.rail-jump-head { display: block; margin: 0 0 8px; color: var(--muted); }
.player-jumpbar .jumpbar-lbl {
  flex: none; align-self: center; margin: 0 2px 0 0; color: var(--faint);
  white-space: nowrap;
}

.player-rail .rail-jump a.is-active {
  color: var(--accent);
  border-left: 2px solid var(--accent);
  padding-left: 7px; margin-left: -9px;
}
.player-jumpbar a.is-active {
  color: var(--accent); border-color: var(--line-strong);
}


.player-id .pv-main > .prov-wrap { align-self: flex-start; }





.ovr-command { display: grid; gap: 12px; margin-bottom: 18px;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); }
.ovr-ctile { background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--r-card); padding: 12px 14px; display: flex;
  flex-direction: column; gap: 3px; min-width: 0; }
.ovr-ctile-lbl { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .11em; font-size: 10.5px; font-weight: 600; color: var(--muted); }
.ovr-ctile-num { font-family: var(--mono); font-weight: 700;
  font-variant-numeric: tabular-nums; font-size: 24px; line-height: 1; color: var(--text); }
.ovr-ctile-sub { font-size: 11px; color: var(--faint); }
.ovr-ctile.ovr-hero { position: relative; overflow: hidden;
  background: linear-gradient(180deg, var(--bg-1), var(--bg-sink));
  border-color: var(--line-strong); }
.ovr-ctile.ovr-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0;
  height: 3px; background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }
.ovr-ctile.ovr-hero .ovr-ctile-num { font-family: var(--display); font-size: 44px;
  color: var(--text); letter-spacing: .01em; }
.ovr-ctile.is-quiet { background: var(--bg-0);
  border-color: color-mix(in srgb, var(--line) 55%, transparent); }
.ovr-ctile.is-quiet .ovr-ctile-num { color: var(--ink-3); }
.ovr-ctile.is-quiet .ovr-ctile-lbl { color: var(--faint); }


.ovr-grid { display: grid; gap: 12px;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
.ovr-card { position: relative; background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--r-card); padding: 14px 16px; display: flex; flex-direction: column;
  gap: 8px; min-width: 0; }
.ovr-card.is-active { border-color: var(--line-strong);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent); }
a.ovr-switch { display: flex; flex-direction: column; gap: 8px; text-decoration: none;
  color: inherit; border-radius: var(--r-control); margin: -4px; padding: 4px;
  transition: background-color var(--speed-quick) ease; }
a.ovr-switch:hover { background: var(--bg-3); }
a.ovr-switch:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }

.ovr-head { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.ovr-name { font-family: var(--display); font-size: 15px; font-weight: 600;
  letter-spacing: .01em; color: var(--text); min-width: 0; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.ovr-active-tag { margin-left: auto; flex: none; }

.ovr-verdict { flex: none; font-family: var(--display); text-transform: uppercase;
  letter-spacing: .06em; font-weight: 600; font-size: 11px; padding: 3px 9px;
  border-radius: var(--r-chip); white-space: nowrap; align-self: flex-start;
  border: 1px solid transparent; color: var(--muted);
  background: color-mix(in srgb, var(--muted) 12%, transparent); }
.ovr-verdict.is-startup { color: var(--warn);
  background: color-mix(in srgb, var(--warn) 15%, transparent);
  border-color: color-mix(in srgb, var(--warn) 40%, transparent); }
.ovr-verdict.q-powerhouse,
.ovr-verdict.q-winnow { color: var(--pos);
  background: color-mix(in srgb, var(--pos) 14%, transparent);
  border-color: color-mix(in srgb, var(--pos) 38%, transparent); }
.ovr-verdict.q-rebuilding,
.ovr-verdict.q-fullreset { color: var(--accent-cy);
  background: color-mix(in srgb, var(--accent-cy) 13%, transparent);
  border-color: color-mix(in srgb, var(--accent-cy) 36%, transparent); }

.ovr-heroval { display: flex; flex-direction: column; gap: 1px; }
.ovr-heroval-lbl { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .1em; font-size: 10px; font-weight: 600; color: var(--muted); }
.ovr-heroval-num { font-family: var(--mono); font-weight: 700;
  font-variant-numeric: tabular-nums; font-size: 34px; line-height: 1; color: var(--text);
  letter-spacing: -.01em; }
.ovr-startline { font-size: 13px; color: var(--faint); }

.ovr-evidence { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap;
  font-size: 12.5px; color: var(--muted); }
.ovr-evidence b { color: var(--text); font-variant-numeric: tabular-nums; font-weight: 600; }
.ovr-evidence .ovr-off { color: var(--faint); }

a.ovr-alerts { display: inline-flex; align-items: center; gap: 7px; align-self: flex-start;
  text-decoration: none; font-size: 12px; font-weight: 500; padding: 4px 10px;
  border-radius: var(--r-chip); color: var(--warn);
  background: color-mix(in srgb, var(--warn) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--warn) 36%, transparent);
  transition: background-color var(--speed-quick) ease; }
a.ovr-alerts:hover { background: color-mix(in srgb, var(--warn) 20%, transparent); }
a.ovr-alerts:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
a.ovr-alerts .ovr-alerts-n { font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-weight: 700; }
a.ovr-alerts .ovr-alerts-arrow { color: color-mix(in srgb, var(--warn) 80%, var(--text)); }

.ovr-skel { gap: 10px; }
.ovr-skel .skeleton-line { height: .8rem; }
.ovr-skel .ovr-skel-hero { height: 2rem; width: 6rem; }

.ovr-offnote { color: var(--muted); font-size: .85rem; margin: 0 0 12px; }

@media (max-width: 640px) {
  .ovr-command { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .ovr-ctile.ovr-hero { grid-column: 1 / -1; flex-direction: row; align-items: baseline;
    gap: 10px; flex-wrap: wrap; }
  .ovr-ctile.ovr-hero .ovr-ctile-num { font-size: 34px; }
  .ovr-grid { grid-template-columns: minmax(0, 1fr); }
  .ovr-heroval-num { font-size: 30px; }
}





.rcpt-hero { display: grid; gap: 12px; margin-bottom: 18px;
  grid-template-columns: minmax(0, 1.4fr) repeat(2, minmax(0, 1fr)); }
.rh-tile { background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--r-card); padding: 12px 14px; display: flex;
  flex-direction: column; gap: 2px; min-width: 0; }
.rh-lbl { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .11em; font-size: 10.5px; font-weight: 600; color: var(--muted); }
.rh-num { font-family: var(--mono); font-weight: 700;
  font-variant-numeric: tabular-nums; font-size: 22px; line-height: 1;
  color: var(--text); white-space: nowrap; }
.rh-num.is-pos { color: var(--pos); }
.rh-num.is-neg { color: var(--neg); }
.rh-sub { font-size: 11px; color: var(--faint);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.rh-hero { position: relative; overflow: hidden;
  background: linear-gradient(180deg, var(--bg-1), var(--bg-sink));
  border-color: var(--line-strong); }
.rh-hero::before { content: ""; position: absolute; top: 0; left: 0; right: 0;
  height: 3px; background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }
.rh-hero .rh-num { font-family: var(--display); font-size: 40px;
  letter-spacing: .01em; }


.rcpt-feed { display: flex; flex-direction: column; gap: 10px; }
.rcpt-card { background: var(--bg-1); border: 1px solid var(--line);
  border-radius: var(--r-card); padding: 10px 14px;
  display: grid; align-items: center; column-gap: 16px; row-gap: 8px;
  grid-template-columns: minmax(9rem, 1.3fr) minmax(0, 1fr) minmax(0, 1fr) auto;
  grid-template-areas: "lead got gave swing"; }
.rcpt-card.is-won { border-left: 3px solid var(--pos); }
.rcpt-card.is-lost { border-left: 3px solid var(--neg); }
.rcpt-card.is-even { border-left: 3px solid var(--line-strong); }
.rcpt-card.is-unscored { border-left: 3px solid var(--warn); }


.rcpt-lead { grid-area: lead; display: flex; flex-direction: column;
  gap: 4px; min-width: 0; }
.rcpt-verdict { align-self: flex-start; font-family: var(--display);
  text-transform: uppercase; letter-spacing: .06em; font-weight: 600;
  font-size: 11px; padding: 3px 10px; border-radius: var(--r-chip);
  white-space: nowrap; text-align: center; border: 1px solid transparent; }
.rcpt-verdict.is-won { color: var(--pos);
  background: color-mix(in srgb, var(--pos) 15%, transparent);
  border-color: color-mix(in srgb, var(--pos) 40%, transparent); }
.rcpt-verdict.is-lost { color: var(--neg);
  background: color-mix(in srgb, var(--neg) 15%, transparent);
  border-color: color-mix(in srgb, var(--neg) 40%, transparent); }
.rcpt-verdict.is-even { color: var(--muted);
  background: color-mix(in srgb, var(--line) 40%, transparent);
  border-color: var(--line); }
.rcpt-verdict.is-unscored { color: var(--warn);
  background: color-mix(in srgb, var(--warn) 15%, transparent);
  border-color: color-mix(in srgb, var(--warn) 40%, transparent); }
.rcpt-meta { display: flex; align-items: baseline; gap: .1rem .5rem;
  min-width: 0; flex-wrap: wrap; }
.rcpt-partner { color: var(--text); font-weight: 500; min-width: 0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-size: 13px; }
.rcpt-when { color: var(--ink-3); font-family: var(--mono); font-size: 11px;
  font-variant-numeric: tabular-nums; white-space: nowrap; }


.rcpt-side { grid-area: got; display: flex; flex-direction: column; gap: 3px;
  min-width: 0; }
.rcpt-side.rcpt-side-gave { grid-area: gave; }
.rcpt-side-lbl { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .09em; font-size: 10px; font-weight: 600; color: var(--muted); }
.rcpt-assets { display: flex; flex-direction: column; gap: 3px; }
.rcpt-asset { display: flex; align-items: center; gap: 7px; min-width: 0; }
.rcpt-asset .nm { min-width: 0; white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; color: var(--text); font-size: 13.5px; }
.rcpt-asset .nm a { color: inherit; }
.rcpt-asset .pick-ref { color: var(--muted); font-size: 13px; }

.rcpt-basisline { font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-size: 11.5px; color: var(--faint); }
.rcpt-basisline .arrow { color: var(--ink-3); padding: 0 .3rem; }


.rcpt-swing { grid-area: swing; text-align: right; line-height: 1;
  justify-self: end; }
.rcpt-swing-num { font-family: var(--mono); font-variant-numeric: tabular-nums;
  font-weight: 700; font-size: 30px; letter-spacing: -.01em; white-space: nowrap;
  color: var(--text); }
.rcpt-swing-num.is-up { color: var(--pos); }
.rcpt-swing-num.is-down { color: var(--neg); }
.rcpt-swing-lbl { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .08em; font-size: 9.5px; font-weight: 600; color: var(--muted);
  display: block; margin-top: 3px; }


.rcpt-caveat { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px;
  font-size: 11.5px; color: var(--warn); }
.rcpt-caveat::before { content: ""; flex: none; width: 5px; height: 5px;
  border-radius: 50%; background: currentColor; }


.rcpt-skel-swing { width: 5rem; height: 30px; justify-self: end; }


@media (max-width: 640px) {
  .rcpt-hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .rh-hero { grid-column: 1 / -1; flex-direction: row; align-items: baseline;
    gap: 10px; flex-wrap: wrap; }
  .rh-hero .rh-num { font-size: 32px; }

  .rcpt-card { grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "lead  swing"
      "got   gave"; }
  .rcpt-lead { align-self: center; }
  .rcpt-swing { align-self: center; }
  .rcpt-swing-num { font-size: 26px; }
  .rcpt-caveat { grid-column: 1 / -1; }
}




.off-tl-legend { margin-top: 6px; }





.tspark-head { display: flex; align-items: baseline; gap: 14px;
  flex-wrap: wrap; margin: 2px 0 7px; }
.tspark-figs { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.tspark-hero { font-family: var(--mono); font-size: 30px; font-weight: 600;
  line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums;
  color: var(--text); }
.tspark-lbl { font-family: var(--display); font-size: 10px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.tspark-delta { font-family: var(--mono); font-size: 12px; font-weight: 600;
  font-variant-numeric: tabular-nums; color: var(--pos); }
.tspark-delta.is-neg { color: var(--neg); }
.tspark-delta.is-flat { color: var(--muted); }
.tspark-delta small { color: var(--faint); font-size: .8em; }

.tspark { max-width: 720px; }
.tspark .spark { width: 100%; height: auto; display: block; }

@media (max-width: 720px) {
  .tspark-hero { font-size: 27px; }
  .tspark-lbl { font-size: 9px; }
}


.psx-verdicts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin: 0 0 10px; }

.psx-axis { display: flex; align-items: center; gap: .6rem; margin: 0 0 3px; }
.psx-axis-track { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
.psx-axis-lbl { font-family: var(--display); font-size: 10px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .06em; color: var(--faint); }
.psx-row { display: flex; align-items: center; gap: .6rem; margin: .35rem 0 0; }
.psx-pos { flex: 0 0 2.4rem; }
.psx-track { flex: 1 1 auto; min-width: 0; position: relative;
  display: flex; align-items: stretch; height: 12px;
  background: var(--bg-2); border-radius: var(--r-badge); }
.psx-half { flex: 1 1 0; min-width: 0; display: flex; }
.psx-neg { justify-content: flex-end; }        
.psx-pos-side { justify-content: flex-start; } 
.psx-fill { height: 100%; border-radius: var(--r-badge); }
.psx-fill.is-pos { background: var(--pos); }
.psx-fill.is-neg { background: var(--neg); }
.psx-zero { position: absolute; left: 50%; top: -3px; bottom: -3px; width: 1px;
  background: var(--line-strong); }
.psx-val { flex: 0 0 auto; width: 4.6rem; text-align: right;
  font-family: var(--mono); font-size: 12px; font-variant-numeric: tabular-nums; }

.psx-sub { margin: 2px 0 9px 2.9rem; font-size: 11px; line-height: 1.35;
  color: var(--muted); }
.psx-sub .psx-sub-k { color: var(--faint); }

.psx-sub .psx-sub-n { font-family: var(--mono); font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
  .psx-val { width: 3.9rem; font-size: 11px; }
  .psx-sub { margin-left: 0; font-size: 10.5px; }
}


.row-taxi td:first-child { border-left: 3px solid var(--warn); }
.row-taxi { background: color-mix(in srgb, var(--warn) 6%, transparent); }
.pcard.is-taxi { border-left-color: var(--warn); }


@media (max-width: 720px) {
  .mobile-cards .tr2-group { display: flex; align-items: baseline; gap: 7px;
    margin: 10px 0 3px; }
  .mobile-cards .tr2-group:first-child { margin-top: 0; }
  .tr2-gcount { font-family: var(--mono); font-size: 10px; color: var(--faint);
    letter-spacing: 0; }
  .tr2-card .pcard-top { align-items: center; gap: 6px; }
  
  .tr2-card { display: flex; align-items: center; gap: 8px; }
  .tr2-main { flex: 1 1 auto; min-width: 0; }
  .tr2-card .tr2-valcol { display: flex; flex-direction: column;
    align-items: flex-end; gap: 0; flex: none; margin-left: auto; }
  .tr2-card .pcard-val { font-size: 22px; line-height: 1; }
  .tr2-valdelta { font-size: 10px; line-height: 1.1; white-space: nowrap; }
  .tr2-valdelta .trend-up, .tr2-valdelta .trend-down {
    font-family: var(--mono); font-variant-numeric: tabular-nums; font-size: 10px; }
  .tr2-card .pcard-name { font-size: 13px; }
  
  .tr2-card { position: relative; min-height: 44px; }
  .tr2-card .pcard-name a { padding: 7px 0; }
  .tr2-card .pcard-name a::after { content: ""; position: absolute; inset: 0; }
  .tr2-card .pcard-top .chip { flex: none; font-size: 9.5px; padding: 0 5px; }
  
  
  .tr2-meta { display: flex; align-items: center; gap: 0 5px;
    flex-wrap: nowrap; overflow: hidden; white-space: nowrap;
    margin-top: 4px; font-size: 11px; line-height: 1.2; color: var(--muted); }
  .tr2-meta > * { flex: none; }
  
  .tr2-meta .tr2-sep { color: var(--ink-3); }
  .tr2-meta .tr2-none { color: var(--ink-3); }
  .tr2-meta .tr2-k { font-family: var(--mono); font-variant-numeric: tabular-nums;
    color: var(--muted); }
  
  .tr2-meta .tr2-u, .tr2-valcol .tr2-u { color: var(--faint); font-size: 10px; }
  .tr2-meta .trend-up, .tr2-meta .trend-down { font-family: var(--mono);
    font-variant-numeric: tabular-nums; }
  .tr2-meta .chip { font-size: 9.5px; padding: 0 5px; }
  
  .off-tl-legend { display: none; }
}


@media (max-width: 720px) {
  .team-hero .hcard { padding: 8px 10px; }
  
  .team-hero .hero-val { font-size: 40px; }
  .team-hero .hero-sub { gap: 8px; font-size: 10.5px; margin-top: 4px; }
  .team-hero .tag-reset { font-size: 14px; margin: 2px 0 0; }
  .team-hero .meter { margin-top: 5px; gap: 6px; }
  .team-hero .meter .cap { width: 4.1rem; font-size: 9.5px; }
  .team-hero .hcard .lbl { font-size: 9px; }
}


.pcard-* rule; Players-specific geometry is the NEW
   .plx-* family. No :root edits, no raw hex, radii from the --r-* ladder,
   zero motion added. */


.plx-hero { position: relative; display: flex; align-items: baseline;
  flex-wrap: wrap; gap: 4px 12px; margin: 0 0 10px;
  padding: 12px 14px 11px; background: var(--bg-1);
  border: 1px solid var(--line); border-radius: var(--r-card); }
.plx-hero::before { content: ""; position: absolute; left: -1px; right: -1px;
  top: -1px; height: 3px; border-radius: var(--r-card) var(--r-card) 0 0;
  background: linear-gradient(90deg, var(--accent), var(--accent-cy)); }
.plx-hero-num { font-family: var(--mono); font-size: 40px; font-weight: 700;
  line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums;
  color: var(--text); }
.plx-hero-lbl { min-width: 0; overflow: hidden; text-overflow: ellipsis;
  font-family: var(--display); font-size: 12px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }


.plx-filters > summary { display: none; }
.plx-filters { min-width: 0; }        


.plx-own { flex: 0 1 auto; min-width: 0; overflow: hidden;
  text-overflow: ellipsis; }

.mv-nm-short { display: none; }

@media (max-width: 720px) {
  
  .players-page > section.zone { margin-bottom: 10px; }

  .plx-hero { padding: 10px 12px 9px; }
  .plx-hero-num { font-size: 40px; }   

  
  .plx-filters { padding: 0 12px; margin-bottom: 8px; }
  
  .plx-filters:not([open]) { display: block; }
  .plx-filters[open] { padding-bottom: 12px; }
  .plx-filters > summary { display: flex; align-items: center; gap: 6px;
    min-height: 36px; padding: 0 2px; margin: 0; list-style: none;
    cursor: pointer; position: relative; }
  .plx-filters > summary::before { content: ""; position: absolute;
    inset: -4px 0; }
  .plx-filters > summary::-webkit-details-marker { display: none; }
  .plx-filters > summary::after { content: "\25BE"; float: none; width: auto;
    height: auto; margin-left: auto; background: none; color: var(--muted); }
  .plx-filters[open] > summary::after { content: "\25B4"; }
  .plx-sum-chips { display: flex; align-items: center; flex-wrap: nowrap;
    gap: 5px; min-width: 0; overflow: hidden; white-space: nowrap; }
  .plx-sum-chip { flex: none; font-size: 13px; color: var(--muted); }
  .plx-sum-chip + .plx-sum-chip::before { content: "\00B7"; margin-right: 5px;
    color: var(--ink-3); }

  
  .plx-inj { flex: none; font-size: 9.5px; padding: 0 5px; }

  
  .players-page .pager { align-items: center; gap: 8px; }
  .players-page .pager [role="button"] { min-height: 44px;
    display: inline-flex; align-items: center; }
  
  .players-page .pager .muted { font-size: 11px; color: var(--muted); }
  .players-page .zone-desc,
  .players-page .meta-sm { font-size: 11px; color: var(--muted); }
  .players-page .mv-adds .chip.ghost { color: var(--ink-3); }
  
  .players-page .mv-adds .chip.ghost { display: none; }
  .players-page .mv-row { gap: 5px; }
  .players-page .mv-row .mv-name { gap: 4px; }
  .players-page .mv-row .mv-adds { gap: 4px; }
  .players-page .mv-nm-full { display: none; }
  .players-page .mv-nm-short { display: inline; }
}





@media (max-width: 720px) {
  .teams-page { display: flex; flex-direction: column; gap: 14px; }
  .teams-page > .zone { margin-top: 0; }
  .teams-page > .tz-show { order: 1; }
  .teams-page > .tz-rankings { order: 2; }
  .teams-page > .tz-playoff { order: 3; }
  .teams-page > .tz-map { order: 4; }

  
  .teams-page .pr-rows { display: none; }
  .teams-page .pr-hero-num { font-size: 2.1rem; }
}


@media (max-width: 720px) {
  
  .lg2-rank { font-family: var(--mono); font-variant-numeric: tabular-nums;
    color: var(--faint); font-size: 12px; width: 1.9rem; flex: none;
    text-align: right; }
  .lg2-card .pcard-name { min-width: 0; }
  .lg2-card .pcard-name a { display: inline-block; max-width: 100%;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    vertical-align: bottom; }
  
  .lg2-meta .lg2-quad { font-size: 11px; color: var(--muted); }
  .lg2-meta .dna-chips { display: inline-flex; flex-wrap: nowrap;
    overflow: hidden; margin-top: 0; gap: 4px; }
  .lg2-meta .dna-chip { font-size: 11px; line-height: 1.3; }
  
  .lg2-card .lg2-meta { overflow: hidden; }

  
  .lg2-move { font-family: var(--mono); font-variant-numeric: tabular-nums;
    font-size: 11px; line-height: 1.1; white-space: nowrap; }
  .lg2-move.is-up { color: var(--pos); }
  .lg2-move.is-down { color: var(--neg); }
  .lg2-move.is-flat { color: var(--ink-3); }
}



.teams-league .lg2-you { font-size: 11px;
  color: var(--muted); background: var(--bg-2);
  border: 1px solid var(--line); border-radius: var(--r-chip);
  font-family: var(--mono); font-variant-numeric: tabular-nums; }


.hero-verdict { display: none; }

@media (max-width: 720px) {
  .hero-verdict { display: inline-flex; align-items: center;
    font-family: var(--display); text-transform: uppercase;
    letter-spacing: .07em; font-weight: 700; font-size: 12px;
    padding: 2px 8px; border-radius: var(--r-chip);
    background: var(--bg-2); border: 1px solid var(--line);
    white-space: nowrap; }
  
  #tour-zone-myteam .hc-outlook:has(.meter),
  #tour-zone-myteam .hc-signals { display: none; }
}


@media (max-width: 720px) {
  
  #tour-zone-activity > .rail2,
  #tour-zone-activity > .panel,
  #tour-zone-activity > details { margin-bottom: 9px; }
  #tour-zone-activity > :last-child { margin-bottom: 0; }

  #tour-zone-moves .two { grid-template-columns: minmax(0,1fr); gap: 10px; }
  
  #tour-zone-moves .two .pl small { display: inline; }
  
  #tour-zone-moves .colhead,
  #tour-zone-activity .colhead { font-size: 11px; }
}


.dash-news > .dash-digest { margin-bottom: 0; }



.cond-list { display: flex; flex-direction: column; gap: 6px; }


.cond-group { display: flex; align-items: baseline; gap: 8px; margin: 14px 0 6px; }
.cond-list > .cond-group:first-child { margin-top: 2px; }
.cond-glabel { font-family: var(--display); text-transform: uppercase;
  letter-spacing: .14em; font-weight: 600; font-size: 12.5px;
  color: var(--muted); }
.cond-gcount { font-family: var(--mono); font-size: 11px; color: var(--faint);
  font-variant-numeric: tabular-nums; }


.cond-card { position: relative; min-height: 44px; display: flex;
  flex-direction: column; justify-content: center;
  background: var(--bg-1); border: 1px solid var(--line);
  border-left: 3px solid transparent; border-radius: var(--r-card);
  padding: 7px 12px; }
.cond-card.is-changed { border-left-color: var(--accent); }

.cond-card:has(.cond-link:focus-visible) { outline: 2px solid var(--accent);
  outline-offset: -2px; }

.cond-l1 { display: flex; align-items: center; gap: 8px; min-width: 0; }

.cond-l1 > .pos,
.cond-l1 > .cond-none { flex: none; width: 2.55rem; text-align: center; }
.cond-l1 > .pos { display: inline-block; box-sizing: border-box; }


.cond-l1 .alert-verdict.is-valuable { color: var(--text); background: none;
  border-color: var(--line); }
.cond-l1 .alert-verdict.is-watch,
.cond-l1 .alert-verdict.is-rising { color: var(--pos); background: none;
  border-color: color-mix(in srgb, var(--pos) 40%, transparent); }
.cond-l2 { margin-top: 2px; font-size: 11px; line-height: 1.3;
  color: var(--muted); white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; }

.cond-name { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap;
  text-overflow: ellipsis; color: var(--text); text-decoration: none;
  font-weight: 600; font-size: 13.5px; }
.cond-name:hover { color: var(--accent); }
.cond-link::after { content: ""; position: absolute; inset: 0; }

.cond-fig { flex: none; font-family: var(--mono); font-weight: 700;
  font-size: 22px; line-height: 1.05; color: var(--text);
  font-variant-numeric: tabular-nums; }
.cond-fig.is-up { color: var(--pos); }
.cond-fig.is-down { color: var(--neg); }


.cond-none { color: var(--ink-3); }
.cond-fig.cond-none { color: var(--ink-3); }


.cond-skel .cond-card { border-left-color: transparent; }


details.section.cond-cleared { margin-top: 16px; }

details.section.cond-cleared:not([open]) { display: block; }

details.section.cond-cleared > summary::before { background: var(--line-strong); }
details.section.cond-cleared > summary:hover { color: var(--text); }
.cond-cleared-list { display: flex; flex-direction: column; gap: 3px;
  margin: 0; padding: 0; list-style: none; }
.cond-cleared-item { display: flex; align-items: baseline; gap: 8px;
  font-size: 12px; color: var(--muted); min-width: 0; }
.cond-cleared-item .cond-cl-name { flex: 1; min-width: 0; overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis; }
.cond-cleared-item .cond-cl-when { flex: none; font-family: var(--mono);
  font-size: 11px; color: var(--faint); font-variant-numeric: tabular-nums; }


.cond-filters-zone { margin-top: 14px; }
.cond-filters { display: flex; flex-direction: column; gap: 6px; }

@media (max-width: 720px) {
  .cond-card { padding: 6px 10px; border-radius: var(--r-chip); }
  .cond-list { gap: 5px; }
  .cond-name { font-size: 13px; }
  
  .cond-group { margin: 11px 0 5px; }

  

  
  .cond-filters a.fchip { position: relative; }
  .cond-filters a.fchip::after { content: ""; position: absolute;
    left: 0; right: 0; top: -12px; bottom: -12px; }
  .cond-filters { gap: 24px; }
  .cond-filters .fchips { row-gap: 24px; }

  
  .alert-refresh .btn-hud.ghost {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: -7px 0 -9px; }

  
  details.section.cond-cleared > summary {
    min-height: 44px;
    margin-top: -4px;
    margin-bottom: -4px; }
}