/* Tickerdome dome palette, SCOPED to roster cards, detail dialog and lower sections. Upper chrome (header/home/hero) = pre-OOP look (Mike pick). */
#players,#trades,#episodes,dialog{--panel:var(--td-card,#161B30);--line:var(--td-steel,#2A3150);--text:var(--td-fg,#F2F4FA);--muted:#A9B1CC;--win:#2BE38A;--loss:#FF4D5E}
.card.td-card{display:block;background:var(--panel);border:1px solid var(--line);box-shadow:none;color:var(--text)}
.card.td-card:hover,.card.td-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,205,80,.35)}
.card .nk,#players .muted{color:var(--muted)}.card .nm{color:var(--text)}
.td-card--unseen{opacity:.7;filter:grayscale(.7)}
dialog{background:var(--panel);border-color:var(--line)}
.linkbtn{background:none!important;color:var(--accent)!important}
#aboutTeaser .lnk{display:inline-flex;align-items:center;min-height:44px}
:focus-visible{outline:3px solid #39D5FF;outline-offset:2px}
main>[hidden]{display:none!important}

/* persistent top strip: header + About lead + search, sticky on every tab */
#topbar{position:sticky;top:0;z-index:6;background:var(--bg)}#topbar header{position:static}
#aboutTeaser{border-bottom:1px solid var(--line);padding:6px 16px}
#aboutTeaser .strip{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
#aboutTeaser .teaser{flex:1 1 320px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}#aboutTeaser .lead{margin:0;font-size:1rem}
#aboutTeaser .search{flex:0 1 360px;display:flex;align-items:center;gap:8px}#aboutTeaser .search label{white-space:nowrap}
#filterBar{top:var(--topbar-h,120px)}
.home-leads{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:16px}.lead-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius,12px);padding:12px;color:var(--text);text-decoration:none;min-height:44px}.lead-card:hover,.lead-card:focus-visible{border-color:var(--accent)}.lead-card .go{color:var(--accent);font-weight:700}
.sortable th{padding:0}.sortbtn{width:100%;min-height:44px;background:none;border:0;color:var(--accent);font:inherit;font-weight:700;text-align:left;padding:6px;cursor:pointer}.sortbtn .arr{opacity:.8}th[aria-sort=none] .arr{opacity:.4}
#aboutTeaser .sleeve-lead{margin:0;font-size:.9rem;color:var(--muted)}.st-note{color:var(--muted)}.vs{display:block}.dc-sleeve{font-size:.9rem;font-weight:700}
.period{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}
.dc-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:10;min-width:48px;min-height:64px;font-size:2rem;line-height:1;border-radius:12px;border:1px solid var(--accent);background:rgba(10,10,14,.9);color:var(--accent);cursor:pointer}.dc-nav.prev{left:max(8px,calc(50vw - 400px))}.dc-nav.next{right:max(8px,calc(50vw - 400px))}.dc-nav:hover,.dc-nav:focus-visible{background:var(--accent);color:#000}.dc-pos{text-align:center}
.period.leagues .chip{border-style:dashed}.period.leagues .chip[aria-pressed=true]{border-style:solid}
.disclaimer-box{border:2px solid var(--accent);border-radius:12px;background:rgba(255,205,80,.08);padding:12px 16px;margin-bottom:16px;font-size:1.05rem;color:var(--text)}.disclaimer-box h3{margin:0 0 6px;color:var(--accent);font-size:1.3rem}.disclaimer-box p{margin:6px 0}
.site-banner{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#000;font-weight:700;font-size:.95rem;padding:2px 12px;min-height:32px}.site-banner[hidden]{display:none}.banner-x{min-width:44px;min-height:32px;background:none;border:0;color:#000;font-size:1rem;cursor:pointer}
.survey-box{border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:16px 0;background:var(--panel)}.survey-box fieldset{border:0;padding:0;margin:8px 0}.survey-box legend{font-weight:700;margin-bottom:6px}.survey-box label{display:block;margin:8px 0}.survey-box input{min-height:44px;width:100%;max-width:360px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:0 12px;font:inherit}.survey-notice{color:var(--accent)}.survey-link{margin-top:12px}
.survey-strip{background:#141826;border-bottom:1px solid var(--line);padding:4px 16px;font-size:.9rem}.survey-strip .sv-row{max-width:1100px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}.survey-strip fieldset{border:0;margin:0;padding:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.survey-strip legend{float:left;font-weight:700;margin-right:6px}.survey-strip .period{margin:0}.survey-strip .chip{min-height:36px}.survey-strip .sv-yes{max-width:1100px;margin:4px auto;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.survey-strip .sv-yes p{margin:0;flex-basis:100%}.survey-strip label{display:flex;align-items:center;gap:6px}.survey-strip input{min-height:36px;width:200px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:0 10px;font:inherit}.survey-strip .clearbtn{min-height:36px}.survey-notice{color:var(--accent)}.sv-msg:empty,.sv-count:empty{display:none}
.survey-strip [hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.survey-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px}.survey-strip .sv-row{margin:0}.survey-strip .sv-yes{flex-basis:100%;justify-content:center}
.survey-strip .sv-row{max-width:none;flex:0 1 auto}@media(max-width:700px){#topbar{position:static}#filterBar{top:0}}
#survey.survey-strip{margin:0}
#survey{position:relative}#survey[hidden]{display:none!important}.sv-x{position:absolute;right:8px;top:4px;min-width:44px;min-height:36px;background:none;border:0;color:var(--text);font-size:1rem;cursor:pointer}.sv-x:hover,.sv-x:focus-visible{color:var(--accent)}@media(max-width:700px){.survey-strip{padding-right:52px}}
.sv-stub{display:none}#survey.collapsed{padding:0 16px}#survey.collapsed>*:not(.sv-stub){display:none!important}#survey.collapsed .sv-stub{display:block;margin:0 auto;min-height:28px;padding:2px 14px;background:none;border:0;color:var(--accent);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}#survey.collapsed .sv-stub:hover,#survey.collapsed .sv-stub:focus-visible{text-decoration:underline}
.connect-box{border:1px dashed var(--accent);border-radius:12px;padding:12px 16px;margin-bottom:16px;background:var(--panel)}.connect-box h3{margin:0 0 6px;color:var(--accent)}.connect-box p{margin:6px 0}