@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Work+Sans:wght@300;400;500;600&display=swap");

:root { --font-geist-sans: "Work Sans"; --font-geist-mono: "Work Sans"; --font-display: "Poppins"; }
body { font-family: "Work Sans", Arial, sans-serif; }
button { font: inherit; }
.message-stack { position: fixed; top: 18px; left: 50%; z-index: 20; transform: translateX(-50%); pointer-events: none; }
.message { width: fit-content; max-width: 680px; margin-left: auto; padding: 13px 17px; border: 1px solid var(--line); border-radius: 10px; background: var(--white); box-shadow: var(--shadow); color: var(--ink); font-size: 13px; }
.message.error { border-color: rgba(219,76,17,.35); background: #fff2e8; color: #8b3816; }
.message.success { border-color: rgba(30,115,80,.3); background: #eff7e7; color: #245b3f; }
.header-account, .row-actions { display: flex; align-items: center; gap: 14px; }
.header-account { color: var(--ink-soft); font-size: 14px; }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; align-items: start; }
.coach-hub { margin: 0 0 28px; padding: clamp(22px,3.5vw,34px); border: 1px solid #234d5b; border-radius: 18px; background: radial-gradient(circle at 95% 0,rgba(232,243,107,.16),transparent 35%),linear-gradient(145deg,#102a34,#173f4b); color: #fff; box-shadow: 9px 9px 0 rgba(23,63,80,.14); }
.coach-hub-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }
.coach-hub-heading .micro-label, .coach-hub-answer-heading .micro-label { color: #e8f36b; }
.coach-hub-heading h2 { margin: 6px 0 8px; color: #fff; font-size: clamp(28px,4vw,42px); letter-spacing: -.05em; }
.coach-hub-heading p { max-width: 760px; margin: 0; color: #aec2c9; font-size: 11px; line-height: 1.65; }
.coach-hub-mode { flex: 0 0 auto; padding: 8px 11px; border: 1px solid rgba(232,243,107,.34); border-radius: 999px; color: #e8f36b; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.coach-hub-learning-controls { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: 20px; padding: 12px 14px; border: 1px solid rgba(232,243,107,.2); border-radius: 10px; background: rgba(4,24,31,.3); }
.coach-hub-learning-controls label span { display: block; margin-bottom: 5px; color: #8faab3; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.coach-hub-learning-controls select { min-width: 150px; padding: 8px 30px 8px 10px; border: 1px solid rgba(255,255,255,.2); border-radius: 7px; background: #173f4b; color: #fff; font: inherit; font-size: 9px; font-weight: 800; }
.coach-hub-learning-controls select:focus { border-color: #e8f36b; outline: 0; }
.coach-hub-learning-controls small { max-width: 510px; color: #8fa7af; font-size: 7px; line-height: 1.5; text-align: right; }
.coach-hub-quick-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.coach-hub-quick-actions button { padding: 9px 13px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; background: rgba(255,255,255,.06); color: #d8e7eb; cursor: pointer; font-size: 8px; font-weight: 900; }
.coach-hub-quick-actions button:hover, .coach-hub-quick-actions button:focus-visible { border-color: #e8f36b; color: #e8f36b; }
.coach-hub-form { margin-top: 18px; }
.coach-hub-form > label { display: block; color: #8faab3; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.coach-hub-form > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin-top: 7px; }
.coach-hub-form input { min-width: 0; min-height: 46px; padding: 0 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 9px; outline: 0; background: rgba(4,24,31,.45); color: #fff; font: inherit; }
.coach-hub-form input::placeholder { color: #7f9aa3; }
.coach-hub-form input:focus { border-color: #e8f36b; }
.coach-hub-form button { min-height: 46px; padding: 0 20px; border: 0; border-radius: 9px; background: #e8f36b; color: #173942; cursor: pointer; font-size: 9px; font-weight: 900; }
.coach-hub-form button:disabled, .coach-hub-quick-actions button:disabled { cursor: wait; opacity: .55; }
.ai-privacy-disclosure { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px 10px; align-items: start; margin-top: 11px; padding: 10px 12px; border: 1px solid rgba(23,63,80,.16); border-radius: 8px; background: rgba(255,255,255,.66); color: #647a82; font-size: 7px; line-height: 1.55; }
.ai-privacy-disclosure strong { color: #173f50; font-size: 7px; letter-spacing: .05em; text-transform: uppercase; }
.ai-privacy-disclosure a { color: #17695f; font-weight: 900; white-space: nowrap; }
.coach-hub .ai-privacy-disclosure { border-color: rgba(232,243,107,.2); background: rgba(4,24,31,.3); color: #9db1b8; }
.coach-hub .ai-privacy-disclosure strong, .coach-hub .ai-privacy-disclosure a { color: #e8f36b; }
.coach-hub-status { min-height: 17px; margin-top: 8px; color: #b9ccd2; font-size: 8px; font-weight: 800; }
.coach-hub-result { margin-top: 3px; padding: 21px; border: 1px solid rgba(255,255,255,.12); border-radius: 13px; background: rgba(4,24,31,.36); }
.coach-hub-answer-heading h3 { margin: 6px 0 0; color: #fff; font-size: 23px; letter-spacing: -.04em; }
.coach-hub-answer { max-width: 900px; margin: 10px 0 0; color: #d0dfe3; font-size: 11px; font-weight: 700; line-height: 1.65; }
.coach-hub-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 17px; }
.coach-hub-metrics article { min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(255,255,255,.05); }
.coach-hub-metrics span, .coach-hub-metrics strong, .coach-hub-metrics small { display: block; }
.coach-hub-metrics span { color: #89a5ae; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.coach-hub-metrics strong { margin-top: 7px; color: #e8f36b; font-size: 22px; }
.coach-hub-metrics small { margin-top: 4px; color: #8fa7af; font-size: 7px; line-height: 1.4; }
.coach-hub-priorities { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-top: 15px; }
.coach-hub-priority { display: flex; min-width: 0; min-height: 210px; flex-direction: column; padding: 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: #f7fbfc; color: #183c47; text-decoration: none; transition: transform .15s,border-color .15s; }
.coach-hub-priority:hover, .coach-hub-priority:focus-visible { border-color: #e8f36b; transform: translateY(-2px); }
.coach-hub-priority > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.coach-hub-priority > header b { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #173f4b; color: #fff; font-size: 8px; }
.coach-hub-priority > header span { color: #53737d; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.coach-hub-priority > strong { margin-top: 13px; color: #163b46; font-size: 12px; line-height: 1.4; }
.coach-hub-priority > small { margin-top: 6px; color: #6c858d; font-size: 8px; line-height: 1.45; }
.coach-hub-priority > p { margin: 11px 0 15px; color: #48636c; font-size: 8px; line-height: 1.55; }
.coach-hub-preference-note { width: fit-content; margin: -4px 0 12px; padding: 5px 7px; border-radius: 999px; background: #e9f3d4; color: #446316; font-size: 6px; font-weight: 900; letter-spacing: .03em; text-transform: uppercase; }
.coach-hub-priority > em { margin-top: auto; color: #17728e; font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.coach-hub-category-draft { box-shadow: inset 0 3px #4ba691; }
.coach-hub-category-matchup { box-shadow: inset 0 3px #4b9bd3; }
.coach-hub-category-signal { box-shadow: inset 0 3px #ee7b50; }
.coach-hub-category-setup { box-shadow: inset 0 3px #e8f36b; }
.coach-hub-disclosure, .coach-hub-note { display: block; margin-top: 13px; color: #8da5ad; font-size: 7px; line-height: 1.55; }
.coach-hub-note { color: #78949e; }
.coach-hub-feedback { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.1); }
.coach-hub-feedback > strong { color: #dce9ec; font-size: 8px; }
.coach-hub-feedback > div { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.coach-hub-feedback button { padding: 6px 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.07); color: #dbe7ea; cursor: pointer; font: inherit; font-size: 7px; font-weight: 900; }
.coach-hub-feedback button:hover, .coach-hub-feedback button:focus-visible { border-color: #e8f36b; color: #e8f36b; }
.coach-hub-feedback-reasons { flex-basis: 100%; padding-left: 0; }
.coach-hub-feedback-reasons[hidden] { display: none; }
.coach-hub-feedback-reasons span { color: #8da5ad; font-size: 7px; font-weight: 800; }
.coach-hub-feedback > small { flex-basis: 100%; color: #78949e; font-size: 7px; line-height: 1.5; }
.nfl-news-ticker { margin: 0 0 28px; overflow: hidden; border: 1px solid #173f50; border-radius: 13px; background: #0d2029; color: #fff; box-shadow: 7px 7px 0 rgba(23,63,80,.14); }
.nfl-news-ticker-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 14px; border-bottom: 1px solid rgba(135,199,222,.18); }
.nfl-news-ticker-heading > div { display: flex; align-items: center; gap: 8px; min-width: 0; }
.nfl-news-ticker-heading strong { font-size: 10px; letter-spacing: .11em; text-transform: uppercase; }
.nfl-news-ticker-heading > div > span:last-child { color: #8eabb8; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.ticker-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #f16c3f; box-shadow: 0 0 0 4px rgba(241,108,63,.14); }
.nfl-news-ticker-heading button { border: 0; background: transparent; color: #a9c0ca; font: inherit; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.nfl-news-ticker-heading button:hover, .nfl-news-ticker-heading button:focus-visible { color: #fff; }
.nfl-news-ticker-viewport { overflow: hidden; }
.nfl-news-ticker-track { display: flex; width: max-content; animation: nfl-wire-scroll 75s linear infinite; }
.nfl-news-ticker-viewport:hover .nfl-news-ticker-track, .nfl-news-ticker-viewport:focus-within .nfl-news-ticker-track, .nfl-news-ticker.is-paused .nfl-news-ticker-track { animation-play-state: paused; }
.nfl-news-ticker-group { display: flex; align-items: stretch; gap: 0; padding-right: 18px; }
.nfl-news-ticker-item { display: grid; grid-template-columns: auto minmax(240px,420px) auto; align-items: center; gap: 10px; padding: 14px 18px; border-right: 1px solid rgba(135,199,222,.15); color: #fff; }
.nfl-news-ticker-item > span { padding: 4px 6px; border-radius: 999px; background: #f16c3f; color: #fff; font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.nfl-news-ticker-item strong { overflow: hidden; font-size: 11px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.nfl-news-ticker-item small { color: #88a5b1; font-size: 8px; white-space: nowrap; }
@keyframes nfl-wire-scroll { to { transform: translateX(-50%); } }

.fullback-signals-card, .nfl-wire-card, .pinned-reading-card { overflow: hidden; padding: 24px; border-radius: 14px; }
.fullback-signals-card { border: 1px solid #dd5a31; background: radial-gradient(circle at 100% 0,rgba(241,108,63,.25),transparent 40%),#171e21; color: #fff; box-shadow: 7px 7px 0 rgba(221,90,49,.2); }
.fullback-signals-card h2, .nfl-wire-card h2, .pinned-reading-card h2 { margin: 7px 0 16px; font-size: 25px; letter-spacing: -.04em; }
.fullback-signal-list { display: grid; gap: 11px; }
.fullback-signal { display: grid; gap: 5px; padding: 12px 0 0; border-top: 1px solid rgba(255,255,255,.12); }
.fullback-signal:first-child { padding-top: 0; border-top: 0; }
.fullback-signal-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.fullback-signal-heading > span { color: #ef9c7f; font-size: 7px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.fullback-signal > a, .fullback-signal > strong { color: #fff; font-size: 11px; font-style: normal; font-weight: 800; line-height: 1.4; }
.fullback-signal > a i { color: #f6ac90; font-style: normal; }
.fullback-signal > small { color: #aebdc3; font-size: 8px; line-height: 1.45; }
.news-article-dates { display: grid; gap: 2px; color: #e1e8ea; font-size: 8px; line-height: 1.45; }
.news-article-dates small, .signal-observed-at { color: #879ba3; font-size: 7px; }
.fullback-signal > p { margin: 2px 0 0; color: #c8d3d7; font-size: 8px; line-height: 1.55; }
.fullback-signal > .fullback-signal-matchup { width: fit-content; color: #f4b39c; font-size: 7px; font-weight: 900; letter-spacing: .035em; text-transform: uppercase; }
.fullback-signals-card .signal-empty { margin: 0; color: #bec9cd; font-size: 11px; line-height: 1.6; }
.fullback-signals-card footer { display: grid; gap: 4px; margin-top: 17px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.12); color: #d8e0e3; font-size: 8px; line-height: 1.45; }
.fullback-signals-card footer small { color: #83959c; }

.nfl-wire-card { border: 1px solid #c6d8df; background: #f5f8f8; color: #102832; }
.nfl-wire-card > header { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.nfl-wire-card > header h2 { margin-bottom: 0; }
.nfl-wire-card > header > small { color: #6b7f87; font-size: 7px; white-space: nowrap; }
.nfl-wire-list { display: grid; margin-top: 16px; }
.nfl-wire-list > article { display: grid; gap: 5px; padding: 12px 0; border-top: 1px solid #d8e2e5; color: #102832; }
.nfl-wire-item-heading { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.nfl-wire-list em { color: #d8572f; font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.nfl-wire-list small { color: #71838a; font-size: 7px; }
.nfl-wire-list strong { color: #102832; font-size: 10px; line-height: 1.42; }
.nfl-wire-list .news-retrieved-at { color: #8a9aa0; }
.nfl-wire-card .wire-empty { color: #677b83; font-size: 10px; line-height: 1.55; }
.deep-reading-links { margin-top: 17px; padding-top: 17px; border-top: 2px solid #173f50; }
.deep-reading-links h3 { margin: 6px 0 8px; font-size: 17px; letter-spacing: -.03em; }
.deep-reading-links > a, .deep-reading-links > article > a { display: grid; gap: 3px; padding: 8px 0; color: #173f50; }
.deep-reading-links > article { position: relative; padding-right: 118px; }
.deep-reading-links > article > div { position: absolute; top: 7px; right: 0; }
.deep-reading-links strong { font-size: 9px; line-height: 1.4; }
.deep-reading-links small { color: #71838a; font-size: 7px; line-height: 1.4; }
.nfl-wire-card > footer { margin-top: 14px; padding-top: 11px; border-top: 1px solid #d8e2e5; color: #71838a; font-size: 7px; line-height: 1.5; }
.news-article-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
.news-pin-form, .news-dismiss-form { margin: 0; }
.news-pin-form button, .news-dismiss-form button { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 4px 7px; border: 1px solid currentColor; border-radius: 999px; background: transparent; color: #6b7f87; cursor: pointer; font: inherit; font-size: 7px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.news-pin-form button:hover, .news-pin-form button:focus-visible, .news-pin-form button.is-pinned { border-color: #d8572f; background: #fff5ef; color: #b94725; }
.news-dismiss-form button:hover, .news-dismiss-form button:focus-visible { border-color: #8b4b3a; background: #fff2ee; color: #8b2f18; }
.fullback-signals-card .news-pin-form button, .fullback-signals-card .news-dismiss-form button { color: #d9b2a4; }
.fullback-signals-card .news-pin-form button:hover, .fullback-signals-card .news-pin-form button:focus-visible, .fullback-signals-card .news-pin-form button.is-pinned { border-color: #f4b39c; background: rgba(244,179,156,.13); color: #ffd5c7; }
.fullback-signals-card .news-dismiss-form button:hover, .fullback-signals-card .news-dismiss-form button:focus-visible { border-color: #ef9c7f; background: rgba(239,156,127,.13); color: #ffd5c7; }

.pinned-reading-card { border: 1px solid #d7b753; background: linear-gradient(145deg,#fffdf5,#fff8dd); color: #102832; box-shadow: 7px 7px 0 rgba(215,183,83,.2); }
.pinned-reading-card > header { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.pinned-reading-card > header h2 { margin-bottom: 0; }
.pinned-reading-count { display: grid; min-width: 30px; height: 30px; place-items: center; border-radius: 999px; background: #173f50; color: #fff; font-size: 10px; font-weight: 900; }
.pinned-reading-list { display: grid; margin-top: 16px; }
.pinned-reading-list > article { display: grid; gap: 6px; padding: 12px 0; border-top: 1px solid #e4d9b4; }
.pinned-reading-meta { display: flex; align-items: center; justify-content: space-between; gap: 9px; }
.pinned-reading-meta > span { color: #9a6b14; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.pinned-reading-list > article > a { color: #102832; font-size: 10px; font-weight: 800; line-height: 1.42; }
.pinned-reading-list > article > a i { color: #b94725; font-style: normal; }
.pinned-reading-list > article > small { color: #71838a; font-size: 7px; }
.pinned-reading-empty { display: grid; min-height: 170px; place-items: center; align-content: center; gap: 8px; margin-top: 16px; padding: 22px; border: 1px dashed #d9c680; border-radius: 11px; text-align: center; }
.pinned-reading-empty > span { color: #c29022; font-size: 25px; }
.pinned-reading-empty p { max-width: 290px; margin: 0; color: #6d684f; font-size: 10px; line-height: 1.55; }
.fantasy-inventory { margin-bottom: 28px; padding: clamp(22px, 4vw, 34px); border: 1px solid rgba(15,35,47,.18); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(237,245,247,.95)); box-shadow: 0 18px 55px rgba(15,35,47,.08); }
.inventory-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.inventory-heading h2 { margin: 5px 0 7px; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.045em; }
.inventory-heading p { max-width: 720px; margin: 0; color: var(--ink-soft); font-size: 12px; line-height: 1.6; }
.inventory-total { display: grid; min-width: 92px; place-items: center; padding: 13px 18px; border-radius: 13px; background: var(--ink); color: #fff; }
.inventory-total strong { font-family: var(--font-display), Arial, sans-serif; font-size: 28px; line-height: 1; }
.inventory-total span { margin-top: 5px; color: #aebbb3; font-size: 9px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.inventory-protocol-note { margin-top: 20px; padding: 18px; border: 1px solid #bcd3da; border-radius: 13px; background: linear-gradient(135deg,#f7fcfd,#edf6f8); }
.inventory-protocol-note > header { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: start; }
.inventory-protocol-note > header > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #173f50; color: #e8f36b; font-size: 15px; font-weight: 900; }
.inventory-protocol-note > header strong { display: block; color: #173f50; font-size: 12px; letter-spacing: -.01em; }
.inventory-protocol-note > header p { max-width: 900px; margin: 4px 0 0; color: #526a73; font-size: 10px; line-height: 1.55; }
.inventory-protocol-actions { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 15px 0 0; padding: 0; list-style: none; }
.inventory-protocol-actions li { min-width: 0; padding: 11px; border: 1px solid #d5e3e7; border-radius: 9px; background: rgba(255,255,255,.8); }
.inventory-protocol-actions strong, .inventory-protocol-actions span { display: block; }
.inventory-protocol-actions strong { color: #d8572f; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.inventory-protocol-actions span { margin-top: 4px; color: #526a73; font-size: 8px; line-height: 1.45; }
.inventory-protocol-note > small { display: block; margin-top: 11px; color: #6e8289; font-size: 8px; line-height: 1.5; }
@media (max-width: 1000px) { .inventory-protocol-actions { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .inventory-protocol-actions { grid-template-columns: 1fr; } }
.inventory-platforms { display: grid; gap: 14px; margin-top: 25px; }
.inventory-platform-group { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.88); }
.inventory-platform-group > header { display: flex; align-items: center; justify-content: space-between; min-height: 68px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: #f4f7f9; }
.inventory-platform-group > header > div { display: flex; align-items: center; gap: 12px; }
.inventory-platform-group h3 { margin: 0; font-size: 16px; }
.inventory-platform-group header small { display: block; margin-top: 3px; color: var(--ink-soft); font-size: 9px; }
.renegade-inventory-pill { background: #111a21; color: #fff; }
.inventory-table { width: 100%; }
.inventory-row { display: grid; grid-template-columns: minmax(180px, 1.25fr) 72px minmax(155px, 1fr) minmax(155px, .95fr) auto; gap: 16px; align-items: center; min-height: 78px; padding: 13px 16px; border-top: 1px solid var(--line); font-size: 11px; }
.inventory-row:first-child { border-top: 0; }
.inventory-table-head { min-height: 38px; background: #fbfcfc; color: var(--ink-soft); font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.inventory-row strong, .inventory-row small { display: block; }
.inventory-row small { margin-top: 4px; color: var(--ink-soft); font-size: 9px; line-height: 1.4; }
.inventory-league-name > strong { font-size: 13px; }
.inventory-league-name em { display: inline-block; margin-top: 7px; padding: 3px 7px; border-radius: 999px; background: #e4f1e7; color: #245b3f; font-size: 8px; font-style: normal; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.inventory-origin strong { color: #174d70; }
.inventory-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.inventory-actions a { min-height: 32px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--ink); font-size: 9px; font-weight: 800; white-space: nowrap; }
.inventory-actions .inventory-csv-link { border-color: #174d70; background: #174d70; color: #fff; }
.inventory-format-note { margin: 15px 2px 0; color: var(--ink-soft); font-size: 10px; line-height: 1.55; }
.inventory-format-note strong { color: #174d70; }
.inventory-empty { margin-top: 22px; }
.section-heading { margin: 3px 0 13px; }
.section-heading h2 { margin: 5px 0 0; font-size: 22px; }
.provider-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.panel-spaced { margin-top: 22px; }
.panel-title { margin: 5px 0 0; font-size: 22px; letter-spacing: -.03em; }
.status-warn { background: #fff1dc; color: #8b4b16; }
.count-chip { display: grid; min-width: 32px; height: 32px; place-items: center; border-radius: 999px; background: var(--paper-deep); font-size: 12px; font-weight: 800; }
.connection-row, .project-source { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #f4f7f9; }
.connection-row small, .project-source small { display: block; margin-top: 5px; color: #7c8780; font-size: 11px; }
.renegade-provider-card { border-color: rgba(23,77,112,.25); background: linear-gradient(145deg, #fff 55%, #edf5f7); }
.cbs-provider-card { border-color: rgba(37,84,170,.22); background: linear-gradient(145deg, #fff 55%, #eef3ff); }
.cbs-pill { background: #1757b8; color: #fff; font-size: 9px; letter-spacing: -.02em; }
.espn-provider-card { border-color: rgba(215,25,32,.22); background: linear-gradient(145deg, #fff 55%, #fff0f1); }
.espn-pill { min-width: 52px; background: #d71920; color: #fff; font-size: 9px; letter-spacing: -.02em; }
.provider-logo-frame { display: grid; width: 78px; height: 48px; flex: 0 0 auto; place-items: center; padding: 5px; border-radius: 9px; background: #111a21; }
.provider-logo-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }
.button-renegade { border-color: #111a21; background: #111a21; color: #fff; }
.button-renegade:hover { border-color: #174d70; background: #174d70; }
.button-small { min-height: 38px; padding-inline: 14px; border-color: var(--line); background: var(--white); }
.danger { color: #a34220; }
.project-form { margin-top: 24px; }
.project-form > label, .auth-form label { display: block; margin-bottom: 7px; color: var(--ink-soft); font-size: 12px; font-weight: 700; }
.project-form > input, .auth-form input { width: 100%; min-height: 48px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); }
.destination-fieldset { margin: 22px 0 0; padding: 0; border: 0; }
.destination-fieldset legend { margin-bottom: 9px; color: var(--ink-soft); font-size: 12px; font-weight: 700; }
.destination-select-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.destination-choice { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; gap: 12px; align-items: center; min-height: 84px; padding: 14px; border: 1px solid var(--line); border-radius: 11px; background: #f4f7f9; cursor: pointer; }
.destination-choice:has(input:checked) { border-color: #174d70; background: #edf5f7; box-shadow: inset 0 0 0 1px rgba(23,77,112,.18); }
.destination-choice input { width: 17px; height: 17px; accent-color: #174d70; }
.destination-choice strong, .destination-choice small { display: block; }
.destination-choice small { margin-top: 4px; color: #7c8780; font-size: 10px; line-height: 1.4; }
.destination-logo { display: grid; width: 62px; height: 42px; place-items: center; padding: 5px; border-radius: 8px; background: #111a21; }
.destination-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.league-select-grid { display: grid; gap: 10px; margin: 16px 0; }
.league-choice { display: grid; grid-template-columns: auto 1fr auto; gap: 13px; align-items: center; padding: 16px; border: 1px solid var(--line); border-radius: 11px; background: #f4f7f9; cursor: pointer; }
.league-choice:has(input:checked) { border-color: var(--green); background: #eaf7fa; }
.league-choice input { width: 18px; height: 18px; accent-color: var(--green); }
.league-choice small { display: block; margin-top: 4px; color: #7c8780; font-size: 11px; }
.league-choice a { color: var(--orange-dark); font-size: 12px; font-weight: 700; }
.project-sidebar { position: relative; overflow: hidden; padding: 25px; border-radius: 14px; background: linear-gradient(132deg, transparent 0 78%, rgba(51,169,202,.23) 78% 82%, transparent 82%), var(--ink); color: white; }
.project-sidebar h2 { margin: 7px 0 20px; font-size: 25px; }
.sidebar-stack { display: grid; gap: 22px; }
.developer-sidebar-card { border: 1px solid #174d70; background: #0c2434; color: #fff; padding: 24px; box-shadow: 8px 8px 0 #174d70; }
.developer-sidebar-card h2 { margin: 7px 0 5px; font-size: 27px; letter-spacing: -.035em; }
.developer-sidebar-card p { color: #cfdfeb; line-height: 1.65; }
.developer-sidebar-card a { display: block; color: var(--cyan); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.developer-sidebar-card .developer-spec-link { margin-top: 12px; color: #fff; font-size: 9px; }
.developer-page { max-width: 1180px; }
.developer-hero { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 30px; }
.developer-hero h1 { max-width: 760px; margin: 6px 0 10px; font-size: clamp(42px, 7vw, 76px); line-height: .95; letter-spacing: -.06em; }
.developer-hero p { max-width: 720px; color: var(--ink-soft); line-height: 1.65; }
.developer-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(290px, .8fr); gap: 26px; align-items: start; }
.developer-new-key { margin-bottom: 26px; border-color: #08749a; background: #e9faff; box-shadow: 8px 8px 0 var(--cyan); }
.developer-new-key h2 { margin: 5px 0; font-size: 28px; }
.developer-key-copy { display: flex; align-items: center; gap: 12px; margin-top: 18px; }
.developer-key-copy code { min-width: 0; flex: 1; overflow-wrap: anywhere; border: 1px solid #7abbd0; background: #fff; padding: 13px; color: #003b56; }
.developer-key-form { margin-top: 22px; }
.developer-key-form label { display: block; margin-bottom: 7px; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.developer-key-form > div { display: flex; gap: 10px; }
.developer-key-form input { min-width: 0; flex: 1; }
.developer-key-list { display: grid; gap: 10px; margin-top: 24px; }
.developer-key-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; border-top: 1px solid var(--line); padding-top: 14px; }
.developer-key-row > div { display: grid; gap: 4px; min-width: 0; }
.developer-key-row code { width: fit-content; color: #174d70; font-size: 11px; }
.developer-key-row small { color: var(--ink-soft); }
.developer-key-revoked { opacity: .62; }
.developer-code { overflow-x: auto; margin: 18px 0 8px; border: 1px solid #25475b; background: #0c2434; padding: 18px; color: #c8f5ff; line-height: 1.7; }
.developer-reference { display: grid; gap: 0; }
.developer-endpoint-list { display: grid; gap: 0; margin-top: 18px; }
.developer-endpoint-list > div { display: grid; gap: 4px; border-top: 1px solid var(--line); padding: 13px 0; }
.developer-endpoint-list code { color: #075f84; font-size: 11px; font-weight: 800; overflow-wrap: anywhere; }
.developer-endpoint-list span { color: var(--ink-soft); font-size: 12px; }
.developer-contract-card ul { display: grid; gap: 9px; margin: 16px 0 0; padding-left: 18px; color: var(--ink-soft); line-height: 1.5; }
.project-link { display: block; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.15); }
.project-link strong, .project-link span { display: block; }
.project-link span, .project-sidebar .muted { margin-top: 5px; color: #aebbb3; font-size: 11px; }
.narrow-content { max-width: 900px; }
.detail-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.detail-heading h1 { margin: 0; font-size: clamp(40px, 6vw, 64px); letter-spacing: -.055em; }
.detail-heading p { color: var(--ink-soft); }
.league-detail-heading { align-items: flex-start; }
.league-detail-title { min-width: 0; }
.league-detail-title p { margin: 9px 0 0; }
.league-heading-actions { display: grid; flex: 0 0 auto; gap: 9px; justify-items: end; }
.league-heading-actions > form { width: 100%; margin: 0; }
.league-refresh-action { width: 100%; min-height: 46px; justify-content: center; gap: 9px; padding-inline: 18px; }
.league-data-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.league-header-action { display: inline-flex; min-height: 37px; align-items: center; justify-content: center; gap: 7px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--white); color: var(--ink); cursor: pointer; font-size: 9px; font-weight: 800; line-height: 1; list-style: none; text-decoration: none; white-space: nowrap; }
.league-header-action:hover, .league-header-action:focus-visible, .league-action-menu[open] > .league-header-action { border-color: #174d70; background: #edf5f7; color: #174d70; outline: 0; }
.league-header-action::-webkit-details-marker { display: none; }
.league-action-chevron { color: var(--ink-soft); font-size: 12px; transition: transform .15s ease; }
.league-action-menu { position: relative; }
.league-action-menu[open] .league-action-chevron { transform: rotate(180deg); }
.league-action-popover { position: absolute; top: calc(100% + 8px); right: 0; z-index: 15; display: grid; width: 292px; gap: 5px; padding: 10px; border: 1px solid rgba(15,35,47,.18); border-radius: 12px; background: #fff; box-shadow: 0 18px 45px rgba(15,35,47,.18); }
.league-action-popover > .micro-label { padding: 5px 7px 7px; color: var(--ink-soft); }
.league-action-popover form { margin: 0; }
.league-action-option { display: grid; width: 100%; grid-template-columns: 42px minmax(0,1fr); gap: 10px; align-items: center; padding: 10px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--ink); cursor: pointer; font: inherit; text-align: left; text-decoration: none; }
.league-action-option:hover, .league-action-option:focus-visible { border-color: #bcd3da; background: #edf5f7; outline: 0; }
.league-action-option-featured { background: #f4f8f9; }
.league-action-option strong, .league-action-option small { display: block; }
.league-action-option strong { font-size: 10px; }
.league-action-option small { margin-top: 3px; color: var(--ink-soft); font-size: 8px; line-height: 1.4; }
.league-format-badge, .league-option-icon { display: grid; width: 42px; height: 34px; place-items: center; border-radius: 7px; background: #173f50; color: #fff; font-size: 7px; font-weight: 900; letter-spacing: .04em; }
.league-option-icon { background: #e3eff2; color: #174d70; font-size: 14px; }
.league-action-option-static { cursor: default; }
.league-action-option-static:hover { border-color: transparent; background: transparent; }
.league-current-data { overflow: hidden; border-color: #b7d0d7; background: radial-gradient(circle at 100% 0,rgba(142,217,232,.22),transparent 34%),linear-gradient(145deg,#fff,#f2f8f9); box-shadow: 7px 7px 0 rgba(23,77,112,.09); }
.league-current-data-lede { max-width: 760px; margin: 14px 0 0; color: #48616a; font-size: 12px; line-height: 1.7; }
.league-current-data-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 22px; }
.league-current-data-stats a { min-width: 0; padding: 16px; border: 1px solid #cfdee2; border-radius: 10px; background: rgba(255,255,255,.82); color: var(--ink); text-decoration: none; transition: border-color .15s ease,transform .15s ease; }
.league-current-data-stats a:hover, .league-current-data-stats a:focus-visible { border-color: #17728e; outline: 0; transform: translateY(-1px); }
.league-current-data-stats strong, .league-current-data-stats span, .league-current-data-stats small { display: block; }
.league-current-data-stats strong { color: #173f50; font-family: var(--font-display),Arial,sans-serif; font-size: 26px; letter-spacing: -.035em; }
.league-current-data-stats span { margin-top: 6px; color: #174d70; font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.league-current-data-stats small { margin-top: 4px; color: #71838a; font-size: 9px; line-height: 1.45; }
.league-reexport-callout { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: center; margin-top: 14px; padding: 13px 15px; border: 1px solid #e7c481; border-radius: 9px; background: #fff8e8; color: #70501c; }
.league-reexport-callout > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #f2d899; color: #66420d; font-size: 17px; font-weight: 900; }
.league-reexport-callout p, .league-data-complete { margin: 0; font-size: 10px; line-height: 1.6; }
.league-data-complete { margin-top: 14px; color: #3c682f; font-weight: 700; }
.league-data-complete span { display: inline-grid; width: 20px; height: 20px; place-items: center; margin-right: 5px; border-radius: 50%; background: #e6f1d0; }
.league-snapshot-card { overflow: visible; border-color: #b7d0d7; background: radial-gradient(circle at 100% 0,rgba(142,217,232,.19),transparent 32%),linear-gradient(145deg,#fff,#f2f8f9); box-shadow: 7px 7px 0 rgba(23,77,112,.09); }
.league-snapshot-lede { max-width: 760px; margin: 14px 0 0; color: #48616a; font-size: 12px; line-height: 1.7; }
.league-snapshot-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 22px; }
.league-snapshot-stats > div { min-width: 0; padding: 15px; border: 1px solid #cfdee2; border-radius: 10px; background: rgba(255,255,255,.78); }
.league-snapshot-stats strong, .league-snapshot-stats span, .league-snapshot-stats small { display: block; }
.league-snapshot-stats strong { color: #173f50; font-family: var(--font-display),Arial,sans-serif; font-size: 23px; letter-spacing: -.035em; }
.league-snapshot-stats span { margin-top: 7px; color: #174d70; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.league-snapshot-stats small { margin-top: 5px; color: #71838a; font-size: 8px; line-height: 1.45; }
.league-snapshot-explainer { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 12px; align-items: center; margin-top: 12px; }
.snapshot-concept { display: grid; min-height: 152px; grid-template-columns: 28px minmax(0,1fr); gap: 11px; align-items: start; padding: 17px; border: 1px solid #c9dadd; border-radius: 11px; background: #fff; }
.snapshot-version-concept { border-color: #bfd1a0; background: linear-gradient(145deg,#fff,#f5f9eb); }
.snapshot-step { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #173f50; color: #e8f36b; font-size: 9px; font-weight: 900; }
.snapshot-version-concept .snapshot-step { background: #496a25; color: #fff; }
.snapshot-concept small { color: #17728e; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.snapshot-version-concept small { color: #56752d; }
.snapshot-concept h3 { margin: 5px 0 7px; font-size: 13px; letter-spacing: -.02em; line-height: 1.35; }
.snapshot-concept p { margin: 0; color: #667b82; font-size: 9px; line-height: 1.55; }
.snapshot-flow-arrow { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #e3eff2; color: #174d70; font-size: 14px; font-weight: 900; }
.league-snapshot-rule { margin: 12px 0 0; padding: 13px 15px; border-left: 3px solid #174d70; border-radius: 0 8px 8px 0; background: rgba(255,255,255,.72); color: #526a73; font-size: 9px; line-height: 1.6; }
.league-snapshot-rule strong { color: #173f50; }
.league-snapshot-technical { margin-top: 15px; border-top: 1px solid #c9dadd; }
.league-snapshot-technical > summary { display: flex; align-items: center; justify-content: space-between; padding-top: 14px; color: #174d70; cursor: pointer; font-size: 8px; font-weight: 900; letter-spacing: .06em; list-style: none; text-transform: uppercase; }
.league-snapshot-technical > summary::-webkit-details-marker { display: none; }
.league-snapshot-technical[open] > summary span { transform: rotate(45deg); }
.league-snapshot-technical dl { margin: 12px 0 0; }
.league-snapshot-technical dl div { display: grid; grid-template-columns: minmax(125px,.45fr) minmax(0,1fr); gap: 18px; padding: 9px 0; border-top: 1px solid #dbe6e8; }
.league-snapshot-technical dt { color: #71838a; font-size: 9px; }
.league-snapshot-technical dd { margin: 0; color: #314c55; font-size: 9px; line-height: 1.5; overflow-wrap: anywhere; }
.league-snapshot-technical code { color: #174d70; font-weight: 800; }
.settings-list { margin: 22px 0; }
.settings-list div { display: grid; grid-template-columns: minmax(160px, .45fr) 1fr; gap: 20px; padding: 13px 0; border-top: 1px solid var(--line); }
.settings-list dt { color: var(--ink-soft); font-size: 12px; }
.settings-list dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.league-schedule-weeks { display: grid; gap: 14px; margin-top: 22px; }
.league-schedule-week { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 14px; align-items: start; }
.league-schedule-week h3 { position: sticky; top: 12px; margin: 0; padding: 11px 9px; border-radius: 8px; background: #173f50; color: #fff; font-size: 11px; text-align: center; }
.league-schedule-week > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.league-schedule-matchup { min-width: 0; padding: 13px 14px; border: 1px solid var(--line); border-radius: 9px; background: #f7f9fa; }
.league-schedule-matchup.is-user-matchup { border-color: #b8cf7a; background: #f5f9e9; }
.league-schedule-matchup > span { display: block; margin-bottom: 8px; color: #17728e; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.league-schedule-matchup p { display: flex; justify-content: space-between; gap: 10px; margin: 3px 0; font-size: 10px; line-height: 1.4; }
.league-schedule-matchup p strong { min-width: 0; overflow-wrap: anywhere; }
.league-schedule-matchup p b { color: #174d70; }
.league-schedule-matchup > small { color: var(--ink-soft); font-size: 8px; text-transform: uppercase; }
.league-schedule-matchup time { display: block; margin-top: 8px; color: var(--ink-soft); font-size: 8px; }
.league-schedule-empty, .league-roster-empty { margin-top: 20px; }
.league-schedule-empty p, .league-roster-empty p { margin: 0; }
.league-schedule-empty p + p, .league-roster-empty p + p { margin-top: 5px; color: var(--ink-soft); font-size: 10px; }
.league-admin-sections { padding-bottom: 82px; }
.export-change-log { border-color: rgba(23,87,184,.24); background: linear-gradient(145deg,#fff 58%,#f1f5ff); }
.export-change-log > p { max-width: 760px; color: var(--ink-soft); font-size: 12px; line-height: 1.65; }
.export-retention-note { padding: 12px 14px; border-left: 3px solid #1757b8; border-radius: 0 8px 8px 0; background: rgba(23,87,184,.07); color: var(--ink) !important; }
.export-event-list { display: grid; gap: 12px; margin-top: 22px; }
.export-event-list-head { display: grid; grid-template-columns: minmax(150px,.8fr) minmax(210px,1.2fr) minmax(280px,1.7fr) auto; gap: 18px; padding: 0 18px; color: var(--ink-soft); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.export-event { overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.export-event > summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 18px; cursor: pointer; list-style: none; }
.export-log-page .export-event > summary { display: grid; grid-template-columns: minmax(150px,.8fr) minmax(210px,1.2fr) minmax(280px,1.7fr) auto; }
.export-log-page .export-event > summary::after { display: none; }
.export-event time strong, .export-event time small, .export-event-result strong, .export-event-result small, .export-event-open small { display: block; }
.export-event time strong { font-size: 13px; }
.export-event time small, .export-event-result small, .export-event-open small { margin-top: 4px; color: var(--ink-soft); font-size: 9px; }
.export-event-macro { display: grid; grid-template-columns: repeat(4,minmax(48px,1fr)); gap: 8px; }
.export-event-macro b { font-size: 12px; }
.export-event-macro small { display: block; margin-top: 2px; color: var(--ink-soft); font-size: 8px; font-weight: 600; text-transform: uppercase; }
.export-event-open { text-align: right; }
.export-event > summary::-webkit-details-marker, .export-integrity-details > summary::-webkit-details-marker { display: none; }
.export-event > summary::after { content: "+"; color: #1757b8; font-size: 18px; font-weight: 800; }
.export-event[open] > summary::after { content: "−"; }
.export-event > summary > span:first-child { min-width: 0; flex: 1; }
.export-event > summary strong, .export-event > summary small { display: block; }
.export-event > summary small { margin-top: 4px; color: var(--ink-soft); font-size: 10px; }
.export-event > summary .status-chip { margin-left: auto; }
.export-event-body { padding: 0 18px 20px; border-top: 1px solid var(--line); }
.export-capture-notes { margin: 16px 0 0; padding: 12px 14px 12px 30px; border-radius: 8px; background: #fff7df; color: #68511b; font-size: 10px; line-height: 1.6; }
.export-event-coverage { grid-template-columns: repeat(4,minmax(0,1fr)); }
.export-event-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-top: 24px; }
.export-event h3 { margin: 0 0 10px; font-size: 15px; }
.export-change-paths { max-height: 260px; overflow: auto; margin: 0; padding-left: 20px; color: var(--ink-soft); font-size: 11px; line-height: 1.7; }
.export-coverage-changes { margin: 0; }
.export-coverage-changes div { display: flex; justify-content: space-between; gap: 18px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 11px; }
.export-coverage-changes dt { color: var(--ink-soft); }
.export-coverage-changes dd { margin: 0; font-weight: 800; }
.export-detailed-changes { margin-top: 24px; }
.export-change-table { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; }
.export-change-table-head, .export-change-table-row { display: grid; grid-template-columns: minmax(190px,1fr) minmax(0,1fr) minmax(0,1fr); }
.export-change-table-head { background: #eef3fb; }
.export-change-table-head strong, .export-change-table-row > * { min-width: 0; padding: 10px 12px; border-right: 1px solid var(--line); }
.export-change-table-head strong:last-child, .export-change-table-row > *:last-child { border-right: 0; }
.export-change-table-head strong { color: var(--ink-soft); font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.export-change-table-row { border-top: 1px solid var(--line); }
.export-change-table-row > strong { font-size: 10px; overflow-wrap: anywhere; }
.export-change-table-row code { display: block; color: var(--ink-soft); font-size: 9px; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-wrap; }
.export-completeness { margin-top: 24px; }
.export-completeness-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.export-completeness-grid > div { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #f7f9fb; }
.export-completeness-grid strong, .export-completeness-grid span, .export-completeness-grid code { display: block; }
.export-completeness-grid strong { font-size: 11px; }
.export-completeness-grid span { margin-top: 3px; color: #1757b8; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.export-completeness-grid code { margin-top: 7px; color: var(--ink-soft); font-size: 9px; overflow-wrap: anywhere; }
.export-integrity-details { margin-top: 24px; border-top: 1px solid var(--line); }
.export-integrity-details > summary { padding: 14px 0 0; cursor: pointer; color: #1757b8; font-size: 10px; font-weight: 800; letter-spacing: .06em; list-style: none; text-transform: uppercase; }
.export-integrity-details .settings-list { margin-bottom: 0; }
.export-integrity-details code { overflow-wrap: anywhere; }
.cbs-import-sections { padding-bottom: 82px; }
.cbs-coverage-panel { border-color: rgba(37,84,170,.22); background: linear-gradient(140deg, #fff 45%, #eef3ff); }
.coverage-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 24px; }
.coverage-stat-grid > div { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.75); }
.coverage-stat-grid strong, .coverage-stat-grid span { display: block; }
.coverage-stat-grid strong { font-family: var(--font-display), Arial, sans-serif; font-size: 21px; letter-spacing: -.035em; overflow-wrap: anywhere; }
.coverage-stat-grid span { margin-top: 5px; color: var(--ink-soft); font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.cbs-coverage-panel > .muted { margin: 18px 0 0; }
.cbs-history-panel { background: var(--ink); color: #fff; }
.cbs-history-panel .micro-label { color: #8ed9e8; }
.cbs-history-panel .coverage-stat-grid > div { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.06); }
.cbs-history-panel .coverage-stat-grid span { color: #aebbb3; }
.cbs-history-panel .manager-mapping-row { color: var(--ink); }
.historical-season-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 20px; }
.historical-season-stats > div { padding: 13px 15px; border: 1px solid rgba(255,255,255,.13); border-radius: 9px; background: rgba(255,255,255,.06); }
.historical-season-stats strong, .historical-season-stats span { display: block; }
.historical-season-stats strong { font-family: var(--font-display),Arial,sans-serif; font-size: 22px; }
.historical-season-stats span { margin-top: 4px; color: #aebbb3; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.historical-result-callout { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 11px; align-items: center; margin-top: 14px; padding: 12px 14px; border: 1px solid rgba(142,217,232,.3); border-radius: 9px; background: rgba(142,217,232,.08); }
.historical-result-callout > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #8ed9e8; color: #173f50; font-weight: 900; }
.historical-result-callout p { margin: 0; color: #d7e1e3; font-size: 10px; line-height: 1.55; }
.historical-result-callout p strong { display: block; margin-bottom: 2px; color: #fff; font-size: 11px; }
.historical-result-callout.champion { border-color: rgba(210,231,137,.36); background: rgba(210,231,137,.09); }
.historical-result-callout.champion > span { background: var(--lime); color: var(--green); }
.historical-user-team { box-shadow: inset 4px 0 0 var(--lime); }
.historical-champion-label { color: var(--green); }
.historical-weekly-results { margin-top: 26px; }
.historical-weekly-heading { display: flex; justify-content: space-between; gap: 18px; align-items: end; }
.historical-weekly-heading h3 { margin: 3px 0 0; color: #fff; font-size: 17px; }
.historical-weekly-heading p { margin: 0; color: #aebbb3; font-size: 9px; }
.historical-week-list { display: grid; gap: 8px; margin-top: 13px; }
.historical-week-card { overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; background: rgba(255,255,255,.04); }
.historical-week-card > summary { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 12px 14px; cursor: pointer; list-style: none; }
.historical-week-card > summary::-webkit-details-marker { display: none; }
.historical-week-card > summary strong { color: #fff; font-size: 11px; }
.historical-week-card > summary span { color: #aebbb3; font-size: 9px; }
.historical-week-card[open] > summary { border-bottom: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); }
.historical-matchup-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 10px; }
.historical-matchup { min-width: 0; padding: 12px 13px; border-radius: 8px; background: #fff; color: var(--ink); }
.historical-matchup.is-user-matchup { box-shadow: inset 4px 0 0 var(--lime); background: #f7faed; }
.historical-matchup > span { display: block; margin-bottom: 7px; color: #17728e; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.historical-matchup p { display: flex; justify-content: space-between; gap: 12px; margin: 4px 0; color: var(--ink-soft); font-size: 10px; }
.historical-matchup p strong { min-width: 0; overflow-wrap: anywhere; }
.historical-matchup p.winner { color: var(--ink); }
.historical-matchup p.winner strong::after { content: " winner"; margin-left: 5px; color: var(--green); font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.historical-matchup p b { color: inherit; }
.historical-week-empty { grid-column: 1 / -1; margin: 0; padding: 12px; color: #d7e1e3; font-size: 10px; }
.cbs-manager-panel { overflow: hidden; }
.manager-mapping-table { margin-top: 22px; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.manager-mapping-row { display: grid; grid-template-columns: minmax(190px, 1.3fr) minmax(140px, 1fr) minmax(120px, .8fr) auto; gap: 18px; align-items: center; min-height: 66px; padding: 13px 16px; border-top: 1px solid var(--line); background: #fff; font-size: 12px; }
.manager-mapping-row:first-child { border-top: 0; }
.manager-mapping-head { min-height: 42px; background: #eef3ff; color: var(--ink-soft); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.manager-mapping-row strong, .manager-mapping-row small { display: block; }
.manager-mapping-row small { margin-top: 4px; color: var(--ink-soft); font-size: 9px; line-height: 1.4; }
.manager-mapping-row code { padding: 4px 7px; border-radius: 5px; background: var(--paper-deep); color: #1757b8; font-size: 11px; }
.manager-mapping-row .current-user-label { width: fit-content; padding: 3px 6px; border-radius: 999px; background: var(--lime); color: var(--green); font-weight: 800; text-transform: uppercase; }
.manager-mapping-row .commissioner-label { width: fit-content; padding: 3px 6px; border-radius: 999px; background: #e6edff; color: #1757b8; font-weight: 800; text-transform: uppercase; }
.commissioner-panel { border-color: rgba(23,87,184,.22); background: linear-gradient(140deg, #fff 48%, #eef3ff); }
.commissioner-needs-confirmation { border-color: rgba(219,118,17,.32); background: linear-gradient(140deg, #fff 48%, #fff5e6); }
.commissioner-panel > p { max-width: 720px; margin: 13px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }
.commissioner-identity { margin-top: 17px; padding: 15px 17px; border: 1px solid rgba(23,87,184,.16); border-radius: 10px; background: rgba(255,255,255,.75); }
.commissioner-identity span, .commissioner-identity strong, .commissioner-identity small { display: block; }
.commissioner-identity span { color: #1757b8; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.commissioner-identity strong { margin-top: 4px; font-size: 15px; }
.commissioner-identity small { margin-top: 3px; color: var(--ink-soft); font-size: 10px; }
.commissioner-form { display: grid; grid-template-columns: minmax(250px, .9fr) minmax(260px, 1.1fr) auto; gap: 16px; align-items: end; margin-top: 20px; }
.commissioner-form fieldset { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 0; padding: 0; border: 0; }
.commissioner-form legend, .commissioner-team-label { width: 100%; margin-bottom: 8px; color: var(--ink-soft); font-size: 11px; font-weight: 700; }
.commissioner-form fieldset label { font-size: 12px; }
.commissioner-form input { accent-color: #1757b8; }
.commissioner-team-label { display: block; margin: 0; }
.commissioner-team-label span { display: block; margin: 4px 0 8px; font-size: 9px; font-weight: 400; line-height: 1.4; }
.commissioner-form select { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--ink); font: inherit; font-size: 12px; }
.commissioner-summary { color: #1757b8 !important; font-weight: 700; }
.commissioner-summary-needed { color: #9a5b1d !important; }
.cbs-roster-list { display: grid; gap: 10px; margin-top: 24px; }
.cbs-roster-card { border: 1px solid var(--line); border-radius: 11px; background: #f4f7f9; }
.cbs-roster-card summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 18px; cursor: pointer; list-style: none; }
.cbs-roster-card summary::-webkit-details-marker { display: none; }
.cbs-roster-card summary::after { content: "+"; color: #1757b8; font-size: 18px; font-weight: 700; }
.cbs-roster-card[open] summary::after { content: "−"; }
.cbs-roster-card summary span { margin-left: auto; color: var(--ink-soft); font-size: 10px; }
.roster-position-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; padding: 0 18px 18px; }
.roster-position-grid > div { padding: 11px 0; border-top: 1px solid var(--line); }
.roster-position-grid span { color: #1757b8; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.roster-position-grid p { margin: 5px 0 0; font-size: 12px; line-height: 1.5; }
.muted { color: var(--ink-soft); font-size: 12px; line-height: 1.6; }
.project-source .status-chip { margin-left: auto; }
.next-step { margin-top: 22px; padding: 26px; border-radius: 14px; background: var(--lime); }
.next-step h2 { margin: 6px 0 8px; }
.next-step p { max-width: 650px; margin: 0; line-height: 1.6; }
.destination-summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 20px; align-items: center; margin-top: 28px; padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: #f4f7f9; }
.destination-summary h2 { margin: 5px 0 6px; font-size: 24px; }
.destination-summary p { margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }
.destination-summary-logo { display: grid; width: 116px; height: 74px; place-items: center; padding: 9px; border-radius: 12px; background: #111a21; }
.destination-summary-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.destination-external-link { display: inline-block; margin-top: 10px; color: #174d70; font-size: 11px; font-weight: 800; }
.destination-export-link { display: inline-block; margin: 10px 0 0 14px; color: var(--orange-dark); font-size: 11px; font-weight: 800; }
.renegade-destination { border-color: rgba(23,77,112,.25); background: linear-gradient(135deg, #fff 45%, #edf5f7); }
.league-diff-panel { margin-top: 22px; overflow: hidden; border: 1px solid #173f50; border-radius: 16px; background: #fff; box-shadow: 8px 8px 0 rgba(23,63,80,.12); }
.league-diff-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 26px; align-items: center; padding: 26px; background: radial-gradient(circle at 92% 0,rgba(232,243,107,.16),transparent 34%),#102a34; color: #fff; }
.league-diff-heading .micro-label { color: #e8f36b; }
.league-diff-heading h2 { margin: 6px 0 8px; color: #fff; font-size: clamp(27px,4vw,38px); letter-spacing: -.045em; }
.league-diff-heading p { max-width: 710px; margin: 0; color: #b8cbd1; font-size: 11px; line-height: 1.65; }
.league-diff-score { display: grid; width: 126px; height: 126px; place-content: center; border: 8px solid #e8f36b; border-radius: 50%; background: rgba(4,24,31,.54); text-align: center; }
.league-diff-score strong, .league-diff-score span { display: block; }
.league-diff-score strong { color: #fff; font-size: 28px; letter-spacing: -.05em; }
.league-diff-score span { margin-top: 2px; color: #b8cbd1; font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.league-diff-score-empty { border-color: #68818a; }
.league-diff-score-empty strong { max-width: 85px; font-size: 13px; line-height: 1.2; }
.league-diff-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-bottom: 1px solid #dce5e7; background: #f4f7f8; }
.league-diff-metrics > div { padding: 16px 18px; border-left: 1px solid #dce5e7; }
.league-diff-metrics > div:first-child { border-left: 0; }
.league-diff-metrics strong, .league-diff-metrics span { display: block; }
.league-diff-metrics strong { color: #173f50; font-size: 22px; }
.league-diff-metrics span { margin-top: 3px; color: #71848b; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.league-diff-catalog { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 13px; padding: 10px 25px; border-bottom: 1px solid #dce5e7; background: #edf4f5; color: #5e747c; font-size: 8px; }
.league-diff-catalog > span { color: #173f50; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.league-diff-catalog > strong { padding-left: 13px; border-left: 1px solid #c9d7da; color: #2a6258; font-size: 8px; }
.league-diff-catalog > small { margin-left: auto; color: #819299; font-size: 7px; }
.league-diff-form { padding: 25px; border-bottom: 1px solid #dce5e7; }
.league-diff-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.league-diff-section-heading h3 { margin: 5px 0 0; font-size: 23px; letter-spacing: -.035em; }
.league-diff-decision-list { display: grid; gap: 12px; margin-top: 18px; }
.league-diff-decision { min-width: 0; margin: 0; padding: 18px; border: 1px solid #e0b075; border-radius: 11px; background: #fff9ef; }
.league-diff-decision.is-resolved { border-color: #b9cc87; background: #f8faef; }
.league-diff-decision legend { padding: 0 7px; }
.league-diff-decision legend span, .league-diff-decision legend strong { display: block; }
.league-diff-decision legend span { color: #9a5b1d; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.league-diff-decision legend strong { margin-top: 3px; color: #173f50; font-size: 14px; }
.league-diff-values { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.league-diff-values > div { padding: 11px 12px; border: 1px solid rgba(23,63,80,.12); border-radius: 8px; background: rgba(255,255,255,.72); }
.league-diff-values span, .league-diff-values strong { display: block; }
.league-diff-values span { color: #71848b; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.league-diff-values strong { margin-top: 4px; color: #173f50; font-size: 10px; line-height: 1.4; }
.league-diff-decision > p { margin: 11px 0 0; color: #63777f; font-size: 9px; line-height: 1.5; }
.league-diff-options { display: grid; gap: 7px; margin-top: 13px; }
.league-diff-options label { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-items: start; padding: 11px 12px; border: 1px solid #d4dee1; border-radius: 8px; background: #fff; cursor: pointer; }
.league-diff-options label:has(input:checked) { border-color: #2a7767; background: #eff8ef; box-shadow: inset 3px 0 #2a7767; }
.league-diff-options input { width: 16px; height: 16px; margin: 1px 0 0; accent-color: #2a7767; }
.league-diff-options strong, .league-diff-options small { display: block; }
.league-diff-options strong { color: #173f50; font-size: 10px; }
.league-diff-options small { margin-top: 3px; color: #71848b; font-size: 8px; line-height: 1.45; }
.league-diff-saved { display: block; width: fit-content; margin-top: 9px; padding: 4px 7px; border-radius: 999px; background: #dfeebd; color: #466221; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.league-diff-save { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-top: 18px; }
.league-diff-save p { max-width: 600px; margin: 0; color: #71848b; font-size: 8px; line-height: 1.5; }
.league-diff-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.league-diff-result-list { min-width: 0; padding: 24px; }
.league-diff-result-list + .league-diff-result-list { border-left: 1px solid #dce5e7; }
.league-diff-result-list h3 { margin: 0 0 13px; color: #173f50; font-size: 17px; }
.league-diff-result-list ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.league-diff-result-list li { display: grid; grid-template-columns: 23px minmax(0,1fr); gap: 9px; align-items: start; padding-top: 8px; border-top: 1px solid #e5ebed; }
.league-diff-result-list li > span { display: grid; width: 21px; height: 21px; place-content: center; border-radius: 50%; background: #dfeebd; color: #476224; font-size: 9px; font-weight: 900; }
.league-diff-changes li > span { background: #ffe6cf; color: #934816; }
.league-diff-result-list strong, .league-diff-result-list small { display: block; }
.league-diff-result-list strong { color: #173f50; font-size: 10px; }
.league-diff-result-list small { margin-top: 3px; color: #71848b; font-size: 8px; line-height: 1.45; }
.league-diff-review { display: grid; gap: 5px; margin: 0 24px 20px; padding: 13px 15px; border-left: 3px solid #d97a35; background: #fff4e8; color: #75471f; font-size: 9px; line-height: 1.5; }
.league-diff-review strong { font-size: 10px; }
.league-diff-methodology { margin: 0 24px 24px; padding-top: 14px; border-top: 1px solid #dce5e7; color: #6c8189; font-size: 9px; }
.league-diff-methodology summary { color: #174d70; cursor: pointer; font-weight: 900; }
.league-diff-methodology p { margin: 8px 0 0; line-height: 1.55; }
.invitation-workflow { display: grid; min-width: 0; gap: 16px; margin-top: 30px; }
.invitation-workflow-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 5px 3px 3px; }
.invitation-workflow-heading h2 { margin: 5px 0 8px; font-size: 30px; letter-spacing: -.04em; }
.invitation-workflow-heading p { max-width: 680px; margin: 0; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }
.invite-access-panel, .invite-delivery-panel, .invite-map-panel, .invite-map-form { min-width: 0; margin-top: 0; }
.invite-section-heading > div { display: flex; align-items: flex-start; gap: 13px; }
.invite-section-heading h3 { margin: 1px 0 5px; font-size: 19px; }
.invite-section-heading p { margin: 0; color: var(--ink-soft); font-size: 11px; line-height: 1.5; }
.invite-step-number { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border-radius: 999px; background: #174d70; color: #fff; font-size: 11px; font-weight: 800; }
.join-access-form { display: grid; grid-template-columns: minmax(160px,.55fr) minmax(260px,1.45fr) auto; gap: 12px; align-items: end; margin-top: 21px; }
.join-access-form label > span, .share-message-box > label { display: block; margin-bottom: 7px; color: var(--ink-soft); font-size: 10px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.join-access-form input, .invite-map-row input, .invite-map-row select { width: 100%; min-height: 40px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--ink); font: inherit; font-size: 11px; }
.join-access-form .button-primary { border-color: var(--orange-dark); background: var(--orange-dark); color: #fff; }
.join-access-form .errorlist, .invite-map-row .errorlist { margin: 6px 0 0; padding: 0; color: #a34220; font-size: 9px; list-style: none; }
.invite-warning { margin: 17px 0 0; padding: 12px 14px; border-left: 3px solid var(--orange); background: #fff3eb; color: #7c4a20; font-size: 11px; line-height: 1.5; }
.invite-option-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; margin-top: 21px; }
.invite-option-card { display: flex; min-height: 190px; flex-direction: column; align-items: flex-start; padding: 17px; border: 1px solid var(--line); border-radius: 11px; background: #f4f7f9; }
.invite-option-card strong { margin-top: 13px; font-size: 14px; }
.invite-option-card p { margin: 7px 0 15px; color: var(--ink-soft); font-size: 10px; line-height: 1.55; }
.invite-option-card .status-chip { margin-top: auto; }
.invite-option-disabled { opacity: .68; background: #f1f1ef; }
.invite-option-icon { display: grid; min-width: 36px; height: 36px; place-items: center; padding-inline: 7px; border-radius: 8px; background: #111a21; color: #fff; font-size: 11px; font-weight: 800; }
.share-message-box { margin-top: 18px; padding: 16px; border: 1px solid rgba(23,77,112,.18); border-radius: 11px; background: #edf5f7; }
.share-message-box textarea { width: 100%; min-height: 130px; resize: vertical; padding: 12px; border: 1px solid rgba(23,77,112,.22); border-radius: 8px; background: #fff; color: var(--ink); font: 11px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.share-message-box > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; }
.share-message-box code { padding: 7px 10px; border-radius: 6px; background: #fff; color: #174d70; font-size: 13px; font-weight: 800; letter-spacing: .06em; }
.share-message-box .button-secondary { border-color: rgba(23,77,112,.22); background: #fff; color: #174d70; }
.invite-map-table { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; margin-top: 21px; border: 1px solid var(--line); border-radius: 11px; }
.invite-map-row { display: grid; grid-template-columns: minmax(145px,1fr) minmax(150px,1fr) minmax(155px,1fr) minmax(130px,.8fr) minmax(145px,.9fr) minmax(120px,.7fr); gap: 10px; align-items: start; min-width: 980px; padding: 12px; border-top: 1px solid var(--line); background: #fff; }
.invite-map-row:first-child { border-top: 0; }
.invite-map-head { min-height: 40px; align-items: center; background: #eef3ff; color: var(--ink-soft); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.invite-source-team { padding-top: 5px; }
.invite-source-team strong, .invite-source-team small { display: block; }
.invite-source-team strong { font-size: 11px; }
.invite-source-team small { margin-top: 4px; color: var(--ink-soft); font-size: 9px; }
.invite-team-fields { display: grid; gap: 6px; }
.invite-row-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; padding-top: 2px; }
.invite-draft-link { color: #174d70; font-size: 9px; font-weight: 800; }
.invite-row-actions .link-button { padding: 0; font-size: 9px; }
.invite-map-save { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 16px; }
.invite-map-save p { margin: 0; color: var(--ink-soft); font-size: 10px; }
.invite-map-save > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.team-import-shell { min-height: 100vh; background: radial-gradient(circle at 85% 0%, rgba(47,128,237,.14), transparent 34%), var(--paper); }
.team-import-page { padding-bottom: 80px; }
.team-import-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.team-import-hero h1 { margin: 5px 0 8px; font-size: clamp(38px, 7vw, 66px); line-height: 1; letter-spacing: -.055em; }
.team-import-hero p { max-width: 640px; margin: 0; color: var(--ink-soft); line-height: 1.6; }
.team-import-access { border-color: rgba(23,77,112,.24); background: linear-gradient(140deg, #fff 50%, #edf5f7); }
.team-import-access h2, .team-import-bookmark-panel h2, .team-import-run-panel h2 { margin: 6px 0 9px; font-size: 23px; }
.team-import-access p, .team-import-bookmark-panel p, .team-import-run-panel p { color: var(--ink-soft); line-height: 1.6; }
.team-import-code { padding: 10px 13px; border-radius: 8px; background: #fff; color: #174d70; font-size: 14px; font-weight: 800; letter-spacing: .06em; }
.team-import-bookmark-panel { border-color: rgba(47,128,237,.3); background: #f3f8ff; box-shadow: 7px 7px 0 rgba(47,128,237,.2); }
.team-import-bookmark-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 19px 0 12px; }
.team-import-page .button-secondary { border-color: rgba(23,77,112,.28); background: #fff; color: #174d70; }
.team-import-bookmark { cursor: grab; user-select: none; }
.team-import-bookmark:active { cursor: grabbing; }
.team-import-bookmark-panel small { color: var(--ink-soft); }
.team-import-run-panel ol { display: grid; gap: 9px; padding-left: 22px; color: var(--ink-soft); font-size: 12px; line-height: 1.55; }
.team-import-roster-list { display: grid; gap: 8px; margin-top: 20px; }
.team-import-player { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 13px 14px; border: 1px solid var(--line); border-radius: 10px; background: #f7f9fa; }
.team-import-player.is-complete { border-color: rgba(30,115,80,.28); background: #eff7e7; }
.team-import-slot { color: #1757b8; font-size: 10px; font-weight: 900; letter-spacing: .07em; }
.team-import-player strong, .team-import-player small { display: block; }
.team-import-player small { margin-top: 3px; color: var(--ink-soft); font-size: 9px; }
.team-import-expired { max-width: 680px; margin: 60px auto; border-color: rgba(219,118,17,.28); background: #fff7ec; }
.team-import-expired h1 { margin: 7px 0 10px; font-size: 34px; letter-spacing: -.04em; }
.status-ready { background: #e4f1e7; color: #245b3f; }
.draft-analysis-shell { min-height: 100vh; background: radial-gradient(circle at 88% 0%, rgba(51,169,202,.13), transparent 31%), var(--paper); }
.dashboard-intro-actions { display: flex; max-width: 580px; flex: 1 1 520px; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.draft-dashboard-button { border-color: #174d70; background: #174d70; color: #fff; }
.draft-analyzer-sidebar-card { padding: 25px; border: 1px solid #244b68; border-radius: 14px; background: linear-gradient(140deg,#071a2b,#123b56); color: #fff; }
.draft-analyzer-sidebar-card h2 { margin: 8px 0 10px; font-size: 24px; letter-spacing: -.04em; }
.draft-analyzer-sidebar-card p { margin: 0; color: #c6d8e5; font-size: 12px; line-height: 1.6; }
.draft-analyzer-sidebar-card a { display: flex; justify-content: space-between; margin-top: 18px; padding: 12px 14px; border-radius: 7px; background: #2f80ed; color: #fff; font-size: 12px; font-weight: 800; }
.draft-analyzer-sidebar-card small { display: block; margin-top: 12px; color: #9fb6c7; font-size: 9px; line-height: 1.45; }
.draft-analysis-feature { margin-top: 26px; border-color: rgba(23,77,112,.2); background: linear-gradient(135deg,#eef8fb,#fff); }
.draft-analysis-page, .draft-analysis-report { max-width: 1120px; padding-bottom: 80px; }
.draft-analysis-hero, .draft-report-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 36px; margin-bottom: 34px; padding-bottom: 30px; border-bottom: 1px solid var(--line); }
.draft-analysis-hero h1, .draft-report-heading h1 { margin: 2px 0 11px; font-size: clamp(46px, 7vw, 76px); line-height: .98; letter-spacing: -.06em; }
.draft-analysis-hero p:last-child, .draft-report-heading p:last-child { max-width: 720px; margin: 0; color: var(--ink-soft); line-height: 1.65; }
.draft-report-heading .button-secondary { border-color: rgba(23,77,112,.28); background: #fff; color: #174d70; }
.draft-runner-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(300px,.75fr); gap: 22px; align-items: stretch; }
.draft-runner-card h2 { margin: 7px 0 8px; font-size: 28px; letter-spacing: -.04em; }
.draft-runner-card > p { color: var(--ink-soft); line-height: 1.65; }
.draft-analysis-form { display: grid; gap: 12px; margin-top: 24px; }
.draft-analysis-form label { color: var(--ink-soft); font-size: 11px; font-weight: 800; }
.draft-analysis-form select { width: 100%; min-height: 52px; padding: 0 13px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); }
.draft-method-card { padding: 26px; border: 1px solid #244b68; border-radius: 14px; background: #071a2b; color: #fff; box-shadow: 8px 8px 0 rgba(47,128,237,.2); }
.draft-method-card ol { display: grid; gap: 18px; margin: 20px 0 0; padding-left: 21px; }
.draft-method-card li { padding-left: 5px; color: #8dccff; }
.draft-method-card strong, .draft-method-card span { display: block; color: #fff; }
.draft-method-card strong { font-size: 13px; }
.draft-method-card span { margin-top: 6px; color: #abc0d1; font-size: 10px; line-height: 1.5; }
.draft-league-readiness { margin-top: 54px; }
.draft-readiness-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 20px; }
.draft-readiness-card { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #f5f7f8; }
.draft-readiness-card.is-ready { border-color: rgba(30,115,80,.25); background: #f5faef; }
.draft-readiness-card h3 { margin: 15px 0 4px; font-size: 15px; }
.draft-readiness-card p { min-height: 34px; margin: 0; color: var(--ink-soft); font-size: 10px; line-height: 1.5; }
.draft-readiness-card a, .draft-report-link { display: inline-block; margin-top: 14px; color: #1757b8; font-size: 10px; font-weight: 800; }
.draft-analysis-history { margin-top: 58px; }
.draft-source-note { margin-top: 45px; }
.draft-headline-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.draft-headline-card { min-height: 240px; padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 15px 40px rgba(15,35,47,.07); }
.draft-headline-card.winner { border-color: rgba(47,128,237,.32); background: linear-gradient(145deg,#f2f7ff,#fff); box-shadow: 7px 7px 0 rgba(47,128,237,.16); }
.draft-headline-card.season { border-color: rgba(30,115,80,.28); background: linear-gradient(145deg,#eff8e8,#fff); }
.draft-headline-card h2 { margin: 25px 0 3px; font-size: 25px; letter-spacing: -.045em; }
.draft-headline-card > strong { display: block; color: #1757b8; font-family: var(--font-display),Arial,sans-serif; font-size: 28px; }
.draft-headline-card p { margin: 16px 0 0; color: var(--ink-soft); font-size: 11px; line-height: 1.6; }
.draft-coverage-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; overflow: hidden; margin: 28px 0; border: 1px solid #213c50; border-radius: 12px; background: #213c50; }
.draft-coverage-strip > div { padding: 18px; background: #0b2233; color: #fff; }
.draft-coverage-strip strong, .draft-coverage-strip span { display: block; }
.draft-coverage-strip strong { font-size: 24px; }
.draft-coverage-strip span { margin-top: 4px; color: #a9bfce; font-size: 9px; line-height: 1.4; }
.draft-identity-panel { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 26px; padding: 18px 20px; border: 1px solid rgba(30,115,80,.25); border-radius: 11px; background: #eff8e8; }
.draft-identity-panel.has-issues { align-items: flex-start; border-color: rgba(198,79,45,.3); background: #fff5ef; }
.draft-identity-panel h2 { margin: 4px 0; font-size: 16px; }
.draft-identity-panel p { margin: 0; color: var(--ink-soft); font-size: 9px; line-height: 1.5; }
.draft-identity-panel > div { max-width: 820px; }
.draft-identity-panel > details { min-width: 280px; }
.draft-identity-panel > details > summary { color: #8d371e; cursor: pointer; font-size: 10px; font-weight: 900; list-style: none; }
.draft-identity-panel > details > summary::-webkit-details-marker { display: none; }
.draft-identity-panel > details > div { display: grid; gap: 7px; margin-top: 12px; }
.draft-identity-panel article { padding: 10px; border: 1px solid rgba(198,79,45,.18); border-radius: 7px; background: #fff; }
.draft-identity-panel article strong, .draft-identity-panel article small { display: block; font-size: 9px; }
.draft-identity-panel article small { margin-top: 2px; color: var(--ink-soft); }
@media (max-width: 680px) { .draft-identity-panel { align-items: flex-start; flex-direction: column; } }
.draft-ranking-panel { margin-top: 26px; padding: 0; overflow: hidden; }
.draft-ranking-panel > .connection-heading { padding: 24px; }
.draft-ranking-table { border-top: 1px solid var(--line); }
.draft-ranking-row { display: grid; grid-template-columns: 60px minmax(170px,1.4fr) 70px 90px 100px 80px minmax(130px,.8fr); gap: 14px; align-items: center; min-height: 68px; padding: 11px 20px; border-top: 1px solid var(--line); font-size: 11px; }
.draft-ranking-row:first-child { border-top: 0; }
.draft-ranking-head { min-height: 36px; background: #f4f7f9; color: var(--ink-soft); font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.draft-ranking-row small { display: block; margin-top: 3px; color: var(--ink-soft); font-size: 8px; }
.draft-ranking-row b { color: #1757b8; font-size: 18px; }
.draft-ranking-row meter { display: block; width: 100%; height: 6px; margin-top: 7px; accent-color: #2f80ed; }
.draft-slot-panel { margin-top: 26px; padding: 0; overflow: hidden; }
.draft-slot-panel > .connection-heading { padding: 24px; }
.draft-slot-panel > .connection-heading p { max-width: 720px; margin: 8px 0 0; color: var(--ink-soft); font-size: 10px; line-height: 1.55; }
.draft-slot-table { overflow-x: auto; border-top: 1px solid var(--line); }
.draft-slot-row { display: grid; grid-template-columns: 48px minmax(180px,1.4fr) 82px 82px 88px 120px 62px 70px; gap: 12px; align-items: center; min-width: 850px; min-height: 62px; padding: 10px 20px; border-top: 1px solid var(--line); font-size: 10px; }
.draft-slot-row:first-child { border-top: 0; }
.draft-slot-row.current-user { background: #f1f7ff; box-shadow: inset 3px 0 #2f80ed; }
.draft-slot-row small { display: block; margin-top: 3px; color: var(--ink-soft); font-size: 8px; }
.draft-slot-row b { color: #1757b8; font-size: 17px; }
.draft-slot-pick-details { border-top: 1px solid var(--line); }
.draft-slot-pick-details > summary { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; color: #174d70; cursor: pointer; font-size: 10px; font-weight: 900; list-style: none; text-transform: uppercase; }
.draft-slot-pick-details > summary::-webkit-details-marker { display: none; }
.draft-slot-pick-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 0 20px 20px; }
.draft-slot-pick-grid article { padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: #fbfcfd; }
.draft-slot-pick-grid article.current-user { border-color: rgba(47,128,237,.38); background: #f1f7ff; }
.draft-slot-pick-grid h3 { margin: 5px 0 9px; font-size: 13px; }
.draft-slot-pick-grid p { margin: 6px 0 0; color: #3f4d56; font-size: 9px; line-height: 1.5; }
.draft-key-miss-list { margin: 10px 0; padding: 10px; border-radius: 7px; background: #eef5ff; }
.draft-key-miss-list > strong { color: #174d70; font-size: 9px; text-transform: uppercase; }
.draft-key-miss-list p b { color: #1757b8; }
.draft-slot-note { margin: 0; padding: 14px 20px 20px; color: var(--ink-soft); font-size: 9px; line-height: 1.55; }
.draft-team-section { margin-top: 58px; }
.draft-team-stack { display: grid; gap: 12px; margin-top: 22px; }
.draft-team-card { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.draft-team-card[open] { border-color: rgba(47,128,237,.28); box-shadow: 0 15px 40px rgba(15,35,47,.07); }
.draft-team-card summary { display: grid; grid-template-columns: 42px minmax(190px,1fr) 64px 100px; gap: 14px; align-items: center; padding: 18px 21px; cursor: pointer; list-style: none; }
.draft-team-card summary::-webkit-details-marker { display: none; }
.draft-team-card summary small, .draft-team-card summary strong { display: block; }
.draft-team-card summary small { margin-top: 3px; color: var(--ink-soft); font-size: 9px; }
.draft-team-rank { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #edf3f7; color: #174d70; font-weight: 900; }
.draft-team-grade { color: #1757b8; font-family: var(--font-display),Arial,sans-serif; font-size: 22px; font-weight: 800; }
.draft-team-body { padding: 22px; border-top: 1px solid var(--line); background: #fbfcfd; }
.draft-team-kpis { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.draft-team-kpis > div { padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.draft-team-kpis span, .draft-team-kpis strong, .draft-team-kpis small { display: block; }
.draft-team-kpis span { color: var(--ink-soft); font-size: 9px; text-transform: uppercase; }
.draft-team-kpis strong { margin-top: 5px; font-size: 22px; }
.draft-team-kpis small { color: var(--ink-soft); font-size: 8px; }
.draft-socialmeter-kpi { background: linear-gradient(145deg,#f2f9f5,#fff) !important; border-color: #bad9c7 !important; }
.draft-socialmeter-kpi strong, .draft-socialmeter-note b { color: #23724a; }
.mock-socialmeter-note { padding: 7px 9px; border: 1px solid #cfe4d7; border-radius: 7px; background: #f3faf6; color: #607469 !important; }
.mock-socialmeter-note b { color: #23724a; }
.draft-team-columns { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 22px; margin-top: 24px; }
.draft-core-list, .draft-weakness-list { display: grid; gap: 8px; margin-top: 12px; }
.draft-core-list > div { display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.draft-core-list .platform-pill { flex: 0 0 auto; font-size: 8px; }
.draft-core-list strong, .draft-core-list small { display: block; }
.draft-core-list strong { font-size: 11px; }
.draft-core-list small { margin-top: 3px; color: var(--ink-soft); font-size: 8px; }
.draft-weakness-list article { padding: 13px; border-left: 3px solid #ddb04b; border-radius: 8px; background: #fff8e8; }
.draft-weakness-list article.severity-high { border-left-color: #c64f2d; background: #fff0eb; }
.draft-weakness-list article.severity-medium { border-left-color: #d88222; }
.draft-weakness-list article > div { display: flex; align-items: center; gap: 9px; }
.draft-weakness-list article strong { font-size: 11px; }
.draft-weakness-list article p { margin: 9px 0 5px; color: #3f4d56; font-size: 10px; line-height: 1.55; }
.draft-weakness-list article small { color: #71501f; font-size: 9px; font-weight: 700; }
.draft-player-projections { margin-top: 22px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.draft-player-projections > summary { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; color: #174d70; cursor: pointer; font-size: 10px; font-weight: 900; list-style: none; text-transform: uppercase; }
.draft-player-projections > summary::-webkit-details-marker { display: none; }
.draft-player-table { overflow-x: auto; border-top: 1px solid var(--line); }
.draft-player-row { display: grid; grid-template-columns: 50px minmax(190px,1.4fr) 58px 80px 90px 80px 80px; gap: 12px; align-items: center; min-width: 750px; min-height: 48px; padding: 9px 14px; border-top: 1px solid var(--line); font-size: 9px; }
.draft-player-row:first-child { border-top: 0; }
.draft-player-row small { display: block; margin-top: 2px; color: var(--ink-soft); font-size: 7px; }
.draft-player-head { min-height: 32px; background: #f4f7f9; color: var(--ink-soft); font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.draft-methodology-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 54px; }
.draft-methodology-grid .iteration-methodology { margin-top: 0; }
.draft-source-footer { margin-top: 30px; padding: 22px 0; border-top: 1px solid var(--line); }
.draft-source-footer p { margin: 9px 0; color: var(--ink-soft); font-size: 10px; }
.draft-source-footer a { color: #1757b8; font-weight: 800; }
.draft-source-footer small { color: var(--ink-soft); font-size: 9px; }
.mock-dashboard-button { border-color: #166b62; background: #e7f6f2; color: #12594f; }
.mock-draft-sidebar-card { padding: 25px; border: 1px solid #1c7469; border-radius: 14px; background: linear-gradient(140deg,#073b39,#12645b); color: #fff; }
.mock-draft-sidebar-card h2 { margin: 8px 0 10px; font-size: 24px; letter-spacing: -.04em; }
.mock-draft-sidebar-card p { margin: 0; color: #cae5df; font-size: 12px; line-height: 1.6; }
.mock-draft-sidebar-card a { display: flex; justify-content: space-between; margin-top: 18px; padding: 12px 14px; border-radius: 7px; background: #e8f36b; color: #163c37; font-size: 12px; font-weight: 900; }
.mock-draft-sidebar-card small { display: block; margin-top: 12px; color: #a8d0c8; font-size: 9px; line-height: 1.45; }
.mock-drafts-feature { margin-top: 26px; border-color: rgba(22,107,98,.22); background: linear-gradient(135deg,#edf9f5,#fff); }
.mock-draft-shell { min-height: 100vh; background: radial-gradient(circle at 12% 0%, rgba(27,154,137,.13), transparent 30%), var(--paper); }
.mock-lab-page, .mock-room-page, .mock-intelligence-page { max-width: 1220px; padding-bottom: 84px; }
.mock-lab-hero, .mock-room-heading, .mock-intelligence-hero { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 30px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.mock-lab-hero h1, .mock-room-heading h1, .mock-intelligence-hero h1 { margin: 3px 0 10px; font-size: clamp(43px,6vw,72px); line-height: .98; letter-spacing: -.06em; }
.mock-lab-hero p:last-child, .mock-room-heading p:last-child, .mock-intelligence-hero > div:first-child > p:last-child { max-width: 760px; margin: 0; color: var(--ink-soft); line-height: 1.65; }
.mock-awareness-guide { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.mock-awareness-guide article { display: flex; gap: 13px; min-height: 108px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.mock-awareness-guide article > span { display: grid; flex: 0 0 auto; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: #dff3ed; color: #14685e; font-weight: 900; }
.mock-awareness-guide strong { display: block; font-size: 13px; }
.mock-awareness-guide p { margin: 6px 0 0; color: var(--ink-soft); font-size: 10px; line-height: 1.5; }
.mock-builder-section, .mock-history-section, .mock-target-section { margin-top: 52px; }
.mock-league-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 20px; }
.mock-league-card { padding: 24px; border: 1px solid rgba(22,107,98,.25); border-radius: 14px; background: #fff; box-shadow: 0 14px 36px rgba(20,57,52,.06); }
.mock-league-card.is-disabled { border-color: var(--line); background: #f3f5f5; box-shadow: none; }
.mock-league-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.mock-league-heading h3 { margin: 11px 0 0; font-size: 22px; letter-spacing: -.035em; }
.mock-league-heading > strong { color: #14685e; font-size: 13px; }
.mock-league-card > p { margin: 13px 0 5px; color: var(--ink-soft); font-size: 12px; }
.mock-league-card > small { color: var(--ink-soft); font-size: 9px; }
.mock-assistant-foundation { margin-top: 17px; padding: 15px; border: 1px solid rgba(22,107,98,.18); border-radius: 10px; background: #f7fbfa; }
.mock-assistant-foundation header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mock-assistant-foundation > p { margin: 9px 0 0; color: var(--ink-soft); font-size: 9px; line-height: 1.5; }
.mock-assistant-foundation > p strong { color: #a34e2e; }
.mock-assistant-foundation > small { display: block; margin-top: 6px; color: var(--ink-soft); font-size: 8px; line-height: 1.45; }
.mock-assistant-foundation > a { display: inline-block; margin-top: 9px; color: #14685e; font-size: 8px; font-weight: 900; }
.mock-position-confirm-form { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: end; gap: 8px; margin-top: 12px; }
.mock-position-confirm-form label { color: var(--ink-soft); font-size: 8px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.mock-position-confirm-form input { display: block; width: 100%; min-height: 36px; margin-top: 5px; padding: 0 10px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--ink); font: inherit; }
.mock-position-confirm-form .button { min-height: 36px; }
.mock-position-clear { min-height: 36px; padding: 0 4px; border: 0; background: transparent; color: #8b4b38; cursor: pointer; font-size: 8px; font-weight: 900; }
.mock-assistant-foundation .mock-position-confirmed { color: #17695f; font-weight: 800; }
.mock-create-form { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line); }
.mock-form-row { display: grid; grid-template-columns: .65fr 1.35fr 1.35fr; gap: 11px; }
.mock-form-row label { color: var(--ink-soft); font-size: 9px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.mock-form-row label small { display: block; margin-top: 6px; color: var(--ink-soft); font-size: 8px; font-weight: 500; letter-spacing: 0; line-height: 1.4; text-transform: none; }
.mock-form-row input, .mock-form-row select, .mock-player-tools input, .mock-player-tools select { width: 100%; min-height: 44px; margin-top: 7px; padding: 0 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); font: inherit; }
.mock-create-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.mock-create-actions .button { flex: 1 1 190px; }
.mock-unavailable { margin-top: 20px; padding: 15px; border-radius: 9px; background: #ecefef; }
.mock-unavailable p { margin: 0 0 8px; color: var(--ink-soft); font-size: 10px; }
.mock-unavailable a { color: #1757b8; font-size: 10px; font-weight: 800; }
.mock-history-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin-top: 20px; }
.mock-history-card { padding: 20px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.mock-history-card > div:first-child { display: flex; align-items: center; justify-content: space-between; }
.mock-history-card h3 { margin: 18px 0 5px; font-size: 16px; }
.mock-history-card > p { min-height: 32px; margin: 0; color: var(--ink-soft); font-size: 10px; line-height: 1.5; }
.mock-history-card > a { display: inline-block; margin-top: 17px; color: #14685e; font-size: 10px; font-weight: 900; }
.mock-history-grade { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 11px; border-radius: 9px; background: #eff8f5; }
.mock-history-grade > strong { color: #14685e; font-size: 26px; }
.mock-history-grade span, .mock-history-grade small { display: block; font-size: 9px; }
.mock-history-grade small { margin-top: 3px; color: var(--ink-soft); }
.mock-method-note { margin-top: 48px; padding: 28px; border: 1px solid #175f57; border-radius: 14px; background: #092f2d; color: #fff; }
.mock-method-note h2 { margin: 8px 0; color: #fff; font-size: 26px; }
.mock-method-note p { max-width: 850px; margin: 0; color: #bddbd5; font-size: 11px; line-height: 1.65; }
.mock-room-heading .row-actions { flex-wrap: wrap; }
.mock-room-heading .row-actions form { margin: 0; }
.mock-room-heading .button-secondary { border-color: rgba(22,107,98,.28); background: #fff; color: #145f56; }
.mock-result-strip { display: grid; grid-template-columns: .8fr repeat(3,1fr); overflow: hidden; margin-bottom: 22px; border: 1px solid #174f49; border-radius: 14px; background: #174f49; }
.mock-result-strip article { min-height: 132px; padding: 21px; background: #0c3835; color: #fff; }
.mock-result-strip article + article { border-left: 1px solid rgba(255,255,255,.13); }
.mock-result-strip span, .mock-result-strip strong, .mock-result-strip p { display: block; }
.mock-result-strip span { color: #aad1ca; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.mock-result-strip strong { margin-top: 12px; color: #fff; font-size: 22px; line-height: 1.15; }
.mock-result-strip p { margin: 8px 0 0; color: #bddbd5; font-size: 9px; line-height: 1.45; }
.mock-result-strip .mock-grade-card { background: #e8f36b; color: #143d38; }
.mock-result-strip .mock-grade-card span, .mock-result-strip .mock-grade-card p { color: #3f5e2c; }
.mock-result-strip .mock-grade-card strong { color: #143d38; font-size: 45px; line-height: .9; }
.mock-result-insights { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.mock-result-insights p { margin: 0; padding: 9px 12px; border-radius: 999px; background: #e7f5f1; color: #185c55; font-size: 9px; font-weight: 800; }
.mock-on-clock-panel { display: grid; grid-template-columns: 105px minmax(280px,1fr) auto; gap: 23px; align-items: center; padding: 21px; border: 1px solid #17695f; border-radius: 14px; background: #0a3a37; color: #fff; box-shadow: 8px 8px 0 rgba(22,107,98,.15); }
.mock-clock-number { display: grid; min-height: 98px; place-items: center; align-content: center; border-radius: 10px; background: #e8f36b; color: #153d38; }
.mock-clock-number span, .mock-clock-number small { font-size: 8px; font-weight: 900; text-transform: uppercase; }
.mock-clock-number strong { font-size: 40px; line-height: 1; }
.mock-clock-copy h2 { margin: 4px 0 7px; color: #fff; font-size: 25px; }
.mock-clock-copy p { margin: 0; color: #bddbd5; font-size: 10px; }
.mock-live-timer { display: flex; align-items: center; gap: 10px; width: fit-content; margin-top: 13px; padding: 7px 10px; border: 1px solid rgba(232,243,107,.35); border-radius: 8px; background: rgba(0,0,0,.16); }
.mock-live-timer span, .mock-live-timer small { color: #bddbd5; font-size: 8px; font-weight: 800; text-transform: uppercase; }
.mock-live-timer strong { color: #e8f36b; font-size: 20px; font-variant-numeric: tabular-nums; }
.mock-live-timer.is-urgent { border-color: #ffb18d; background: rgba(160,49,20,.22); }
.mock-live-timer.is-urgent strong { color: #ffb18d; }
.mock-clock-actions { display: grid; gap: 8px; }
.mock-clock-actions button { width: 100%; }
.mock-clock-actions .button-secondary { border-color: rgba(255,255,255,.3); background: transparent; color: #fff; }
.mock-recommendation-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; margin-top: 18px; }
.mock-recommendation-card { padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.mock-recommendation-card.is-top { border-color: #4b9d91; background: #f2fbf8; box-shadow: 5px 5px 0 rgba(22,107,98,.15); }
.mock-recommendation-card > div { display: flex; align-items: center; justify-content: space-between; }
.mock-recommendation-card h3 { margin: 16px 0 3px; font-size: 17px; }
.mock-recommendation-card p { margin: 0; color: var(--ink-soft); font-size: 9px; }
.mock-player-performance { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin-top: 13px; }
.mock-player-performance span { padding: 8px; border-radius: 7px; background: #edf5f3; }
.mock-player-performance small, .mock-player-performance b { display: block; }
.mock-player-performance small { min-height: 20px; color: var(--ink-soft); font-size: 7px; font-weight: 800; line-height: 1.35; text-transform: uppercase; }
.mock-player-performance b { margin-top: 4px; color: #113f39; font-size: 16px; }
.mock-performance-note { margin-top: 8px !important; line-height: 1.45; }
.mock-recommendation-card > strong { display: block; min-height: 30px; margin-top: 12px; color: #17695f; font-size: 10px; line-height: 1.45; }
.mock-recommendation-card button, .mock-player-row button { border: 0; background: none; color: #14685e; cursor: pointer; font-size: 9px; font-weight: 900; }
.mock-recommendation-card form { margin-top: 14px; }
.mock-recommendation-actions { display: flex !important; flex-wrap: wrap; gap: 7px 13px; margin-top: 14px; }
.mock-recommendation-actions form { margin: 0; }
.mock-recommendation-actions [data-copilot-player] { color: #6c4c22; }
.draft-copilot-panel { margin-top: 18px; padding: 22px; border: 1px solid rgba(22,105,95,.28); border-radius: 14px; background: linear-gradient(145deg,#f0faf7,#fff); box-shadow: 6px 6px 0 rgba(22,107,98,.08); }
.draft-copilot-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.draft-copilot-heading h2 { margin: 5px 0 6px; font-size: 24px; }
.draft-copilot-heading p { max-width: 710px; margin: 0; color: var(--ink-soft); font-size: 10px; line-height: 1.55; }
.draft-copilot-mode { flex: 0 0 auto; padding: 7px 9px; border-radius: 999px; background: #dff4ee; color: #17695f; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.draft-copilot-quick-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.draft-copilot-quick-actions button { padding: 9px 12px; border: 1px solid rgba(22,105,95,.24); border-radius: 999px; background: #fff; color: #17695f; cursor: pointer; font-size: 9px; font-weight: 900; }
.draft-copilot-quick-actions button:hover, .mock-recommendation-actions [data-copilot-player]:hover { color: #0b3c37; }
.draft-copilot-form { margin-top: 17px; }
.draft-copilot-form > label { display: block; color: var(--ink-soft); font-size: 8px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.draft-copilot-form > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin-top: 6px; }
.draft-copilot-form input { min-height: 44px; padding: 0 13px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--ink); font: inherit; }
.draft-copilot-form button { min-height: 44px; padding: 0 18px; border: 0; border-radius: 8px; background: #17695f; color: #fff; cursor: pointer; font-size: 9px; font-weight: 900; }
.draft-copilot-form button:disabled, .draft-copilot-quick-actions button:disabled, .mock-recommendation-actions button:disabled { cursor: wait; opacity: .55; }
.draft-copilot-status { min-height: 16px; margin-top: 7px; color: #8a542f; font-size: 9px; font-weight: 800; }
.draft-copilot-result { margin-top: 4px; padding: 18px; border: 1px solid rgba(22,105,95,.16); border-radius: 11px; background: #fff; }
.draft-copilot-result[hidden] { display: none; }
.draft-copilot-answer-heading h3 { margin: 5px 0 0; font-size: 19px; }
.draft-copilot-answer { margin: 10px 0 0; color: #183f3a; font-size: 12px; font-weight: 700; line-height: 1.55; }
.draft-copilot-plans { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 15px; }
.draft-copilot-plans article { padding: 13px; border-radius: 9px; background: #edf7f4; }
.draft-copilot-plans strong { display: block; margin-top: 7px; color: #143f39; font-size: 11px; }
.draft-copilot-plans p { margin: 6px 0 0; color: var(--ink-soft); font-size: 8px; line-height: 1.5; }
.draft-copilot-result ul { margin: 14px 0 0; padding-left: 18px; color: var(--ink-soft); font-size: 9px; line-height: 1.6; }
.draft-copilot-survival { display: grid; grid-template-columns: 155px minmax(0,1fr); gap: 13px; align-items: center; margin-top: 15px; padding: 13px; border-radius: 9px; background: #edf7f4; }
.draft-copilot-survival strong, .draft-copilot-survival span { display: block; }
.draft-copilot-survival strong { color: #17695f; font-size: 25px; }
.draft-copilot-survival div:first-child span { color: var(--ink-soft); font-size: 8px; }
.draft-copilot-survival > div:last-child { height: 8px; overflow: hidden; border-radius: 999px; background: #d6e3df; }
.draft-copilot-survival > div:last-child span { height: 100%; border-radius: inherit; background: #41a38f; }
.draft-copilot-disclosure, .draft-copilot-note { display: block; margin-top: 12px; color: var(--ink-soft); font-size: 8px; line-height: 1.5; }
.mock-room-grid { display: grid; grid-template-columns: minmax(0,1fr) 260px; gap: 18px; margin-top: 28px; align-items: start; }
.mock-board-panel, .mock-roster-panel, .mock-player-pool { border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.mock-board-panel, .mock-roster-panel { min-width: 0; }
.mock-board-panel > .iterations-history-heading { padding: 20px; }
.mock-board-scroll { overflow-x: auto; border-top: 1px solid var(--line); }
.mock-board { min-width: calc(54px + var(--mock-teams) * 105px); }
.mock-board-header, .mock-board-row { display: grid; grid-template-columns: 48px repeat(var(--mock-teams),minmax(102px,1fr)); }
.mock-board-header { min-height: 34px; background: #edf2f3; color: var(--ink-soft); font-size: 8px; font-weight: 900; text-align: center; }
.mock-board-header span { display: grid; place-items: center; border-right: 1px solid var(--line); }
.mock-board-header .is-user { background: #dff4ee; color: #14685e; }
.mock-board-row { min-height: 68px; border-top: 1px solid var(--line); }
.mock-round-label { display: grid; place-items: center; background: #f5f7f7; color: var(--ink-soft); font-size: 10px; font-weight: 900; }
.mock-board-pick { display: grid; align-content: center; min-width: 0; padding: 7px; border-left: 1px solid var(--line); background: #fff; }
.mock-board-pick.is-user { background: #f0faf7; }
.mock-board-pick.is-open { place-items: center; color: #c4ced1; }
.mock-board-pick small, .mock-board-pick strong, .mock-board-pick span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mock-board-pick small { color: #14685e; font-size: 7px; font-weight: 900; }
.mock-board-pick strong { margin-top: 3px; font-size: 9px; }
.mock-board-pick span { margin-top: 2px; color: var(--ink-soft); font-size: 7px; }
.mock-roster-panel { position: sticky; top: 15px; padding: 20px; }
.mock-roster-panel h2 { margin: 5px 0 17px; font-size: 24px; }
.mock-roster-list { display: grid; gap: 7px; }
.mock-roster-list article { display: flex; gap: 9px; align-items: center; padding: 10px; border-radius: 8px; background: #f5f7f7; }
.mock-roster-list .platform-pill { flex: 0 0 auto; }
.mock-roster-list strong, .mock-roster-list small { display: block; }
.mock-roster-list strong { font-size: 10px; }
.mock-roster-list small { margin-top: 3px; color: var(--ink-soft); font-size: 7px; }
.mock-roster-list b { color: #1c7554; }
.mock-roster-list em { color: #b2532e; font-style: normal; }
.mock-roster-needs { margin-top: 16px; padding: 13px; border-left: 3px solid #d1dd55; background: #f7fadf; }
.mock-roster-needs strong { font-size: 9px; text-transform: uppercase; }
.mock-roster-needs p { margin: 6px 0 0; color: #4d5c39; font-size: 9px; line-height: 1.45; }
.mock-player-pool { overflow: hidden; margin-top: 22px; }
.mock-player-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 21px; }
.mock-player-heading h2 { margin: 5px 0 0; font-size: 26px; }
.mock-player-tools { display: grid; grid-template-columns: minmax(220px,1fr) 120px; gap: 8px; width: min(100%,500px); }
.mock-player-tools input, .mock-player-tools select { margin: 0; }
.mock-player-list { max-height: 620px; overflow-y: auto; border-top: 1px solid var(--line); }
.mock-player-row { display: grid; grid-template-columns: 38px 42px minmax(180px,1fr) 80px 70px; gap: 12px; align-items: center; min-height: 58px; padding: 9px 17px; border-top: 1px solid var(--line); }
.mock-player-row:first-child { border-top: 0; }
.mock-player-row[hidden] { display: none; }
.mock-player-rank { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: #edf2f3; color: #4d5e66; font-size: 8px; font-weight: 900; }
.mock-player-row strong, .mock-player-row small { display: block; }
.mock-player-row strong { font-size: 11px; }
.mock-player-row small { margin-top: 3px; color: var(--ink-soft); font-size: 8px; }
.mock-player-row form { text-align: right; }
.mock-player-row button { padding: 8px; border-radius: 7px; background: #e1f3ee; }
.mock-no-results { padding: 30px; color: var(--ink-soft); text-align: center; }
.mock-source-footer { margin-top: 26px; padding: 19px 0; border-top: 1px solid var(--line); }
.mock-source-footer p { margin: 8px 0 0; color: var(--ink-soft); font-size: 9px; line-height: 1.5; }
.mock-source-footer a { color: #14685e; font-weight: 800; }
.mock-intelligence-hero > div:last-child { display: grid; min-width: 142px; padding: 20px; border-radius: 13px; background: #0a3a37; color: #fff; text-align: center; }
.mock-intelligence-hero > div:last-child strong { font-size: 38px; line-height: 1; }
.mock-intelligence-hero > div:last-child span { margin-top: 5px; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.mock-intelligence-hero > div:last-child small { margin-top: 5px; color: #afd2cb; font-size: 8px; }
.mock-intelligence-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.mock-intel-card { min-height: 340px; padding: 23px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.mock-intel-card.gem { border-color: rgba(28,117,84,.28); background: linear-gradient(145deg,#f1faef,#fff); }
.mock-intel-card.riser, .mock-intel-card.reach { border-color: rgba(178,83,46,.22); background: linear-gradient(145deg,#fff5ef,#fff); }
.mock-intel-card h2 { margin: 7px 0 5px; font-size: 24px; }
.mock-intel-card > p { margin: 0; color: var(--ink-soft); font-size: 10px; }
.mock-intel-list { display: grid; gap: 7px; margin-top: 19px; }
.mock-intel-list > div { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 9px; align-items: center; padding: 10px; border: 1px solid rgba(41,66,78,.1); border-radius: 8px; background: rgba(255,255,255,.75); }
.mock-intel-list strong, .mock-intel-list small { display: block; }
.mock-intel-list strong { font-size: 10px; }
.mock-intel-list small { margin-top: 3px; color: var(--ink-soft); font-size: 7px; }
.mock-intel-list b { color: #17695f; font-size: 11px; }
.mock-tendency-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin-top: 18px; }
.mock-tendency-grid > article { padding: 21px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.mock-tendency-grid h2 { min-height: 48px; margin: 7px 0 13px; font-size: 18px; }
.mock-tendency-grid article > div { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; padding: 9px 0; border-top: 1px solid var(--line); font-size: 9px; }
.mock-tendency-grid article > div strong { color: #14685e; }
.mock-tendency-grid article > div small { grid-column: 1 / -1; color: var(--ink-soft); font-size: 7px; }
.mock-target-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.mock-target-grid article { padding: 16px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.mock-target-grid h3 { margin: 12px 0 4px; font-size: 13px; }
.mock-target-grid p { margin: 0; color: var(--ink-soft); font-size: 8px; }
.mock-intelligence-empty { margin: 50px 0; padding: 45px; text-align: center; }
.mock-intelligence-empty h2 { margin: 0; font-size: 30px; }
.mock-intelligence-empty p { color: var(--ink-soft); }
.translation-column-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.translation-column-grid > div { padding: 18px; border: 1px solid var(--line); border-radius: 11px; background: #f4f7f9; }
.translation-column-grid h3 { margin: 0 0 10px; font-size: 15px; }
.translation-column-grid ul { display: grid; gap: 8px; margin: 0; padding-left: 18px; color: var(--ink-soft); font-size: 11px; line-height: 1.5; }
.translation-pending { display: flex; gap: 12px; margin-top: 14px; padding: 13px 15px; border-left: 3px solid var(--orange); background: #fff3eb; font-size: 11px; line-height: 1.5; }
.translation-pending strong { flex: 0 0 auto; }
.fantasy-ads { margin-top: 0; }
.fantasy-ads-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 0 10px; padding: 0 2px; }
.fantasy-ads-heading span { color: var(--ink); font-family: var(--font-display), Arial, sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .05em; }
.fantasy-ads-heading small { color: var(--ink-soft); font-size: 8px; letter-spacing: .06em; text-transform: uppercase; }
.partner-promotion { overflow: hidden; padding: 24px; border: 1px solid rgba(117,170,196,.28); border-radius: 14px; background: radial-gradient(circle at 95% 5%, rgba(27,104,143,.45), transparent 40%), #0f171d; color: #fff; box-shadow: 0 15px 45px rgba(15,23,29,.16); }
.promotion-label { display: inline-block; color: #9db5c2; font-family: var(--font-geist-mono), monospace; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.promotion-logo { display: block; width: min(100%, 178px); height: 92px; margin: 12px 0 4px; object-fit: contain; object-position: left center; }
.partner-promotion h2 { margin: 4px 0 11px; color: #fff; font-size: 27px; letter-spacing: -.045em; line-height: 1.05; }
.partner-promotion p { margin: 0; color: #c4d0d6; font-size: 12px; line-height: 1.6; }
.promotion-cta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 19px; padding: 12px 14px; border-radius: 7px; background: var(--orange); color: #fff; font-family: var(--font-display), Arial, sans-serif; font-size: 12px; font-weight: 600; }
.partner-promotion small { display: block; margin-top: 12px; color: #8299a5; font-size: 9px; line-height: 1.45; }
.detail-promotion { width: min(100%, 440px); margin: 22px 0 0 auto; }
.auth-shell { display: grid; min-height: 100vh; place-items: center; align-content: center; gap: 24px; padding: 45px 20px; background: radial-gradient(circle at 15% 0%, rgba(51,169,202,.22), transparent 34%), var(--paper); }
.auth-card { width: min(100%, 480px); padding: clamp(28px, 5vw, 46px); border: 1px solid var(--line); border-radius: 16px; background: var(--white); box-shadow: var(--shadow); }
.auth-card h1 { margin: 0; font-size: 38px; letter-spacing: -.05em; line-height: 1.05; }
.auth-card > p:not(.eyebrow) { color: var(--ink-soft); line-height: 1.6; }
.auth-form { margin-top: 24px; }
.auth-form p { margin: 0 0 15px; }
.auth-form .helptext, .auth-form ul { color: var(--ink-soft); font-size: 10px; line-height: 1.5; }
.auth-form .errorlist { color: #a34220; }
.auth-form button { width: 100%; margin-top: 6px; }
.auth-links { display: flex; justify-content: space-between; gap: 15px; margin-top: 20px; color: var(--orange-dark); font-size: 12px; font-weight: 700; }
.auth-footnote { margin: 0; color: var(--ink-soft); font-size: 11px; }
.cbs-helper-page { padding-bottom: 84px; }
.cbs-security-note { border-color: rgba(22,133,163,.25); background: linear-gradient(145deg, #fff 45%, #eaf7fa); }
.cbs-security-note p { max-width: 760px; margin: 13px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }
.cbs-helper-steps { display: grid; gap: 15px; margin-top: 22px; }
.cbs-helper-step { position: relative; padding-left: 82px; }
.cbs-helper-step h2 { margin: 1px 0 8px; font-size: 20px; }
.cbs-helper-step p { margin: 0 0 17px; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }
.step-number { position: absolute; top: 25px; left: 25px; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #1757b8; color: #fff; font-family: var(--font-display), Arial, sans-serif; font-weight: 700; }
.step-disabled { opacity: .68; }
.cbs-bookmarklet { cursor: grab; user-select: none; }
.cbs-bookmarklet:active { cursor: grabbing; }
.cbs-button-placeholder { border-color: var(--line); background: var(--paper-deep); color: var(--ink-soft); }
.cbs-helper-footnote { margin: 20px 2px 0; }
.provider-connect-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.yahoo-eyebrow { color: #6001d2; }
.yahoo-status-chip { background: #f1e5ff; color: #6001d2; }
.yahoo-security-note { border-color: rgba(96,1,210,.2); background: linear-gradient(145deg, #fff 45%, #f4edff); }
.yahoo-security-note p { max-width: 760px; margin: 13px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }
.yahoo-step-number { background: #6001d2; }
.yahoo-import-button { border-color: #6001d2; background: #6001d2; color: #fff; }
.yahoo-import-button:hover { background: #4f00ad; }
.renegade-security-note { border-color: rgba(23,77,112,.25); background: linear-gradient(145deg, #fff 45%, #edf5f7); }
.renegade-security-note p, .renegade-data-note p { max-width: 780px; margin: 13px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }
.renegade-step-number { background: #174d70; }
.renegade-data-note { border-color: rgba(235,108,39,.22); background: linear-gradient(145deg, #fff 50%, #fff3eb); }
.espn-eyebrow { color: #b20f15; }
.espn-security-note { border-color: rgba(215,25,32,.2); background: linear-gradient(145deg, #fff 45%, #fff0f1); }
.espn-security-note p, .espn-draft-note p { max-width: 780px; margin: 13px 0 0; color: var(--ink-soft); font-size: 13px; line-height: 1.65; }
.espn-step-number, .espn-import-button { border-color: #d71920; background: #d71920; color: #fff; }
.espn-import-button:hover { border-color: #af1117; background: #af1117; }
.espn-draft-note { border-color: rgba(215,25,32,.18); background: linear-gradient(145deg, #fff 50%, #fff5e6); }
.draft-blueprint-panel { border-color: rgba(215,25,32,.2); background: linear-gradient(145deg, #fff 50%, #fff0f1); }
.draft-stat-grid > div:nth-child(2) strong { font-size: 15px; line-height: 1.35; }
.draft-rule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.draft-rule-grid > div { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.82); }
.draft-rule-grid span { color: #b20f15; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.draft-rule-grid strong { font-size: 12px; line-height: 1.45; overflow-wrap: anywhere; }
.draft-blueprint-panel > .muted { margin: 18px 0 0; }
.renegade-feature-sections { margin-top: 22px; }
.renegade-substitution-panel { border-color: rgba(23,77,112,.25); background: linear-gradient(145deg, #fff 48%, #edf5f7); }
.renegade-substitution-panel > p { max-width: 760px; color: var(--ink-soft); line-height: 1.65; }
.renegade-package-line { margin: 22px 0 0; padding: 13px 15px; border-left: 3px solid var(--orange); background: rgba(255,255,255,.78); }
.renegade-rule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.renegade-rule-grid > div { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.8); }
.renegade-rule-grid span { color: #174d70; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.renegade-rule-grid strong { font-size: 12px; line-height: 1.45; }

/* Thunderdome (Arena internal namespace) */
.arena-dashboard-button { border-color: #173f50; background: #173f50; color: #fff; }
.arena-sidebar-card { overflow: hidden; padding: 25px; border: 1px solid #234c5e; border-radius: 14px; background: radial-gradient(circle at 100% 0,rgba(103,201,255,.22),transparent 38%),#102832; color: #fff; }
.arena-sidebar-card h2 { margin: 8px 0 10px; color: #fff; font-size: 28px; letter-spacing: -.045em; }
.arena-sidebar-card p { margin: 0; color: #b5c8cf; font-size: 12px; line-height: 1.6; }
.arena-sidebar-card .arena-sidebar-tagline { margin: -2px 0 12px; color: #e8f36b; font-size: 9px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.arena-sidebar-card a { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding: 12px 14px; border-radius: 7px; background: #e8f36b; color: #14323d; font-size: 12px; font-weight: 900; }
.arena-sidebar-card small { display: block; margin-top: 12px; color: #7f9ba6; font-size: 9px; line-height: 1.45; }
.arena-shell { min-height: 100vh; background: radial-gradient(circle at 88% 0,rgba(103,201,255,.1),transparent 26%),#edf2f3; }
.arena-page { max-width: 1240px; padding: 0 0 82px; }
.arena-entry-stack { overflow: hidden; border: 1px solid #244955; border-radius: 20px; background: #102832; box-shadow: 0 22px 60px rgba(16,40,50,.16); isolation: isolate; }
.arena-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(330px,.8fr); gap: clamp(35px,5vw,72px); min-height: 430px; align-items: center; overflow: hidden; padding: 56px clamp(28px,5vw,70px); background: radial-gradient(circle at 86% 9%,rgba(103,201,255,.18),transparent 29%),linear-gradient(125deg,rgba(232,243,107,.055),transparent 42%),#102832; color: #fff; }
.arena-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px); background-size: 34px 34px; content: ""; mask-image: linear-gradient(90deg,#000,transparent 85%); }
.arena-hero::after { position: absolute; top: -35%; bottom: -35%; left: 63%; width: 1px; background: repeating-linear-gradient(to bottom,rgba(232,243,107,.32) 0 5px,transparent 5px 13px); content: ""; transform: rotate(16deg); }
.arena-hero-copy { position: relative; z-index: 1; }
.arena-hero .eyebrow { color: #67c9ff; }
.arena-hero h1 { max-width: 700px; margin: 3px 0 0; color: #fff; font-size: clamp(61px,7.4vw,102px); font-weight: 700; letter-spacing: -.078em; line-height: .82; }
.arena-tagline-lockup { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 22px; }
.arena-hero .arena-tagline { display: inline-flex; width: fit-content; max-width: 100%; margin: 0; padding: 10px 15px 11px; border: 1px solid rgba(232,243,107,.3); border-left: 4px solid #e8f36b; border-radius: 0 8px 8px 0; background: rgba(232,243,107,.09); color: #e8f36b; font-size: clamp(15px,1.45vw,20px); font-weight: 900; letter-spacing: .025em; line-height: 1.15; box-shadow: 0 8px 24px rgba(4,20,26,.18); }
.arena-hero-deck { max-width: 760px; margin: 20px 0 0; color: #b7c9cf; font-size: 15px; line-height: 1.65; }
.arena-hero-proof { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.arena-hero-proof span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; color: #96afb8; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.arena-hero-proof span:first-child { border-color: rgba(103,201,255,.36); color: #83d3fa; }
.arena-hero-protocol { position: relative; display: grid; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: 15px; background: rgba(7,29,36,.72); box-shadow: 0 24px 60px rgba(3,18,24,.28); backdrop-filter: blur(6px); z-index: 1; }
.arena-hero-protocol header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px 18px; border-bottom: 1px solid rgba(255,255,255,.11); background: rgba(255,255,255,.035); }
.arena-hero-protocol header span { color: #d7e3e6; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.arena-hero-protocol header b { padding: 5px 7px; border-radius: 99px; background: #e8f36b; color: #344308; font-size: 6px; letter-spacing: .06em; text-transform: uppercase; }
.arena-hero-protocol > div { display: grid; grid-template-columns: 32px 1fr; gap: 13px; align-items: start; padding: 17px 18px; }
.arena-hero-protocol > div + div { border-top: 1px solid rgba(255,255,255,.09); }
.arena-hero-protocol > div > strong { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(103,201,255,.32); border-radius: 50%; color: #67c9ff; font-size: 7px; }
.arena-hero-protocol > div:nth-of-type(2) > strong { border-color: rgba(232,243,107,.38); color: #e8f36b; }
.arena-hero-protocol > div:nth-of-type(3) > strong { border-color: rgba(255,157,92,.42); color: #ff9d5c; }
.arena-hero-protocol > div > span { color: #99afb7; font-size: 8px; line-height: 1.55; }
.arena-hero-protocol small { display: block; margin-bottom: 4px; color: #fff; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.arena-hero-protocol footer { padding: 13px 18px; border-top: 1px solid rgba(255,255,255,.1); color: #718e98; font-size: 7px; font-style: italic; }
.arena-hero-protocol footer span { float: right; color: #e8f36b; font-style: normal; font-weight: 900; text-transform: uppercase; }
.arena-control-room { display: grid; grid-template-columns: minmax(0,1fr) 300px; overflow: hidden; border-top: 1px solid rgba(255,255,255,.14); background: #173945; color: #fff; }
.arena-league-picker { display: grid; grid-template-columns: auto minmax(220px,1fr) auto; gap: 18px; align-items: center; padding: 20px 25px; }
.arena-league-picker label { display: flex; align-items: center; gap: 10px; color: #b9ccd2; font-size: 9px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.arena-league-picker label > span, .arena-control-summary > span { color: #67c9ff; font-size: 10px; }
.arena-league-picker select { min-height: 45px; padding: 0 13px; border: 1px solid rgba(255,255,255,.16); border-radius: 7px; background: #102c36; color: #fff; }
.arena-control-button, .arena-refresh-button { min-height: 45px; border: 0; background: #e8f36b; color: #18353c; cursor: pointer; font-size: 11px; }
.arena-control-summary { display: flex; gap: 14px; align-items: center; padding: 18px 22px; border-left: 1px solid rgba(255,255,255,.12); background: #102f3a; }
.arena-control-summary small, .arena-control-summary strong { display: block; }
.arena-control-summary small { color: #809ba4; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-control-summary strong { margin-top: 5px; color: #fff; font-size: 11px; }
.arena-control-summary i { width: 8px; height: 8px; margin-left: auto; border-radius: 50%; background: #82969d; box-shadow: 0 0 0 5px rgba(130,150,157,.12); }
.arena-control-summary i.is-live { background: #e8f36b; box-shadow: 0 0 0 5px rgba(232,243,107,.12); }
.arena-command-deck { display: grid; grid-template-columns: 1.1fr 1.1fr .72fr .72fr 1fr; gap: 10px; margin-top: 15px; }
.arena-command-deck.is-points-disabled { grid-template-columns: 1.15fr .72fr .72fr 1fr; }
.arena-command-card { position: relative; min-height: 160px; padding: 22px; overflow: hidden; border: 1px solid #c8d5d9; border-radius: 12px; background: rgba(255,255,255,.86); box-shadow: 0 9px 30px rgba(17,52,64,.045); }
.arena-command-card > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.arena-command-card > div:first-child small { color: #819299; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.arena-command-card h2 { margin: 27px 0 7px; font-size: 20px; letter-spacing: -.035em; }
.arena-command-card p { margin: 0; color: #73868d; font-size: 8px; line-height: 1.55; }
.arena-command-card a { display: inline-block; margin-top: 14px; color: #246d8d; font-size: 8px; font-weight: 900; }
.arena-command-card code { font: inherit; font-weight: 900; }
.arena-wallet-command { border-color: #315561; background: linear-gradient(145deg,#173d48,#102e39); color: #fff; }
.arena-wallet-command .micro-label { color: #67c9ff; }
.arena-wallet-command h2 { color: #fff; }
.arena-wallet-command p { color: #9bb1b9; }
.arena-wallet-command a { color: #8fd8fa; }
.arena-wallet-command i { width: 8px; height: 8px; border-radius: 50%; background: #879ba2; box-shadow: 0 0 0 5px rgba(135,155,162,.11); }
.arena-wallet-command.is-ready i { background: #e8f36b; box-shadow: 0 0 0 5px rgba(232,243,107,.11); }
.arena-record-command { border-color: #c1cf68; background: linear-gradient(145deg,#f7fadf,#fff); }
.arena-record-score { display: block; margin-top: 21px; color: #173f50; font-size: 36px; letter-spacing: -.055em; line-height: 1; }
.arena-activity-command .arena-record-score { color: #4b9bd3; }
.arena-provider-command.is-ready { border-color: #9eb34a; box-shadow: inset 0 3px 0 #e8f36b; }
.arena-points-command { border-color: #b9ca5b; background: linear-gradient(145deg,#f7fadf,#fff); box-shadow: inset 0 3px 0 #e8f36b; }
.arena-points-command .micro-label { color: #6c7c12; }
.arena-record-history { overflow: hidden; margin-top: 10px; border: 1px solid #c9d5d9; border-radius: 13px; background: #fff; }
.arena-record-history > header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 30px; align-items: center; padding: 24px 27px; border-bottom: 1px solid #dce4e7; }
.arena-record-history h2 { margin: 5px 0 0; font-size: 27px; letter-spacing: -.045em; }
.arena-all-time-record { display: grid; grid-template-columns: auto auto; gap: 2px 13px; align-items: center; text-align: right; }
.arena-all-time-record small { color: #73878e; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-all-time-record strong { grid-row: span 2; color: #173f50; font-size: 31px; letter-spacing: -.05em; }
.arena-all-time-record span { color: #8c9da3; font-size: 7px; }
.arena-season-records { display: flex; overflow-x: auto; padding: 13px; background: #f4f7f8; }
.arena-season-records article { display: grid; flex: 0 0 170px; grid-template-columns: 1fr auto; gap: 6px 13px; padding: 13px 15px; border-left: 1px solid #d9e2e5; }
.arena-season-records article:first-child { border-left: 0; }
.arena-season-records article.is-current { border-radius: 8px; background: #173f50; }
.arena-season-records span { color: #60757d; font-size: 8px; font-weight: 900; }
.arena-season-records strong { color: #234d5d; font-size: 17px; letter-spacing: -.035em; }
.arena-season-records small { grid-column: 1 / -1; color: #8a9ba1; font-size: 7px; }
.arena-season-records article.is-current span, .arena-season-records article.is-current strong { color: #fff; }
.arena-season-records article.is-current small { color: #a8bec5; }
.arena-record-history > p { margin: 0; padding: 13px 27px; border-top: 1px solid #dce4e7; color: #788b92; font-size: 8px; line-height: 1.55; }
.arena-record-history > p strong { color: #405c66; }
.arena-week-nav { display: flex; gap: 6px; align-items: center; overflow-x: auto; margin-top: 32px; padding-bottom: 6px; }
.arena-week-nav > span { margin-right: 9px; color: #5f747d; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.arena-week-nav a { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; border: 1px solid #cad5d9; border-radius: 50%; background: rgba(255,255,255,.7); color: #536871; font-size: 10px; font-weight: 900; }
.arena-week-nav a.is-current { border-color: #173f50; background: #173f50; color: #e8f36b; box-shadow: 0 7px 18px rgba(23,63,80,.18); }
.arena-slate { margin-top: 23px; }
.arena-slate-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding-bottom: 23px; border-bottom: 1px solid #cad5d9; }
.arena-slate-heading h2 { margin: 4px 0 5px; font-size: 36px; letter-spacing: -.055em; }
.arena-slate-heading p { margin: 0; color: #64767d; font-size: 10px; }
.arena-slate-heading form { flex: 0 0 auto; }
.arena-slate-actions { display: flex; gap: 8px; align-items: center; }
.arena-discovery-button { min-height: 45px; border-color: #b8c76c; background: #f7fadf; color: #52600c; cursor: pointer; font-size: 10px; }
.arena-column-key { display: grid; grid-template-columns: minmax(255px,1.12fr) repeat(3,minmax(170px,.8fr)) minmax(120px,.55fr); gap: 1px; margin-top: 17px; padding: 0 18px 8px; color: #63777f; font-size: 8px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.arena-column-key > span:not(:first-child) { padding-left: 19px; }
.arena-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.model-dot { background: #4b9bd3; box-shadow: 0 0 0 3px rgba(75,155,211,.12); }
.market-dot { background: #9aaa16; box-shadow: 0 0 0 3px rgba(154,170,22,.12); }
.sportsbook-dot { background: #df7130; box-shadow: 0 0 0 3px rgba(223,113,48,.12); }
.arena-matchup-list { display: grid; gap: 11px; }
.arena-matchup-card { position: relative; display: grid; grid-template-columns: minmax(255px,1.12fr) repeat(3,minmax(170px,.8fr)) minmax(120px,.55fr); overflow: hidden; border: 1px solid #c8d4d8; border-radius: 13px; background: #fff; box-shadow: 0 8px 28px rgba(25,59,72,.045); }
.arena-matchup-card > * + * { border-left: 1px solid #dce4e7; }
.arena-matchup-teams { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 20px minmax(0,1fr); gap: 12px; align-items: center; min-height: 205px; padding: 52px 21px 38px 55px; }
.arena-matchup-teams > div small, .arena-matchup-teams > div strong, .arena-matchup-teams > div span { display: block; }
.arena-matchup-teams > div small { color: #8a9aa0; font-size: 7px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.arena-matchup-teams > div strong { margin-top: 7px; font-size: 15px; line-height: 1.15; }
.arena-matchup-teams > div span { margin-top: 5px; color: #7a8b91; font-size: 8px; }
.arena-matchup-teams > b { color: #9bacb2; font-size: 10px; }
.arena-matchup-teams > p { position: absolute; right: 20px; bottom: 17px; left: 55px; margin: 0; color: #7b8d94; font-size: 8px; }
.arena-matchup-number { position: absolute; top: 27px; left: 18px; color: #4b9bd3; font-size: 9px; font-weight: 900; }
.arena-your-game { position: absolute; top: 48px; left: 15px; padding: 4px 6px; border-radius: 99px; background: #e8f36b; color: #42500c; font-size: 6px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.arena-game-league { position: absolute; top: 18px; right: 18px; left: 55px; overflow: hidden; color: #276f8f; font-size: 8px; font-weight: 900; letter-spacing: .025em; text-overflow: ellipsis; white-space: nowrap; }
.arena-game-league i { color: #a0afb4; font-style: normal; }
.arena-prediction-column { display: grid; min-width: 0; align-content: start; padding: 20px; }
.model-column { background: linear-gradient(140deg,#f6fbfe,#fff); }
.market-column { background: linear-gradient(140deg,#fbfce9,#fff); }
.sportsbook-column { background: linear-gradient(140deg,#fff5ed,#fff); }
.arena-column-label { display: flex; gap: 8px; align-items: center; min-height: 23px; margin-bottom: 7px; color: #536970; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.arena-column-label small { margin-left: auto; padding: 4px 6px; border-radius: 99px; background: rgba(33,67,80,.07); color: #75878d; font-size: 6px; letter-spacing: .06em; }
.arena-odds-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 35px; border-top: 1px solid rgba(35,69,81,.1); color: #435960; }
.arena-odds-line span { overflow: hidden; font-size: 8px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.arena-odds-line strong { font-size: 17px; }
.arena-odds-line.is-home strong { color: #1e6e9f; }
.market-column .arena-odds-line.is-home strong { color: #7f900b; }
.sportsbook-column .arena-odds-line.is-home strong { color: #bd5820; }
.arena-projected-score { display: grid; grid-template-columns: 1fr 24px 1fr; gap: 4px; align-items: center; margin-top: 8px; }
.arena-projected-score > span { font-size: 10px; font-weight: 900; }
.arena-projected-score > span:last-of-type { text-align: right; }
.arena-projected-score i { height: 4px; border-radius: 99px; background: linear-gradient(90deg,#a1cde7 50%,#4b9bd3 50%); }
.arena-projected-score small { grid-column: 1 / -1; color: #8a999e; font-size: 6px; text-transform: uppercase; }
.arena-socialmeter-line { display: grid; grid-template-columns: auto 1fr 1fr; gap: 7px; align-items: center; margin-top: 8px; padding-top: 7px; border-top: 1px solid #dbe8df; }
.arena-socialmeter-line span { color: #23724a; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.arena-socialmeter-line small { color: #667a6e; font-size: 6px; }
.arena-market-volume { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; padding-top: 8px; border-top: 1px solid rgba(35,69,81,.1); color: #73868c; font-size: 6px; text-transform: uppercase; }
.arena-awaiting { display: grid; min-height: 105px; place-items: center start; align-content: center; padding: 15px; border: 1px dashed #b7c8cf; border-radius: 8px; background: rgba(255,255,255,.66); }
.arena-awaiting strong, .arena-awaiting span { display: block; }
.arena-awaiting strong { color: #4e6771; font-size: 10px; }
.arena-awaiting span { margin-top: 6px; color: #81939a; font-size: 8px; line-height: 1.45; }
.market-awaiting { border-color: #cbd49a; }
.sportsbook-awaiting { border-color: #edbd9e; }
.arena-matchup-action { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 18px; background: #173f50; color: #fff; text-decoration: none; }
.arena-matchup-action small, .arena-matchup-action strong, .arena-matchup-action span { display: block; }
.arena-matchup-action small { color: #7fa0ad; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-matchup-action strong { margin-top: 8px; color: #fff; font-size: 10px; line-height: 1.35; }
.arena-matchup-action p { margin: 9px 0 0; color: #a2b6bd; font-size: 7px; line-height: 1.5; }
.arena-matchup-action span { margin-top: 15px; color: #e8f36b; font-size: 7px; font-weight: 900; }
.arena-matchup-action.is-ready { background: #30443e; box-shadow: inset 4px 0 0 #e8f36b; }
.arena-matchup-action.is-ready small, .arena-matchup-action.is-ready span { color: #e8f36b; }
.arena-matchup-action.is-challenged { background: #1c5570; box-shadow: inset 4px 0 0 #67c9ff; }
.arena-matchup-action.is-challenged small, .arena-matchup-action.is-challenged span { color: #8edafa; }
.arena-matchup-action.is-wallet-needed { background: #48382f; box-shadow: inset 4px 0 0 #ff9d5c; }
.arena-matchup-action.is-wallet-needed small, .arena-matchup-action.is-wallet-needed span { color: #ffb27e; }
.arena-matchup-action.is-unavailable { background: #344850; box-shadow: inset 4px 0 0 #82979f; }
.arena-matchup-action.is-unavailable small { color: #b6c5ca; }
.arena-matchup-action.is-unavailable span { color: #d5e0e3; }
.arena-matchup-news { grid-column: 1 / -1; padding: 18px 22px; border-top: 1px solid #d3dee1; border-left: 0 !important; background: linear-gradient(120deg,#102e39,#173f50); color: #fff; }
.arena-matchup-news > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.arena-matchup-news > header div { display: grid; gap: 4px; }
.arena-matchup-news > header .micro-label { color: #67c9ff; }
.arena-matchup-news > header strong { color: #fff; font-size: 15px; }
.arena-matchup-news > header > small { color: #8ba5ae; font-size: 7px; font-weight: 800; }
.arena-matchup-news > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 13px; }
.arena-matchup-news article { display: grid; gap: 5px; padding: 13px 14px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: rgba(255,255,255,.045); }
.arena-matchup-news article > span { width: fit-content; padding: 4px 6px; border-radius: 99px; background: #e8f36b; color: #354507; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-matchup-news article > a { color: #fff; font-size: 10px; font-weight: 900; line-height: 1.4; }
.arena-matchup-news article > small { color: #82a2ad; font-size: 7px; }
.arena-matchup-news article > p, .arena-matchup-news-empty { margin: 0; color: #b8c9cf; font-size: 8px; line-height: 1.5; }
.arena-matchup-news-empty { margin-top: 12px; }
.arena-matchup-news-detail { display: inline-block; margin-top: 13px; color: #e8f36b; font-size: 7px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.arena-swing-panel { grid-column: 1 / -1; border-top: 1px solid #d3dee1; border-left: 0 !important; background: #f5f8f9; }
.arena-swing-panel > summary { display: grid; grid-template-columns: minmax(180px,.72fr) minmax(260px,1.28fr) 28px; gap: 24px; align-items: center; min-height: 72px; padding: 13px 22px; cursor: pointer; list-style: none; }
.arena-swing-panel > summary::-webkit-details-marker { display: none; }
.arena-swing-panel > summary:hover { background: #eef4f5; }
.arena-swing-title small, .arena-swing-title strong, .arena-swing-preview small, .arena-swing-preview strong, .arena-swing-preview b { display: block; }
.arena-swing-title small { color: #4b9bd3; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.arena-swing-title strong { margin-top: 5px; color: #173f50; font-size: 13px; }
.arena-swing-preview { display: grid; grid-template-columns: minmax(115px,.7fr) minmax(145px,1fr) auto; gap: 10px 18px; align-items: center; }
.arena-swing-preview small { color: #83949a; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-swing-preview strong { overflow: hidden; color: #3b555f; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.arena-swing-preview b { color: #b4511f; font-size: 9px; text-align: right; }
.arena-swing-panel > summary > i { position: relative; display: block; width: 24px; height: 24px; border: 1px solid #bfd0d5; border-radius: 50%; background: #fff; }
.arena-swing-panel > summary > i::before, .arena-swing-panel > summary > i::after { position: absolute; top: 50%; left: 50%; width: 8px; height: 1px; background: #49646e; content: ""; transform: translate(-50%,-50%); }
.arena-swing-panel > summary > i::after { transform: translate(-50%,-50%) rotate(90deg); transition: transform .18s ease; }
.arena-swing-panel[open] > summary > i::after { transform: translate(-50%,-50%) rotate(0); }
.arena-swing-body { padding: 0 22px 22px; }
.arena-swing-body > header { display: grid; grid-template-columns: minmax(340px,.85fr) minmax(260px,1.2fr) auto; gap: 24px; align-items: center; padding: 15px 0; border-top: 1px solid #d7e1e4; }
.arena-swing-odds { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.arena-swing-odds article { display: grid; grid-template-columns: 1fr auto; gap: 3px 10px; padding: 11px 12px; border: 1px solid #cddadd; border-radius: 9px; background: #fff; }
.arena-swing-odds span { grid-column: 1 / -1; color: #70848b; font-size: 6px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.arena-swing-odds strong { overflow: hidden; color: #173f50; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.arena-swing-odds b { color: #1e6e9f; font-size: 16px; }
.arena-swing-body > header p { margin: 0; color: #697e86; font-size: 8px; line-height: 1.55; }
.arena-swing-body > header > small { color: #829399; font-size: 7px; font-weight: 900; text-align: right; text-transform: uppercase; }
.arena-pivotal-games { margin: 3px 0 18px; padding: 17px; border: 1px solid #cad8dc; border-radius: 11px; background: linear-gradient(135deg,#102e39,#173f50); color: #fff; }
.arena-pivotal-games > header { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.arena-pivotal-games > header span { color: #67c9ff; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.arena-pivotal-games > header h3 { margin: 5px 0 4px; color: #fff; font-size: 18px; }
.arena-pivotal-games > header p { margin: 0; color: #afc2c9; font-size: 8px; }
.arena-pivotal-games > header > strong { flex: 0 0 auto; padding: 8px 10px; border-radius: 99px; background: #e8f36b; color: #344407; font-size: 8px; }
.arena-pivotal-games > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 14px; }
.arena-pivotal-games article { padding: 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; background: rgba(255,255,255,.045); }
.arena-pivotal-games article.is-pivotal { border-color: rgba(232,243,107,.58); background: rgba(232,243,107,.08); }
.arena-pivotal-games article > span { color: #80d5ff; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-pivotal-games article.is-pivotal > span { color: #e8f36b; }
.arena-pivotal-games h4 { margin: 6px 0; color: #fff; font-size: 13px; }
.arena-pivotal-games article > strong { display: block; color: #d9e5e9; font-size: 8px; }
.arena-pivotal-games article p { margin: 5px 0; color: #9eb3bb; font-size: 7px; }
.arena-pivotal-games article small { display: block; color: #c7d5da; font-size: 7px; line-height: 1.45; }
.arena-swing-sides { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.arena-swing-sides > section { min-width: 0; padding: 14px; border: 1px solid #d2dfe2; border-radius: 11px; background: #eef3f4; }
.arena-swing-sides > section > header { display: flex; justify-content: space-between; gap: 14px; align-items: end; margin-bottom: 10px; }
.arena-swing-sides > section > header span { color: #4b9bd3; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-swing-sides > section > header h3 { margin: 4px 0 0; color: #173f50; font-size: 14px; }
.arena-swing-sides > section > header > strong { color: #516a73; font-size: 8px; white-space: nowrap; }
.arena-swing-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.arena-swing-grid article { padding: 16px; border: 1px solid #d1dde0; border-radius: 10px; background: #fff; }
.arena-swing-grid article > div:first-child { display: flex; gap: 9px; align-items: center; }
.arena-swing-grid article > div:first-child span { color: #4b9bd3; font-size: 8px; font-weight: 900; }
.arena-swing-grid article > div:first-child small { color: #7d9097; font-size: 6px; font-weight: 900; letter-spacing: .045em; text-transform: uppercase; }
.arena-swing-grid h3 { margin: 13px 0 5px; color: #1d4352; font-size: 15px; letter-spacing: -.025em; }
.arena-swing-grid p { min-height: 30px; margin: 0; color: #74878e; font-size: 8px; line-height: 1.5; }
.arena-swing-grid dl { display: grid; grid-template-columns: 1fr auto; gap: 12px; margin: 15px 0 0; padding-top: 12px; border-top: 1px solid #e1e8ea; }
.arena-swing-grid dl > div:last-child { text-align: right; }
.arena-swing-grid dt { color: #8a999e; font-size: 6px; font-weight: 900; text-transform: uppercase; }
.arena-swing-grid dd { margin: 4px 0 0; color: #274d5b; font-size: 10px; font-weight: 900; }
.arena-swing-grid dl > div:last-child dd { color: #b4511f; }
.arena-swing-grid .arena-factor-odds { grid-template-columns: 1fr; gap: 7px; }
.arena-swing-grid .arena-factor-odds > div { display: flex; justify-content: space-between; gap: 10px; text-align: left; }
.arena-swing-grid .arena-factor-odds dd { margin-top: 0; color: #274d5b; white-space: nowrap; }
.arena-factor-odds dd small { margin-left: 3px; color: #b4511f; font-size: 7px; }
.arena-swing-empty { display: flex; gap: 8px; align-items: baseline; padding: 0 22px 20px; color: #74878f; font-size: 8px; }
.arena-swing-empty strong { color: #415d67; }
.arena-empty-schedule { display: grid; grid-template-columns: minmax(220px,.55fr) minmax(0,1fr); gap: 50px; align-items: center; min-height: 320px; margin-top: 34px; padding: 40px; border: 1px solid #cbd7db; border-radius: 16px; background: #fff; }
.arena-empty-schedule h2 { margin: 5px 0 12px; font-size: 35px; letter-spacing: -.05em; }
.arena-empty-schedule p:not(.eyebrow) { max-width: 650px; color: #64777e; font-size: 12px; line-height: 1.65; }
.arena-empty-schedule .button { margin-top: 10px; }
.arena-empty-play { position: relative; display: flex; justify-content: space-around; min-height: 150px; align-items: center; border-radius: 12px; background: #102e39; }
.arena-empty-play span { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid #5a7b87; border-radius: 50%; color: #67c9ff; font-size: 8px; font-weight: 900; z-index: 1; }
.arena-empty-play span:nth-child(2) { color: #e8f36b; }
.arena-empty-play i { position: absolute; right: 12%; left: 12%; height: 1px; border-top: 1px dashed #63808b; }
.arena-source-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-top: 56px; }
.arena-source-grid article { position: relative; min-height: 240px; overflow: hidden; padding: 25px; border: 1px solid #cad7db; border-radius: 13px; background: rgba(255,255,255,.75); }
.arena-source-grid article:nth-child(3) { border-color: #324f56; background: #173942; color: #fff; }
.arena-source-grid .micro-label { position: relative; z-index: 1; }
.arena-source-status { position: relative; display: inline-flex; margin-top: 13px; padding: 5px 8px; border-radius: 99px; background: #e5ecee; color: #597079; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; z-index: 1; }
.arena-source-status.status-imported, .arena-source-status.status-complete { background: #e8f36b; color: #40500a; }
.arena-source-status.status-stale, .arena-source-status.status-unavailable, .arena-source-status.status-insufficient { background: #ffe0b8; color: #8a4b08; }
.arena-source-status.status-disabled { background: #edf0f1; color: #6c7d83; }
.arena-source-grid article:nth-child(3) .arena-source-status { background: rgba(232,243,107,.14); color: #e8f36b; }
.arena-source-grid h3 { position: relative; max-width: 270px; margin: 32px 0 11px; font-size: 21px; letter-spacing: -.035em; line-height: 1.08; z-index: 1; }
.arena-source-grid p:last-child { position: relative; margin: 0; color: #6f8187; font-size: 10px; line-height: 1.6; z-index: 1; }
.arena-source-grid article:nth-child(3) p:last-child { color: #acc2c9; }
.arena-source-grid article:nth-child(4) { border-color: #e2b08f; background: linear-gradient(145deg,#fff8f2,#fff); }
.arena-source-number { position: absolute; right: 14px; bottom: -4px; color: rgba(42,81,96,.07); font-size: 68px; font-weight: 900; letter-spacing: -.08em; }
.arena-source-grid article:nth-child(3) .arena-source-number { color: rgba(232,243,107,.07); }
.arena-source-links { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: center; margin-top: 18px; padding: 15px 18px; border: 1px solid #ccd7db; border-radius: 9px; background: rgba(255,255,255,.55); color: #667a82; font-size: 8px; }
.arena-source-links span { color: #314f5b; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-source-links a { color: #226889; font-weight: 800; }
.arena-source-links a:hover { text-decoration: underline; }
.arena-disclaimer { margin: 23px auto 0; color: #7c8d93; font-size: 9px; line-height: 1.55; text-align: center; }

/* Thunderdome testnet wallet */
.wallet-page { max-width: 1180px; padding: 42px 0 82px; }
.wallet-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.wallet-heading > div { max-width: 780px; }
.wallet-heading h1 { max-width: 760px; margin: 5px 0 15px; font-size: clamp(42px,6vw,72px); letter-spacing: -.065em; line-height: .96; }
.wallet-heading p:last-child { max-width: 710px; margin: 0; color: #64777e; font-size: 14px; line-height: 1.65; }
.wallet-network-badge { display: inline-flex; flex: 0 0 auto; gap: 9px; align-items: center; padding: 10px 13px; border: 1px solid #b7c875; border-radius: 999px; background: #f7fadf; color: #52600c; font-size: 9px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.wallet-network-badge i { width: 8px; height: 8px; border-radius: 50%; background: #91a313; box-shadow: 0 0 0 4px rgba(145,163,19,.13); }
.wallet-testnet-notice { display: flex; gap: 10px; align-items: center; margin-top: 30px; padding: 13px 16px; border: 1px solid #e2b368; border-radius: 9px; background: #fff5dd; color: #70450d; font-size: 10px; line-height: 1.45; }
.wallet-testnet-notice strong { font-size: 11px; }
.wallet-grid { display: grid; grid-template-columns: minmax(300px,.75fr) minmax(460px,1.25fr); gap: 16px; margin-top: 16px; }
.wallet-connect-card, .wallet-balance-card { overflow: hidden; padding: 31px; border: 1px solid #c7d4d8; border-radius: 16px; background: #fff; box-shadow: 0 12px 38px rgba(18,53,65,.055); }
.wallet-connect-card { border-color: #274d5a; background: radial-gradient(circle at 100% 0,rgba(103,201,255,.18),transparent 39%),#102e39; color: #fff; }
.wallet-connect-card .micro-label { color: #67c9ff; }
.wallet-connect-card h2, .wallet-balance-card h2 { margin: 7px 0 12px; font-size: 29px; letter-spacing: -.045em; }
.wallet-connect-card h2 { color: #fff; }
.wallet-connect-card > p:not(.wallet-status) { margin: 0; color: #abc0c7; font-size: 11px; line-height: 1.65; }
.wallet-connect-button { display: flex; width: 100%; min-height: 52px; align-items: center; justify-content: space-between; margin-top: 25px; border: 0; background: #e8f36b; color: #18353c; cursor: pointer; font-size: 12px; font-weight: 900; }
.wallet-connect-button span { font-size: 17px; }
.wallet-connect-button:disabled, .wallet-refresh-button:disabled { cursor: wait; opacity: .64; }
.wallet-status { min-height: 35px; margin: 12px 0 0; color: #8ea8b0; font-size: 9px; line-height: 1.5; }
.wallet-status[data-type="success"] { color: #dce87a; }
.wallet-status[data-type="error"] { color: #ffb184; }
.wallet-identity-panel { margin-top: 18px; padding: 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; background: rgba(5,24,31,.36); }
.wallet-identity-label { display: block; margin-bottom: 11px; color: #7895a0; font-size: 7px; font-weight: 900; letter-spacing: .075em; text-transform: uppercase; }
.wallet-unverified strong, .wallet-unverified p { display: block; }
.wallet-unverified strong { color: #d9e4e7; font-size: 11px; }
.wallet-unverified p, .wallet-verify-action p { margin: 5px 0 0; color: #8fa8b0; font-size: 8px; line-height: 1.55; }
.wallet-verified { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wallet-verified > div { min-width: 0; }
.wallet-verified-badge { display: block; color: #dce87a; font-size: 9px; font-weight: 900; }
.wallet-verified a { display: block; overflow: hidden; margin-top: 5px; color: #87cdf3; font-size: 8px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.wallet-verified code { font: inherit; }
.wallet-verified button { flex: 0 0 auto; padding: 7px 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; background: transparent; color: #adc0c6; cursor: pointer; font-size: 7px; font-weight: 800; }
.wallet-verified button:disabled, .wallet-verify-action button:disabled { cursor: wait; opacity: .62; }
.wallet-verify-action { margin-top: 14px; padding-top: 13px; border-top: 1px solid rgba(255,255,255,.11); }
.wallet-verify-action .button { width: 100%; margin-top: 10px; border: 0; background: #e8f36b; color: #18353c; cursor: pointer; font-size: 9px; font-weight: 900; text-align: center; }
.wallet-verified[hidden], .wallet-verify-action[hidden], .wallet-unverified[hidden] { display: none; }
.wallet-boundary { display: grid; grid-template-columns: 65px 1fr; gap: 8px 13px; margin-top: 23px; padding-top: 19px; border-top: 1px solid rgba(255,255,255,.12); }
.wallet-boundary span { color: #7895a0; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.wallet-boundary strong { color: #d9e4e7; font-size: 9px; }
.wallet-balance-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.wallet-balance-card h2 { margin-bottom: 0; }
.wallet-refresh-button, .wallet-address-row button { padding: 7px 10px; border: 1px solid #c4d1d5; border-radius: 7px; background: #f4f8f9; color: #36545f; cursor: pointer; font-size: 8px; font-weight: 900; }
.wallet-empty { display: grid; min-height: 215px; place-items: center; align-content: center; margin-top: 20px; border: 1px dashed #bac9ce; border-radius: 11px; background: #f7fafb; text-align: center; }
.wallet-empty > span { color: #6da9c1; font-size: 40px; }
.wallet-empty strong { margin-top: 8px; font-size: 13px; }
.wallet-empty p { margin: 7px 0 0; color: #7b8d94; font-size: 9px; }
.wallet-connected { margin-top: 22px; }
.wallet-address-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 15px; border: 1px solid #d6e0e3; border-radius: 9px; background: #f4f8f9; }
.wallet-address-row span, .wallet-address-row a { display: block; }
.wallet-address-row span { color: #7b8c92; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.wallet-address-row a { margin-top: 4px; color: #226889; font-size: 10px; font-weight: 800; }
.wallet-address-row code { font: inherit; }
.wallet-assets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
.wallet-assets article { padding: 19px; border: 1px solid #d4dfe2; border-radius: 10px; background: linear-gradient(145deg,#fff,#f5f9fa); }
.wallet-assets span, .wallet-assets strong, .wallet-assets small { display: block; }
.wallet-assets span { color: #637880; font-size: 8px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.wallet-assets strong { margin-top: 12px; color: #173f50; font-size: 28px; letter-spacing: -.04em; }
.wallet-assets small { margin-top: 5px; color: #829399; font-size: 7px; line-height: 1.45; }
.wallet-funding-actions { display: flex; gap: 8px; margin-top: 12px; }
.wallet-funding-actions .button { flex: 1; border-color: #c6d3d7; background: #fff; color: #415c66; font-size: 9px; text-align: center; }
.wallet-funding-actions .wallet-faucet-primary { border-color: #173f50; background: #173f50; color: #fff; }
.wallet-next-step { margin-top: 46px; padding-top: 28px; border-top: 1px solid #c7d4d8; }
.wallet-next-step h2 { max-width: 690px; margin: 6px 0 20px; font-size: 31px; letter-spacing: -.045em; }
.wallet-next-step > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border: 1px solid #c8d5d9; border-radius: 13px; background: #fff; }
.wallet-next-step article { min-height: 150px; padding: 21px; }
.wallet-next-step article + article { border-left: 1px solid #dce4e7; }
.wallet-next-step article > strong { color: #4b9bd3; font-size: 9px; text-transform: uppercase; }
.wallet-next-step article > span { display: block; margin-top: 20px; font-size: 12px; font-weight: 900; }
.wallet-next-step article p { margin: 7px 0 0; color: #778990; font-size: 9px; line-height: 1.55; }

/* Thunderdome matchup detail */
.arena-detail-page { max-width: 1240px; }
.arena-detail-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding: 34px 0 28px; border-bottom: 1px solid #c7d3d7; }
.arena-detail-heading h1 { max-width: 980px; margin: 4px 0 9px; font-size: clamp(38px,5.7vw,72px); letter-spacing: -.065em; line-height: .96; }
.arena-detail-heading h1 span { color: #81939a; font-size: .45em; letter-spacing: -.02em; }
.arena-detail-heading > div > p:last-child { margin: 0; color: #687b82; font-size: 11px; }
.arena-detail-scoreboard { display: grid; grid-template-columns: minmax(180px,1fr) 145px 70px 145px minmax(180px,1fr); overflow: hidden; margin-top: 25px; border: 1px solid #264a56; border-radius: 16px; background: #102e39; color: #fff; }
.arena-score-team { grid-row: span 3; min-height: 288px; padding: 30px; background: radial-gradient(circle at 10% 0,rgba(103,201,255,.16),transparent 45%); }
.arena-score-team.home { text-align: right; background: radial-gradient(circle at 90% 0,rgba(232,243,107,.12),transparent 45%); }
.arena-score-team span { color: #7896a1; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.arena-score-team h2 { margin: 43px 0 8px; color: #fff; font-size: 24px; letter-spacing: -.04em; line-height: 1; }
.arena-score-team small { color: #87a0a9; font-size: 9px; }
.arena-score-method { display: grid; min-height: 152px; align-content: center; padding: 20px; border-left: 1px solid rgba(255,255,255,.1); background: #153a47; text-align: center; }
.arena-score-method > div { display: flex; justify-content: center; gap: 8px; align-items: center; color: #8ca6ae; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.arena-score-method > strong { margin-top: 11px; color: #67c9ff; font-size: 48px; line-height: 1; }
.arena-score-method > strong small { font-size: 15px; }
.arena-score-method > b { margin-top: 7px; color: #b7c9cf; font-size: 9px; }
.arena-score-divider { display: grid; grid-row: span 3; min-height: 288px; place-items: center; align-content: center; border-inline: 1px solid rgba(255,255,255,.1); background: #0d2731; }
.arena-score-divider span { color: #6e8993; font-size: 7px; font-weight: 900; letter-spacing: .06em; line-height: 1.5; text-align: center; }
.arena-score-divider i { width: 1px; height: 58px; margin-top: 11px; background: linear-gradient(#67c9ff,#e8f36b); }
.arena-score-market { grid-column: 2; display: flex; min-height: 68px; align-items: center; justify-content: center; gap: 11px; border-top: 1px solid rgba(255,255,255,.1); border-left: 1px solid rgba(255,255,255,.1); background: #31443d; }
.arena-score-market.home { grid-column: 4; }
.arena-score-market span { color: #aab891; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.arena-score-market strong { color: #e8f36b; font-size: 18px; }
.arena-score-sportsbook { grid-column: 2; display: flex; min-height: 68px; align-items: center; justify-content: center; gap: 11px; border-top: 1px solid rgba(255,255,255,.1); border-left: 1px solid rgba(255,255,255,.1); background: #463a35; }
.arena-score-sportsbook.home { grid-column: 4; }
.arena-score-sportsbook span { color: #d5aa91; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.arena-score-sportsbook strong { color: #ff9d5c; font-size: 18px; }
.matchup-copilot-panel { margin-top: 20px; padding: 25px 27px; border: 1px solid #4b9bd3; border-radius: 16px; background: linear-gradient(145deg,#edf8ff,#fff); box-shadow: 8px 8px 0 rgba(75,155,211,.11); }
.matchup-copilot-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; }
.matchup-copilot-heading h2 { margin: 5px 0 6px; color: #173f50; font-size: 29px; letter-spacing: -.045em; }
.matchup-copilot-heading p { max-width: 760px; margin: 0; color: #657b84; font-size: 9px; line-height: 1.6; }
.matchup-copilot-mode { flex: 0 0 auto; padding: 7px 10px; border-radius: 999px; background: #dcedf8; color: #275d7c; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.matchup-copilot-quick-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 18px; }
.matchup-copilot-quick-actions button { padding: 9px 12px; border: 1px solid #bed8e8; border-radius: 999px; background: #fff; color: #275d7c; cursor: pointer; font-size: 8px; font-weight: 900; }
.matchup-copilot-form { margin-top: 17px; }
.matchup-copilot-form > label { display: block; color: #6f838b; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.matchup-copilot-form > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; margin-top: 6px; }
.matchup-copilot-form input { min-height: 44px; padding: 0 13px; border: 1px solid #cbd9de; border-radius: 8px; background: #fff; color: var(--ink); font: inherit; }
.matchup-copilot-form button { min-height: 44px; padding: 0 18px; border: 0; border-radius: 8px; background: #285f7f; color: #fff; cursor: pointer; font-size: 8px; font-weight: 900; }
.matchup-copilot-form button:disabled, .matchup-copilot-quick-actions button:disabled { cursor: wait; opacity: .55; }
.matchup-copilot-status { min-height: 16px; margin-top: 7px; color: #8b572e; font-size: 8px; font-weight: 800; }
.matchup-copilot-result { margin-top: 4px; padding: 19px; border: 1px solid #cfdee4; border-radius: 11px; background: #fff; }
.matchup-copilot-result[hidden] { display: none; }
.matchup-copilot-answer-heading h3 { margin: 5px 0 0; color: #173f50; font-size: 20px; }
.matchup-copilot-answer { margin: 10px 0 0; color: #274c5a; font-size: 11px; font-weight: 700; line-height: 1.6; }
.matchup-copilot-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 15px; }
.matchup-copilot-metrics article { min-width: 0; padding: 12px; border-radius: 9px; background: #edf5f8; }
.matchup-copilot-metrics span, .matchup-copilot-metrics strong, .matchup-copilot-metrics small { display: block; }
.matchup-copilot-metrics span { color: #6e858e; font-size: 6px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.matchup-copilot-metrics strong { margin-top: 7px; color: #23546d; font-size: 20px; }
.matchup-copilot-metrics small { margin-top: 4px; color: #789099; font-size: 7px; line-height: 1.4; }
.matchup-copilot-factors, .matchup-copilot-signals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 15px; }
.matchup-copilot-factors article, .matchup-copilot-signals article { min-width: 0; padding: 13px; border: 1px solid #d8e4e8; border-radius: 9px; background: #fbfdfe; }
.matchup-copilot-factors strong, .matchup-copilot-signals strong { display: block; margin-top: 7px; color: #214b5e; font-size: 10px; }
.matchup-copilot-factors p, .matchup-copilot-signals p { margin: 6px 0 0; color: #6e8289; font-size: 8px; line-height: 1.5; }
.matchup-copilot-factors small { display: block; margin-top: 8px; color: #b4511f; font-size: 7px; font-weight: 900; }
.matchup-copilot-result ul { margin: 14px 0 0; padding-left: 18px; color: #657a82; font-size: 8px; line-height: 1.65; }
.matchup-copilot-disclosure, .matchup-copilot-note { display: block; margin-top: 12px; color: #778a91; font-size: 7px; line-height: 1.5; }
.legal-shell { min-height: 100vh; background: linear-gradient(180deg,#eef4f4,#fff 420px); color: #173f50; }
.legal-page { max-width: 880px; padding-top: 55px; padding-bottom: 80px; }
.legal-heading { margin-bottom: 34px; padding-bottom: 28px; border-bottom: 2px solid #173f50; }
.legal-heading h1 { max-width: 760px; margin: 8px 0 12px; font-size: clamp(40px,7vw,72px); letter-spacing: -.06em; line-height: .98; }
.legal-heading p { max-width: 720px; margin: 0; color: #597079; font-size: 14px; line-height: 1.7; }
.legal-heading small { display: block; margin-top: 13px; color: #7a8f96; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.legal-page section { padding: 24px 0; border-bottom: 1px solid #d8e2e5; }
.legal-page section h2 { margin: 0 0 12px; font-size: 24px; letter-spacing: -.035em; }
.legal-page section p, .legal-page section li { color: #4f6871; font-size: 13px; line-height: 1.75; }
.legal-page section p { margin: 10px 0 0; }
.legal-page section ul { margin: 10px 0 0; padding-left: 21px; }
.legal-page section li + li { margin-top: 6px; }
.legal-page section a, .legal-page-footer a { color: #17695f; font-weight: 900; }
.legal-page-footer { padding-top: 28px; }
.arena-impact-briefing { overflow: hidden; margin-top: 20px; border: 1px solid #c6d75f; border-radius: 16px; background: #f9fbe9; box-shadow: 8px 8px 0 rgba(167,184,60,.13); }
.arena-impact-briefing > header { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 24px 27px; border-bottom: 1px solid #dce5a4; }
.arena-impact-briefing > header h2 { margin: 5px 0; color: #173f50; font-size: 29px; letter-spacing: -.045em; }
.arena-impact-briefing > header p { max-width: 700px; margin: 0; color: #65777d; font-size: 9px; line-height: 1.55; }
.arena-impact-briefing > header dl { display: flex; flex: 0 0 auto; gap: 8px; margin: 0; }
.arena-impact-briefing > header dl div { display: grid; min-width: 92px; place-items: center; padding: 11px; border: 1px solid #d4dfa0; border-radius: 9px; background: #fff; }
.arena-impact-briefing dt { color: #718086; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-impact-briefing dd { margin: 5px 0 0; color: #173f50; font-size: 20px; font-weight: 900; }
.arena-impact-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.arena-impact-list article { padding: 21px 24px; border-top: 1px solid #e0e7bb; }
.arena-impact-list article:nth-child(even) { border-left: 1px solid #e0e7bb; }
.arena-impact-list article > div { display: flex; align-items: center; justify-content: space-between; gap: 13px; }
.arena-impact-list article > div span { padding: 4px 7px; border-radius: 99px; background: #173f50; color: #e8f36b; font-size: 6px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-impact-list article > div small { color: #7d8e92; font-size: 7px; }
.arena-impact-list h3 { margin: 13px 0 8px; font-size: 15px; line-height: 1.38; }
.arena-impact-list h3 a { color: #173f50; }
.arena-impact-list article > p { margin: 0; color: #62757b; font-size: 9px; line-height: 1.6; }
.arena-impact-list footer { margin-top: 12px; padding-top: 10px; border-top: 1px solid #e2e8c0; color: #728187; font-size: 7px; font-weight: 800; }
.arena-impact-empty { display: grid; gap: 6px; padding: 24px 27px; }
.arena-impact-empty strong { color: #173f50; font-size: 13px; }
.arena-impact-empty span { color: #6a7d82; font-size: 9px; line-height: 1.55; }
.arena-movement-panel { overflow: hidden; margin-top: 20px; border: 1px solid #264b57; border-radius: 16px; background: #102832; color: #fff; }
.arena-movement-panel > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; padding: 25px 28px 18px; border-bottom: 1px solid rgba(255,255,255,.1); }
.arena-movement-panel .micro-label { color: #67c9ff; }
.arena-movement-panel h2 { margin: 5px 0 4px; color: #fff; font-size: 29px; }
.arena-movement-panel header p { margin: 0; color: #829da7; font-size: 9px; }
.arena-chart-legend { display: flex; gap: 19px; color: #9db0b7; font-size: 8px; font-weight: 800; }
.arena-chart-legend span { display: flex; gap: 8px; align-items: center; }
.arena-chart-wrap { position: relative; min-height: 310px; padding: 10px 15px 0; }
.arena-chart-wrap canvas { display: block; width: 100%; }
.arena-chart-empty { padding: 100px 20px; color: #8ca2aa; text-align: center; }
.arena-public-sentiment { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 12px; padding: 20px 24px; border: 1px solid #d8c9bc; border-radius: 13px; background: linear-gradient(120deg,#fff8f1,#fff); }
.arena-public-sentiment h2 { margin: 4px 0; font-size: 22px; }
.arena-public-sentiment p { margin: 0; color: #7e7068; font-size: 8px; }
.arena-public-sentiment dl { display: flex; gap: 10px; margin: 0; }
.arena-public-sentiment dl > div { min-width: 105px; padding: 12px; border: 1px solid #ead8cb; border-radius: 8px; background: #fff; }
.arena-public-sentiment dt { color: #927b6d; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.arena-public-sentiment dd { margin: 5px 0 0; color: #b6531d; font-size: 20px; font-weight: 900; }
.arena-socialmeter-panel { margin-top: 12px; padding: 20px 24px; border: 1px solid #bad9c7; border-radius: 13px; background: linear-gradient(120deg,#f1faf5,#fff); }
.arena-socialmeter-panel > header { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.arena-socialmeter-panel h2 { margin: 4px 0; font-size: 22px; }
.arena-socialmeter-panel p, .arena-socialmeter-panel footer { margin: 0; color: #617269; font-size: 8px; }
.arena-socialmeter-teams { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 14px; }
.arena-socialmeter-teams article { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 14px; border: 1px solid #d7e9de; border-radius: 9px; background: #fff; }
.arena-socialmeter-teams article > span { font-size: 8px; font-weight: 900; text-transform: uppercase; }
.arena-socialmeter-teams article > strong { grid-row: span 2; color: #23724a; font-size: 26px; }
.arena-socialmeter-teams article > b { font-size: 9px; }
.arena-socialmeter-teams article > small { grid-column: 1 / -1; color: #6b7b72; font-size: 7px; }
.arena-socialmeter-panel footer { margin-top: 12px; }
.arena-sentiment-awaiting strong, .arena-sentiment-awaiting span { display: block; text-align: right; }
.arena-sentiment-awaiting strong { color: #774626; font-size: 10px; }
.arena-sentiment-awaiting span { max-width: 340px; margin-top: 5px; color: #8d7d73; font-size: 8px; line-height: 1.45; }
.arena-observation-history { margin-top: 44px; }
.arena-history-table { overflow: hidden; margin-top: 15px; border: 1px solid #c9d5d9; border-radius: 13px; background: #fff; }
.arena-history-row { display: grid; grid-template-columns: minmax(140px,1fr) 86px 86px 86px minmax(210px,1.4fr) 90px; gap: 14px; align-items: center; min-height: 58px; padding: 10px 17px; border-top: 1px solid #e0e7e9; color: #52686f; font-size: 9px; }
.arena-history-row:first-child { border-top: 0; }
.arena-history-row strong, .arena-history-row small { display: block; }
.arena-history-row small { margin-top: 3px; color: #84949a; font-size: 7px; }
.arena-history-head { min-height: 34px; background: #eaf0f2; color: #6b7d83; font-size: 7px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.arena-no-line { margin-top: 25px; padding: 44px; border: 1px solid #c8d5d9; border-radius: 15px; background: #fff; }
.arena-no-line h2 { margin: 5px 0 10px; font-size: 35px; }
.arena-no-line p:not(.eyebrow) { color: #6d7f85; }
.arena-detail-lower { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(280px,.65fr); gap: 15px; margin-top: 35px; }
.arena-market-mapping-panel, .arena-method-panel { min-width: 0; padding: 25px; border: 1px solid #c9d5d9; border-radius: 14px; background: #fff; }
.arena-market-mapping-panel > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.arena-market-mapping-panel h2, .arena-method-panel h2 { margin: 5px 0 0; font-size: 26px; }
.arena-signal-list { margin-top: 18px; border-top: 1px solid #dce4e7; }
.arena-signal-list > div { display: grid; grid-template-columns: minmax(160px,1fr) minmax(160px,.8fr) 55px; gap: 14px; align-items: center; min-height: 55px; border-bottom: 1px solid #e0e7e9; }
.arena-signal-list strong, .arena-signal-list small { display: block; }
.arena-signal-list strong { font-size: 10px; }
.arena-signal-list small { margin-top: 3px; color: #819198; font-size: 7px; }
.arena-signal-list code { overflow: hidden; color: #63777e; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.arena-signal-list b { color: #82920b; font-size: 14px; text-align: right; }
.arena-market-mapping-panel > .arena-awaiting { margin-top: 18px; }
.arena-method-panel { border-color: #274a54; background: #173942; color: #fff; }
.arena-method-panel .micro-label { color: #e8f36b; }
.arena-method-panel h2 { color: #fff; }
.arena-method-panel > p { color: #b0c2c8; font-size: 10px; line-height: 1.65; }
.arena-method-panel dl { margin: 22px 0 0; }
.arena-method-panel dl > div { display: flex; justify-content: space-between; gap: 15px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.11); }
.arena-method-panel dt { color: #8fa8b0; font-size: 8px; }
.arena-method-panel dd { margin: 0; color: #fff; font-size: 9px; font-weight: 900; }

/* Thunderdome peer challenge handshake */
.peer-launch-panel { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); overflow: hidden; margin-top: 35px; border: 1px solid #244b57; border-radius: 16px; background: #102f3a; color: #fff; }
.peer-launch-copy { padding: 30px; }
.peer-launch-copy .micro-label { color: #e8f36b; }
.peer-launch-copy h2 { max-width: 650px; margin: 7px 0 10px; color: #fff; font-size: 31px; letter-spacing: -.045em; }
.peer-launch-copy > p { max-width: 690px; margin: 0; color: #a6bbc2; font-size: 10px; line-height: 1.65; }
.peer-safety-strip { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }
.peer-safety-strip > * { padding: 7px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 99px; color: #94abb3; font-size: 7px; }
.peer-safety-strip strong { border-color: rgba(232,243,107,.38); color: #e8f36b; }
.peer-launch-action { display: flex; flex-direction: column; justify-content: center; padding: 28px; border-left: 1px solid rgba(255,255,255,.12); background: #173f4a; }
.peer-launch-action > strong { margin: 10px 0 16px; color: #fff; font-size: 13px; line-height: 1.4; }
.peer-launch-action form { display: grid; gap: 9px; }
.peer-launch-action label, .peer-share-panel > label { color: #bad0d6; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.peer-launch-action input { width: 100%; padding: 12px; border: 1px solid rgba(255,255,255,.25); border-radius: 8px; outline: 0; background: rgba(5,25,31,.42); color: #fff; font: inherit; font-size: 16px; font-weight: 900; }
.peer-launch-action input:focus { border-color: #e8f36b; }
.peer-launch-action small { color: #8faab2; font-size: 7px; line-height: 1.5; }
.peer-launch-action .button { width: 100%; margin-top: 4px; text-align: center; }
.peer-page { max-width: 1180px; padding-top: 35px; padding-bottom: 70px; }
.peer-page-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; padding-bottom: 28px; border-bottom: 1px solid #c6d3d7; }
.peer-page-heading h1 { margin: 4px 0 9px; font-size: clamp(44px,7vw,80px); letter-spacing: -.065em; line-height: .95; }
.peer-page-heading h1 span { color: #7d9199; font-size: .45em; letter-spacing: -.02em; }
.peer-page-heading p:last-child { max-width: 720px; margin: 0; color: #697e85; font-size: 11px; line-height: 1.6; }
.peer-detail-heading h1 { font-size: clamp(36px,5.3vw,67px); }
.peer-list { margin-top: 38px; }
.peer-list > header, .peer-terms-panel > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.peer-list h2, .peer-terms-panel h2, .peer-share-panel h2 { margin: 5px 0 0; font-size: 27px; letter-spacing: -.04em; }
.peer-list-row { display: grid; grid-template-columns: minmax(230px,1.25fr) 135px 130px 120px 24px; gap: 17px; align-items: center; min-height: 78px; padding: 13px 17px; border: 1px solid #cfdbde; border-top: 0; background: #fff; color: #203e48; text-decoration: none; transition: border-color .15s, transform .15s; }
.peer-list-row:nth-child(2) { margin-top: 15px; border-top: 1px solid #cfdbde; border-radius: 12px 12px 0 0; }
.peer-list-row:last-child { border-radius: 0 0 12px 12px; }
.peer-list-row:hover { position: relative; border-color: #73b4cc; transform: translateX(2px); }
.peer-list-row small, .peer-list-row strong { display: block; }
.peer-list-row small { margin-bottom: 5px; color: #7d9097; font-size: 7px; font-weight: 800; text-transform: uppercase; }
.peer-list-row strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.peer-list-row > b { color: #5aa9cb; font-size: 17px; }
.peer-empty { display: grid; min-height: 330px; place-items: center; align-content: center; margin-top: 15px; padding: 40px; border: 1px dashed #b9c9ce; border-radius: 13px; background: #f7fafb; text-align: center; }
.peer-empty > span { color: #65a9c4; font-size: 42px; }
.peer-empty h2 { margin-top: 8px; }
.peer-empty p { margin: 7px 0 18px; color: #788b92; font-size: 10px; }
.peer-status { flex: 0 0 auto; padding: 10px 13px; border: 1px solid #92a4aa; border-radius: 99px; color: #536970; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.peer-status-accepted { border-color: #98a81a; background: #f4f7d4; color: #697606; }
.peer-status-proposed { border-color: #5ca7c6; background: #e9f6fb; color: #24718f; }
.peer-versus-card { display: grid; grid-template-columns: minmax(0,1fr) 185px minmax(0,1fr); overflow: hidden; margin-top: 24px; border: 1px solid #284d58; border-radius: 16px; background: #102e39; color: #fff; }
.peer-side { min-height: 220px; padding: 29px; background: radial-gradient(circle at 10% 0,rgba(103,201,255,.16),transparent 53%); }
.peer-side-home { background: radial-gradient(circle at 90% 0,rgba(232,243,107,.13),transparent 53%); text-align: right; }
.peer-side > small { color: #7896a1; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.peer-side h2 { margin: 43px 0 7px; color: #fff; font-size: 25px; letter-spacing: -.04em; }
.peer-side p { margin: 0; color: #849fa8; font-size: 9px; }
.peer-side > span { display: inline-block; margin-top: 22px; padding: 6px 8px; border: 1px solid rgba(255,255,255,.14); border-radius: 99px; color: #9db2b9; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.peer-side.is-picked > span { border-color: rgba(103,201,255,.35); color: #67c9ff; }
.peer-pot { position: relative; display: grid; place-items: center; align-content: center; border-inline: 1px solid rgba(255,255,255,.11); background: #173d48; text-align: center; }
.peer-pot small, .peer-pot span { color: #8ea8b0; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.peer-pot strong { margin: 8px 0 4px; color: #e8f36b; font-size: 43px; letter-spacing: -.06em; }
.peer-pot b { position: absolute; bottom: 14px; color: rgba(255,255,255,.2); font-size: 10px; }
.peer-result-panel { overflow: hidden; margin-top: 20px; border: 1px solid #274b57; border-radius: 14px; background: #f8fbfc; }
.peer-result-panel > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding: 22px 25px; border-bottom: 1px solid #d7e1e4; background: #fff; }
.peer-result-panel h2 { margin: 5px 0 0; font-size: 26px; letter-spacing: -.04em; }
.peer-result-status { padding: 8px 11px; border: 1px solid #9db0b6; border-radius: 99px; color: #5f737a; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.peer-result-status-final, .peer-result-status-corrected { border-color: #93a516; background: #f3f6d5; color: #647207; }
.peer-result-status-provisional { border-color: #4ea5c8; background: #e8f5fa; color: #216e8d; }
.peer-result-status-void, .peer-result-status-tied, .peer-result-status-postponed { border-color: #d09a52; background: #fff6e8; color: #8a5e23; }
.peer-result-grid { display: grid; grid-template-columns: 1fr 1.2fr 1fr; }
.peer-result-grid article { min-height: 125px; padding: 24px; text-align: center; }
.peer-result-grid article + article { border-left: 1px solid #dbe4e6; }
.peer-result-grid small, .peer-result-grid strong, .peer-result-grid span { display: block; }
.peer-result-grid small { color: #778b92; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.peer-result-grid strong { margin-top: 13px; color: #183f4d; font-size: 25px; letter-spacing: -.035em; }
.peer-result-grid span { margin-top: 6px; color: #7f9298; font-size: 8px; }
.peer-result-proof { display: grid; grid-template-columns: 180px minmax(0,1fr) 110px; gap: 16px; padding: 15px 22px; border-top: 1px solid #d9e3e6; background: #eef4f5; }
.peer-result-proof small, .peer-result-proof code, .peer-result-proof strong { display: block; }
.peer-result-proof small { color: #778b92; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.peer-result-proof code, .peer-result-proof strong { overflow-wrap: anywhere; margin-top: 5px; color: #286e89; font-size: 8px; }
.peer-result-proof strong { color: #7c6928; }
.peer-result-awaiting { padding: 27px; }
.peer-result-awaiting strong, .peer-result-awaiting span { display: block; }
.peer-result-awaiting strong { color: #25454f; font-size: 11px; }
.peer-result-awaiting span { max-width: 760px; margin-top: 7px; color: #70858c; font-size: 9px; line-height: 1.6; }
.peer-detail-grid, .peer-accept-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(320px,.75fr); gap: 15px; margin-top: 20px; }
.peer-terms-panel, .peer-share-panel { padding: 27px; border: 1px solid #cbd7da; border-radius: 14px; background: #fff; }
.peer-terms-panel > p, .peer-share-panel > p { color: #6f8289; font-size: 10px; line-height: 1.65; }
.peer-terms-list { margin: 22px 0 0; }
.peer-terms-list > div { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 15px; padding: 11px 0; border-top: 1px solid #e0e7e9; }
.peer-terms-list dt { color: #788b91; font-size: 8px; }
.peer-terms-list dd { overflow-wrap: anywhere; margin: 0; color: #263f48; font-size: 9px; font-weight: 900; text-align: right; }
.peer-terms-list code { font: inherit; }
.peer-hash { margin-top: 20px; padding: 16px; border: 1px solid #d9e2e4; border-radius: 9px; background: #f2f6f7; }
.peer-hash > span, .peer-hash > code, .peer-hash > small { display: block; }
.peer-hash > span { color: #657b82; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.peer-hash > code { overflow-wrap: anywhere; margin-top: 8px; color: #256e8d; font-size: 8px; line-height: 1.5; }
.peer-hash > small { margin-top: 6px; color: #8a9ba0; font-size: 7px; }
.peer-share-panel { border-color: #274a54; background: #173942; color: #fff; }
.peer-share-panel .micro-label { color: #e8f36b; }
.peer-share-panel h2 { color: #fff; }
.peer-share-panel > p { color: #aac0c6; }
.peer-share-panel > label { display: block; margin-top: 23px; }
.peer-share-panel textarea { box-sizing: border-box; width: 100%; margin-top: 8px; padding: 12px; resize: none; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(5,24,30,.5); color: #9fdafa; font-size: 8px; line-height: 1.5; }
.peer-share-panel > small { display: block; margin-top: 8px; color: #819ca4; font-size: 7px; line-height: 1.5; }
.peer-share-panel form { margin-top: 22px; padding-top: 19px; border-top: 1px solid rgba(255,255,255,.12); }
.peer-cancel-button { width: 100%; border-color: rgba(255,255,255,.26); background: transparent; color: #d0dde0; cursor: pointer; }
.peer-wallet-pair { display: grid; gap: 9px; margin-top: 24px; }
.peer-wallet-pair > span, .peer-linked-wallet { padding: 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 8px; background: rgba(5,24,30,.38); }
.peer-wallet-pair small, .peer-wallet-pair code, .peer-linked-wallet small, .peer-linked-wallet code { display: block; }
.peer-wallet-pair small, .peer-linked-wallet small { color: #839da5; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.peer-wallet-pair code, .peer-linked-wallet code { margin-top: 6px; color: #b9dce9; font-size: 9px; }
.peer-invite-page { max-width: 1040px; }
.peer-invite-versus { grid-template-columns: minmax(0,1fr) 170px minmax(0,1fr); }
.peer-accept-grid { grid-template-columns: minmax(0,1fr) minmax(320px,.85fr); }
.peer-accept-panel form { margin-top: 17px; }
.peer-linked-wallet { margin-top: 20px; }
.peer-wallet-needed { margin-top: 20px; padding: 17px; border: 1px solid rgba(255,255,255,.14); border-radius: 9px; }
.peer-wallet-needed strong { font-size: 10px; }
.peer-wallet-needed p { color: #95adb4; font-size: 8px; line-height: 1.5; }
.peer-confirm { display: grid; grid-template-columns: 19px 1fr; gap: 10px; align-items: start; color: #c4d3d7; font-size: 9px; line-height: 1.55; text-transform: none; }
.peer-confirm input { width: 17px; height: 17px; margin: 1px 0 0; accent-color: #e8f36b; }
.peer-confirm strong { color: #fff; }
.peer-accept-panel form .button { width: 100%; margin-top: 16px; border: 0; cursor: pointer; }
.peer-accept-panel form .button:disabled { cursor: not-allowed; opacity: .45; }
.reconciliation-alert { border-color: #e4b667; background: #fffaf0; }
.reconciliation-form { display: grid; gap: 18px; }
.reconciliation-form .panel-spaced { margin-top: 0; }
.reconciliation-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 20px; }
.reconciliation-choice { display: grid; grid-template-columns: 20px minmax(0,1fr); gap: 11px; align-items: start; padding: 17px; border: 1px solid var(--line); border-radius: 10px; background: #fff; cursor: pointer; }
.reconciliation-choice:has(input:checked) { border-color: #267694; box-shadow: 0 0 0 2px rgba(38,118,148,.1); }
.reconciliation-choice input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: #267694; }
.reconciliation-choice span, .reconciliation-choice strong, .reconciliation-choice small, .reconciliation-choice code { display: block; }
.reconciliation-choice small { margin-top: 4px; color: var(--muted); }
.reconciliation-choice code { overflow: auto; max-height: 180px; margin-top: 13px; padding: 11px; border-radius: 7px; background: #f3f6f7; color: #29454e; font-size: 9px; line-height: 1.55; white-space: pre-wrap; }
.reconciliation-actions { display: flex; gap: 24px; align-items: center; justify-content: space-between; }
.reconciliation-actions p { margin-bottom: 0; }
@media (max-width: 1000px) { .provider-card-grid { grid-template-columns: 1fr; } .inventory-row { grid-template-columns: minmax(180px, 1.25fr) 68px minmax(150px, 1fr) auto; } .inventory-row > :nth-child(4) { display: none; } }
@media (max-width: 1100px) { .dashboard-intro { align-items: flex-start; flex-direction: column; } .dashboard-intro-actions { max-width: none; flex: 0 1 auto; justify-content: flex-start; } }
@media (max-width: 850px) { .dashboard-grid, .developer-grid { grid-template-columns: 1fr; } .sidebar-stack { order: 2; } .coach-hub-priorities { grid-template-columns: 1fr; } .coach-hub-priority { min-height: 0; } .commissioner-form, .join-access-form, .reconciliation-choice-grid { grid-template-columns: 1fr; align-items: stretch; } .reconciliation-actions { align-items: stretch; flex-direction: column; } .invite-option-grid { grid-template-columns: 1fr; } .invite-option-card { min-height: 0; } }
@media (max-width: 700px) {
  .nfl-news-ticker-item { grid-template-columns: auto minmax(220px,300px); }
  .nfl-news-ticker-item small { display: none; }
  .nfl-news-ticker-heading > div > span:last-child { display: none; }
}

/* Points Arena */
.points-shell { min-height: 100vh; background: radial-gradient(circle at 8% 7%,rgba(232,243,107,.16),transparent 24%),linear-gradient(180deg,#eef3ef 0,#f7f9f8 420px,#f4f7f8 100%); color: #153845; }
.points-page { max-width: 1240px; padding-bottom: 80px; }
.points-site-header { align-items: center; }
.points-hero { position: relative; display: grid; grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr); gap: 55px; align-items: center; min-height: 390px; overflow: hidden; padding: clamp(38px,6vw,72px); border: 1px solid #294e59; border-radius: 22px; background: radial-gradient(circle at 84% 12%,rgba(232,243,107,.18),transparent 28%),linear-gradient(127deg,rgba(72,171,218,.12),transparent 48%),#102f3a; box-shadow: 0 26px 70px rgba(16,48,58,.18); color: #fff; }
.points-hero::after { position: absolute; top: -55%; right: 34%; width: 1px; height: 220%; background: repeating-linear-gradient(to bottom,rgba(232,243,107,.34) 0 6px,transparent 6px 15px); content: ""; transform: rotate(19deg); }
.points-hero > div,.points-hero aside { position: relative; z-index: 1; }
.points-hero .eyebrow { color: #8bd7fa; }
.points-hero h1 { margin: 6px 0 18px; color: #fff; font-size: clamp(58px,8vw,108px); letter-spacing: -.078em; line-height: .84; }
.points-hero > div > p:not(.eyebrow) { max-width: 710px; margin: 0; color: #bbccd1; font-size: 16px; line-height: 1.65; }
.points-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.points-hero-tags span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: #d0dee1; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.points-hero aside { padding: 25px; border: 1px solid rgba(232,243,107,.28); border-radius: 14px; background: rgba(5,27,34,.62); box-shadow: 0 18px 45px rgba(2,19,25,.18); }
.points-hero aside > span { color: #e8f36b; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.points-hero aside strong { display: block; margin-top: 15px; color: #fff; font-size: 25px; letter-spacing: -.04em; }
.points-hero aside p { margin: 10px 0 0; color: #9fb5bc; font-size: 11px; line-height: 1.65; }
.points-league-switcher { display: grid; grid-template-columns: auto minmax(250px,1fr) auto; gap: 15px; align-items: center; margin-top: 14px; padding: 17px 20px; border: 1px solid #c8d5d9; border-radius: 12px; background: rgba(255,255,255,.88); box-shadow: 0 8px 28px rgba(25,59,72,.045); }
.points-league-switcher label { font-size: 9px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.points-league-switcher select { min-height: 44px; padding-inline: 12px; border: 1px solid #c4d1d5; border-radius: 7px; background: #fff; color: #173f50; }
.points-league-switcher .button { min-height: 44px; }
.points-setup { display: grid; grid-template-columns: minmax(0,.8fr) minmax(420px,1.2fr); gap: 55px; margin-top: 24px; padding: clamp(28px,5vw,58px); border: 1px solid #c7d4d8; border-radius: 17px; background: #fff; }
.points-setup h2 { margin: 7px 0 15px; font-size: 40px; letter-spacing: -.055em; }
.points-setup-copy > p:not(.eyebrow) { color: #62777e; font-size: 13px; line-height: 1.75; }
.points-setup-example { margin-top: 25px; padding: 17px; border-left: 4px solid #e8f36b; border-radius: 0 8px 8px 0; background: #f7fadf; }
.points-setup-example strong,.points-setup-example span { display: block; }
.points-setup-example strong { font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.points-setup-example span { margin-top: 6px; color: #66751b; font-size: 11px; }
.points-rules-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.points-rules-form label { display: grid; align-content: start; gap: 7px; color: #45606a; font-size: 9px; font-weight: 900; }
.points-rules-form label > span { text-transform: uppercase; }
.points-rules-form input:not([type="checkbox"]),.points-rules-form select { width: 100%; min-height: 45px; padding-inline: 11px; border: 1px solid #c6d3d7; border-radius: 7px; background: #fafdfe; color: #173f50; }
.points-rules-form small { color: #829399; font-size: 8px; font-weight: 500; line-height: 1.45; }
.points-rules-form .points-checkbox { display: grid; grid-template-columns: auto 1fr; grid-column: 1 / -1; align-items: center; }
.points-rules-form .points-checkbox input { grid-row: 1; grid-column: 1; width: 18px; height: 18px; }
.points-rules-form .points-checkbox span { grid-column: 2; }
.points-rules-form .points-checkbox small { grid-column: 2; }
.points-rules-form .button { grid-column: 1 / -1; min-height: 48px; }
.points-authority-note { align-self: center; padding: 25px; border: 1px solid #e0c98b; border-radius: 11px; background: #fff9e8; }
.points-authority-note > span { color: #806411; font-size: 9px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.points-authority-note p { color: #74683d; font-size: 11px; line-height: 1.55; }
.points-scoreboard { display: grid; grid-template-columns: 1.1fr repeat(3,1fr); gap: 10px; margin-top: 17px; }
.points-scoreboard article { min-height: 180px; padding: 23px; border: 1px solid #c8d5d9; border-radius: 12px; background: rgba(255,255,255,.91); box-shadow: 0 8px 28px rgba(25,59,72,.045); }
.points-scoreboard article > strong { display: block; margin-top: 20px; color: #17485b; font-size: 40px; letter-spacing: -.06em; line-height: 1; }
.points-scoreboard article > small { display: block; margin-top: 3px; color: #788b92; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.points-scoreboard article > p { margin: 17px 0 0; color: #71858c; font-size: 9px; line-height: 1.5; }
.points-scoreboard .points-balance-card { border-color: #274e5a; background: linear-gradient(145deg,#173f4b,#102d38); color: #fff; }
.points-balance-card .micro-label { color: #e8f36b; }
.points-scoreboard .points-balance-card > strong { color: #fff; font-size: 55px; }
.points-balance-card > div { display: flex; gap: 18px; margin-top: 15px; color: #a9bdc3; font-size: 8px; }
.points-balance-card > div b { color: #fff; font-size: 10px; }
.points-scoreboard article > .points-leader-name { font-size: 24px; line-height: 1.02; }
.points-rules-strip { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); overflow: hidden; margin-top: 10px; border: 1px solid #cad6da; border-radius: 11px; background: #fff; }
.points-rules-strip > div { min-width: 0; padding: 15px 13px; border-left: 1px solid #dce4e7; }
.points-rules-strip > div:first-child { border-left: 0; }
.points-rules-strip span,.points-rules-strip strong { display: block; }
.points-rules-strip span { color: #82949a; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.points-rules-strip strong { overflow: hidden; margin-top: 5px; color: #244d5c; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.points-commissioner-bar { display: flex; gap: 12px; align-items: center; margin-top: 10px; padding: 15px 18px; border: 1px solid #c8d5d9; border-radius: 10px; background: #edf3f5; }
.points-commissioner-bar > div { margin-right: auto; }
.points-commissioner-bar p { margin: 4px 0 0; color: #72858c; font-size: 8px; }
.points-commissioner-bar .button { min-height: 39px; font-size: 9px; }
.points-finalize-button { border-color: #e2b6a8; color: #91472e; }
.points-champion-banner { margin-top: 11px; padding: 30px; border: 1px solid #b9cb57; border-radius: 13px; background: radial-gradient(circle at 85% 20%,rgba(232,243,107,.22),transparent 25%),#173f50; color: #fff; text-align: center; }
.points-champion-banner span { color: #e8f36b; font-size: 8px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.points-champion-banner h2 { margin: 8px 0 4px; color: #fff; font-size: 37px; letter-spacing: -.055em; }
.points-champion-banner p { margin: 0; color: #abc0c7; font-size: 9px; }
.points-week-nav { display: flex; gap: 6px; align-items: center; overflow-x: auto; margin-top: 31px; padding-bottom: 5px; }
.points-week-nav > span { margin-right: 8px; color: #61767e; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.points-week-nav a { display: grid; flex: 0 0 auto; width: 37px; height: 37px; place-items: center; border: 1px solid #c7d3d7; border-radius: 50%; background: #fff; color: #536a73; font-size: 10px; font-weight: 900; }
.points-week-nav a.is-current { border-color: #173f50; background: #173f50; color: #e8f36b; box-shadow: 0 7px 18px rgba(23,63,80,.18); }
.points-slate { margin-top: 19px; }
.points-slate > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding-bottom: 20px; border-bottom: 1px solid #c9d5d9; }
.points-slate > header h2 { margin: 4px 0 0; font-size: 36px; letter-spacing: -.055em; }
.points-slate > header > p { color: #73868c; font-size: 9px; }
.points-matchup-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin-top: 15px; }
.points-matchup-card { overflow: hidden; border: 1px solid #c8d4d8; border-radius: 13px; background: #fff; box-shadow: 0 8px 28px rgba(25,59,72,.045); }
.points-matchup-card.is-your-matchup { border-color: #aebd47; box-shadow: inset 0 3px 0 #e8f36b,0 8px 28px rgba(25,59,72,.06); }
.points-matchup-card > header { display: flex; justify-content: space-between; gap: 15px; padding: 14px 18px; border-bottom: 1px solid #dbe4e7; background: #f4f7f8; }
.points-matchup-card > header span { color: #2a708d; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.points-matchup-card > header small { color: #7a8d94; font-size: 8px; }
.points-team-line { display: flex; gap: 15px; align-items: center; justify-content: space-between; min-height: 79px; padding: 15px 20px; }
.points-team-line + .points-team-line { border-top: 1px solid #e0e7e9; }
.points-team-line small,.points-team-line strong,.points-team-line span { display: block; }
.points-team-line small { color: #8a9ba1; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.points-team-line strong { margin-top: 4px; color: #294f5e; font-size: 15px; }
.points-team-line span { margin-top: 3px; color: #809198; font-size: 8px; }
.points-team-line > b { color: #317da1; font-size: 20px; letter-spacing: -.035em; }
.points-team-line.is-home > b { color: #83940b; }
.points-line-source { margin: 0; padding: 9px 20px; border-top: 1px solid #e0e7e9; background: #f8fafb; color: #778990; font-size: 7px; }
.points-pick-panel { min-height: 92px; padding: 15px 18px; border-top: 1px solid #dbe4e7; background: #173f50; color: #fff; }
.points-pick-panel form { display: grid; grid-template-columns: minmax(0,1fr) 82px auto; gap: 9px; align-items: end; }
.points-pick-panel label { display: grid; gap: 5px; }
.points-pick-panel label > span { color: #a8bec5; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.points-pick-panel label > strong { color: #fff; font-size: 11px; }
.points-pick-panel select,.points-pick-panel input { width: 100%; min-height: 39px; padding-inline: 9px; border: 1px solid rgba(255,255,255,.18); border-radius: 6px; background: #0e323e; color: #fff; }
.points-pick-panel button { min-height: 39px; padding-inline: 13px; border: 0; border-radius: 6px; background: #e8f36b; color: #263d08; cursor: pointer; font-size: 9px; font-weight: 900; }
.points-pick-panel > strong,.points-pick-panel > small { display: block; }
.points-pick-panel > strong { margin-top: 8px; font-size: 12px; }
.points-pick-panel > small { margin-top: 4px; color: #a7bbc2; font-size: 8px; }
.points-receipt-status { display: inline-flex; padding: 4px 7px; border-radius: 99px; background: rgba(232,243,107,.16); color: #e8f36b; font-size: 7px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.points-status-lost { background: rgba(255,143,107,.15); color: #ffb39a; }
.points-status-won,.points-status-settled { background: rgba(232,243,107,.16); color: #e8f36b; }
.points-locked strong,.points-locked span { display: block; }
.points-locked strong { font-size: 11px; }
.points-locked span { margin-top: 4px; color: #9db2b9; font-size: 8px; }
.points-rivalry-panel { display: flex; gap: 12px; align-items: center; min-height: 57px; padding: 11px 18px; border-top: 1px solid #d5dfe2; background: #f7fadf; }
.points-rivalry-panel > span { color: #667517; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.points-rivalry-panel > strong { font-size: 9px; }
.points-rivalry-panel > a { margin-left: auto; color: #236d8c; font-size: 8px; font-weight: 900; }
.points-rivalry-panel form { display: flex; gap: 8px; align-items: center; margin-left: auto; }
.points-rivalry-panel label { display: flex; align-items: center; }
.points-rivalry-panel input { width: 65px; height: 34px; padding-inline: 8px; border: 1px solid #bacb68; border-radius: 5px 0 0 5px; }
.points-rivalry-panel label small { height: 34px; padding: 9px 8px; border: 1px solid #bacb68; border-left: 0; border-radius: 0 5px 5px 0; color: #667517; font-size: 7px; }
.points-rivalry-panel button { height: 34px; border: 0; border-radius: 5px; background: #173f50; color: #fff; cursor: pointer; font-size: 8px; font-weight: 900; }
.points-bottom-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.5fr); gap: 13px; margin-top: 30px; align-items: start; }
.points-leaderboard,.points-ledger { overflow: hidden; border: 1px solid #c8d4d8; border-radius: 13px; background: #fff; }
.points-leaderboard > header,.points-ledger > header { display: flex; justify-content: space-between; gap: 20px; align-items: end; padding: 21px 23px; border-bottom: 1px solid #dce4e7; }
.points-leaderboard h2,.points-ledger h2 { margin: 4px 0 0; font-size: 25px; letter-spacing: -.045em; }
.points-leaderboard > header > small { color: #84969c; font-size: 8px; }
.points-leader-row { display: grid; grid-template-columns: 45px minmax(145px,1fr) 75px 55px 70px 65px 55px; gap: 9px; align-items: center; min-height: 60px; padding: 9px 17px; border-top: 1px solid #e0e7e9; color: #526971; font-size: 9px; }
.points-leader-row:first-child { border-top: 0; }
.points-leader-row.is-current { background: #f7fadf; }
.points-leader-row span:nth-child(3) strong { color: #173f50; font-size: 16px; }
.points-leader-row strong,.points-leader-row small { display: block; }
.points-leader-row small { margin-top: 3px; color: #8a9aa0; font-size: 7px; }
.points-leader-head { min-height: 34px; background: #f3f6f7; color: #7c8e94; font-size: 7px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.points-ledger > div article { display: flex; justify-content: space-between; gap: 15px; padding: 13px 17px; border-top: 1px solid #e0e7e9; }
.points-ledger > div article:first-child { border-top: 0; }
.points-ledger article strong,.points-ledger article small,.points-ledger article b { display: block; }
.points-ledger article strong { color: #48616a; font-size: 9px; }
.points-ledger article small { margin-top: 3px; color: #8b9ba1; font-size: 7px; }
.points-ledger article > span:last-child { text-align: right; }
.points-ledger article b { color: #204e61; font-size: 12px; }
.points-ledger > p { padding: 20px; color: #7b8e95; font-size: 9px; line-height: 1.55; }
.points-empty { margin-top: 24px; padding: 45px; border: 1px dashed #b8c7cc; border-radius: 14px; background: rgba(255,255,255,.7); text-align: center; }
.points-empty h2 { margin: 7px 0 11px; font-size: 34px; letter-spacing: -.05em; }
.points-empty p { color: #70848b; font-size: 11px; }
.points-disclaimer { max-width: 940px; margin: 26px auto 0; color: #73868d; font-size: 8px; line-height: 1.65; text-align: center; }
.points-challenge-hero { display: flex; justify-content: space-between; gap: 35px; align-items: flex-end; padding: 40px 0 25px; border-bottom: 1px solid #bdcdd2; }
.points-challenge-hero h1 { margin: 5px 0 4px; font-size: clamp(45px,6vw,76px); letter-spacing: -.07em; }
.points-challenge-hero p { margin: 0; color: #75878e; font-size: 9px; }
.points-challenge-status { flex: 0 0 auto; padding: 8px 11px; border-radius: 99px; background: #173f50; color: #e8f36b; font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.points-versus { display: grid; grid-template-columns: minmax(0,1fr) 185px minmax(0,1fr); overflow: hidden; margin-top: 20px; border: 1px solid #274e5a; border-radius: 15px; background: #102f3a; color: #fff; }
.points-versus > article { min-height: 230px; padding: 34px; }
.points-versus > article.is-picked { box-shadow: inset 0 4px 0 #e8f36b; }
.points-versus article small { color: #8acfee; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.points-versus article h2 { margin: 50px 0 5px; color: #fff; font-size: 29px; letter-spacing: -.05em; }
.points-versus article p { margin: 0; color: #9eb4bb; font-size: 10px; }
.points-versus article span { display: inline-flex; margin-top: 13px; padding: 5px 7px; border: 1px solid rgba(232,243,107,.2); border-radius: 99px; color: #e8f36b; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.points-versus > div { position: relative; display: grid; align-content: center; justify-items: center; border-inline: 1px solid rgba(255,255,255,.12); background: rgba(3,24,30,.34); }
.points-versus > div small,.points-versus > div strong,.points-versus > div span { display: block; }
.points-versus > div small { color: #8ea6ae; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.points-versus > div strong { margin-top: 5px; color: #fff; font-size: 43px; letter-spacing: -.06em; }
.points-versus > div span { color: #e8f36b; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.points-versus > div b { position: absolute; bottom: 18px; color: #52727e; font-size: 11px; letter-spacing: .15em; }
.points-result-banner { margin-top: 11px; padding: 22px; border: 1px solid #bbc96d; border-radius: 11px; background: #f7fadf; text-align: center; }
.points-result-banner span,.points-result-banner strong { display: block; }
.points-result-banner span { color: #697719; font-size: 8px; font-weight: 900; text-transform: uppercase; }
.points-result-banner strong { margin-top: 5px; color: #294f5e; font-size: 25px; }
.points-result-banner p { margin: 4px 0 0; color: #758334; font-size: 9px; }
.points-challenge-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin-top: 13px; }
.points-challenge-grid > article { padding: 27px; border: 1px solid #c8d4d8; border-radius: 12px; background: #fff; }
.points-challenge-grid h2 { margin: 6px 0 12px; font-size: 28px; letter-spacing: -.05em; }
.points-challenge-grid p { color: #71858c; font-size: 10px; line-height: 1.6; }
.points-challenge-grid dl,.points-invite-action dl { margin: 20px 0 0; }
.points-challenge-grid dl div,.points-invite-action dl div { display: flex; justify-content: space-between; gap: 20px; padding: 10px 0; border-top: 1px solid #e0e7e9; font-size: 9px; }
.points-challenge-grid dt,.points-invite-action dt { color: #82949a; }
.points-challenge-grid dd,.points-invite-action dd { margin: 0; color: #375763; font-weight: 900; text-align: right; }
.points-invite-copy { display: grid; gap: 6px; margin-top: 20px; }
.points-invite-copy span { font-size: 8px; font-weight: 900; text-transform: uppercase; }
.points-invite-copy input { min-height: 43px; padding-inline: 10px; border: 1px solid #c4d2d6; border-radius: 6px; background: #f4f7f8; color: #44616b; font-size: 9px; }
.points-cancel-button { margin-top: 15px; color: #984b32; }
.points-challenge-grid form .button { margin-top: 15px; }
.points-invite-action { display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.55fr); gap: 45px; margin-top: 14px; padding: 35px; border: 1px solid #c8d4d8; border-radius: 13px; background: #fff; }
.points-invite-action h2 { margin: 6px 0 12px; font-size: 35px; letter-spacing: -.055em; }
.points-invite-action p { color: #6f838a; font-size: 11px; line-height: 1.65; }
.points-invite-action > form { align-self: center; padding: 24px; border: 1px solid #b9c861; border-radius: 11px; background: #f7fadf; }
.points-invite-action > form label { display: flex; gap: 10px; align-items: flex-start; color: #53631a; font-size: 10px; line-height: 1.5; }
.points-invite-action > form input { flex: 0 0 auto; width: 17px; height: 17px; }
.points-invite-action > form .button { width: 100%; margin-top: 18px; }

@media (max-width: 980px) {
  .points-scoreboard { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .points-rules-strip { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .points-rules-strip > div:nth-child(5) { border-top: 1px solid #dce4e7; border-left: 0; }
  .points-rules-strip > div:nth-child(n+6) { border-top: 1px solid #dce4e7; }
  .points-matchup-grid,.points-bottom-grid { grid-template-columns: 1fr; }
  .points-ledger { order: -1; }
}

.season-forecast-lock { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; margin:16px 0 23px; padding:16px 18px; border:1px solid rgba(23,99,73,.25); border-radius:18px; background:linear-gradient(135deg,#e7f8f0,#f8fcfa); }
.season-forecast-lock h2,.season-forecast-lock p { margin:3px 0 0; }
.season-forecast-proof { display:grid; gap:3px; justify-items:end; text-align:right; }
.season-forecast-proof code { color:#176349; font-weight:800; }
.season-intelligence-section { margin-top:22px; margin-bottom:40px; }
.season-intelligence-panel > p { max-width:850px; }
.season-correlation-leader { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr) minmax(260px,1.6fr); gap:14px; align-items:center; margin:16px 0; padding:14px 16px; border-radius:14px; background:#112d27; color:#fff; }
.season-correlation-leader span,.season-correlation-leader small { color:rgba(255,255,255,.72); }
.season-correlation-leader.awaiting { background:#353b3a; }
.season-intelligence-list { display:grid; gap:12px; }
.season-intelligence-card { overflow:hidden; border:1px solid rgba(19,47,41,.14); border-radius:16px; background:#fff; }
.season-intelligence-card > summary { display:grid; grid-template-columns:.75fr 1.3fr auto; gap:16px; align-items:center; padding:16px; cursor:pointer; list-style:none; }
.season-intelligence-card > summary::-webkit-details-marker { display:none; }
.season-intelligence-card > summary > span { display:grid; gap:2px; }
.season-forecast-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:18px; border-top:1px solid rgba(19,47,41,.1); background:#f7faf8; }
.season-forecast-rail > div { position:relative; display:grid; grid-template-columns:auto 1fr; gap:2px 9px; align-items:center; padding-right:16px; }
.season-forecast-rail > div:not(:last-child)::after { content:""; position:absolute; top:16px; right:8px; width:calc(100% - 38px); border-top:2px solid rgba(23,99,73,.25); transform:translateX(100%); pointer-events:none; }
.season-forecast-rail > div > span { z-index:1; grid-row:1 / 3; display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#176349; color:#fff; font-weight:800; }
.season-forecast-rail small,.season-signal-table small { color:#718079; }
.season-user-result { display:grid; grid-template-columns:auto 1fr auto 1fr; gap:8px 13px; align-items:center; padding:14px 18px; border-top:1px solid rgba(19,47,41,.1); }
.season-user-result span { color:#718079; font-size:8px; letter-spacing:.04em; text-transform:uppercase; }
.season-signal-table { padding:0 18px 18px; }
.season-signal-table > div { display:grid; grid-template-columns:minmax(190px,1.3fr) minmax(165px,1fr) minmax(150px,1fr); gap:14px; align-items:center; padding:10px 0; border-top:1px solid rgba(19,47,41,.09); }
.season-signal-table > div > span:first-child { display:grid; }
.season-signal-table meter { width:calc(100% - 52px); margin-right:6px; }
.season-signal-head { color:#718079; font-size:7px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.season-outcome-boundary { margin:0 18px 18px; padding:12px 14px; border-radius:12px; background:#fff4d5; color:#5f4a12; }
.season-manual-outcome { margin:0 18px 18px; padding:12px 14px; border:1px solid rgba(19,47,41,.13); border-radius:12px; background:#fbfcfb; }
.season-manual-outcome > summary { cursor:pointer; color:#176349; font-size:9px; font-weight:800; }
.season-manual-outcome form { display:grid; gap:13px; margin-top:13px; }
.season-manual-outcome form > p { margin:0; color:#677871; font-size:9px; }
.season-final-order { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.season-final-order label,.season-champion-select { display:grid; gap:5px; color:#687971; font-size:7px; font-weight:800; text-transform:uppercase; }
.season-final-order select,.season-champion-select select { min-width:0; min-height:38px; padding:0 9px; border:1px solid #cad8d1; border-radius:8px; background:#fff; color:#183b31; font:inherit; font-size:9px; text-transform:none; }
.season-champion-select { max-width:360px; }
.season-complete-confirm { display:flex; gap:8px; align-items:center; color:#4f625b; font-size:9px; }
.season-manual-outcome .button { justify-self:start; }
.season-intelligence-note { margin-bottom:0; }

@media (max-width: 760px) {
  .season-forecast-lock, .season-correlation-leader, .season-intelligence-card > summary, .season-forecast-rail, .season-user-result, .season-signal-table > div { grid-template-columns: 1fr; }
  .season-forecast-proof { justify-items: start; text-align: left; }
  .season-forecast-rail { gap: 16px; }
  .season-forecast-rail > div:not(:last-child)::after { display: none; }
  .season-final-order { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .points-site-header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .points-site-header .header-account { width: 100%; flex-wrap: wrap; }
  .points-hero { grid-template-columns: 1fr; gap: 30px; padding: 39px 27px; }
  .points-hero::after { display: none; }
  .points-hero h1 { font-size: clamp(48px,15vw,75px); }
  .points-league-switcher,.points-setup,.points-invite-action { grid-template-columns: 1fr; }
  .points-setup { gap: 30px; padding: 27px; }
  .points-rules-form { grid-template-columns: 1fr; }
  .points-rules-form label,.points-rules-form .points-checkbox,.points-rules-form .button { grid-column: 1; }
  .points-scoreboard { grid-template-columns: 1fr; }
  .points-rules-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .points-rules-strip > div:nth-child(odd) { border-left: 0; }
  .points-rules-strip > div:nth-child(n+3) { border-top: 1px solid #dce4e7; }
  .points-commissioner-bar,.points-slate > header,.points-challenge-hero { align-items: flex-start; flex-direction: column; }
  .points-pick-panel form { grid-template-columns: 1fr; }
  .points-rivalry-panel { align-items: flex-start; flex-direction: column; }
  .points-rivalry-panel form { width: 100%; margin-left: 0; }
  .points-leaderboard > div { overflow-x: auto; }
  .points-leader-row { min-width: 660px; }
  .points-versus { grid-template-columns: 1fr; }
  .points-versus > article { min-height: 175px; }
  .points-versus article h2 { margin-top: 30px; }
  .points-versus > div { min-height: 135px; border-block: 1px solid rgba(255,255,255,.12); border-inline: 0; }
  .points-challenge-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .nfl-news-ticker-track { width: auto; animation: none; }
  .nfl-news-ticker-group { overflow-x: auto; padding-right: 0; }
  .nfl-news-ticker-group[aria-hidden="true"] { display: none; }
  .nfl-news-ticker-heading button { display: none; }
}
@media (max-width: 900px) { .draft-runner-grid, .draft-headline-grid, .draft-team-columns, .draft-methodology-grid, .mock-league-grid, .mock-room-grid, .mock-intelligence-grid { grid-template-columns: 1fr; } .draft-readiness-grid, .mock-history-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .draft-ranking-table { overflow-x: auto; } .draft-ranking-row { min-width: 860px; } .draft-slot-pick-grid { grid-template-columns: 1fr; } .mock-roster-panel { position: static; } .mock-tendency-grid { grid-template-columns: 1fr; } .mock-target-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) { .header-account span { display: none; } .inventory-heading, .developer-hero, .coach-hub-heading { align-items: flex-start; flex-direction: column; } .inventory-total { min-width: 70px; } .coach-hub-form > div, .coach-hub-metrics { grid-template-columns: 1fr; } .coach-hub-form button { width: 100%; } .ai-privacy-disclosure { grid-template-columns: 1fr; } .ai-privacy-disclosure a { white-space: normal; } .inventory-table-head { display: none; } .inventory-row { grid-template-columns: 1fr 80px; gap: 10px 16px; padding-block: 16px; } .inventory-row > :nth-child(4) { display: block; } .inventory-origin, .inventory-row > :nth-child(4) { grid-column: 1 / -1; } .inventory-actions { grid-column: 1 / -1; justify-content: flex-start; } .detail-heading, .connection-row, .project-source, .invitation-workflow-heading, .invite-map-save, .developer-hero, .team-import-hero, .draft-analysis-hero, .draft-report-heading, .mock-lab-hero, .mock-room-heading, .mock-intelligence-hero, .mock-player-heading, .draft-copilot-heading { align-items: flex-start; flex-direction: column; } .row-actions { width: 100%; justify-content: space-between; } .detail-heading .row-actions, .developer-hero .row-actions { flex-wrap: wrap; justify-content: flex-start; } .developer-key-form > div, .developer-key-copy, .developer-key-row { align-items: stretch; flex-direction: column; } .developer-key-row .status-chip { width: fit-content; } .destination-select-grid { grid-template-columns: 1fr; } .destination-choice { grid-template-columns: auto auto minmax(0, 1fr); } .destination-choice .status-chip { grid-column: 3; width: fit-content; } .league-choice { grid-template-columns: auto 1fr; } .league-choice a { grid-column: 2; } .settings-list div { grid-template-columns: 1fr; gap: 5px; } .destination-summary { grid-template-columns: 1fr; } .auth-links { flex-direction: column; } .coverage-stat-grid, .roster-position-grid, .renegade-rule-grid, .draft-rule-grid, .translation-column-grid, .mock-awareness-guide, .mock-recommendation-grid, .mock-result-strip, .draft-copilot-plans { grid-template-columns: 1fr; } .cbs-roster-card summary { align-items: flex-start; flex-wrap: wrap; } .cbs-roster-card summary span { width: calc(100% - 32px); margin-left: 0; } .manager-mapping-head { display: none; } .manager-mapping-row { grid-template-columns: 1fr 1fr; } .cbs-helper-step { padding-left: 72px; } .share-message-box > div { align-items: stretch; flex-direction: column; } .team-import-player { grid-template-columns: 48px minmax(0,1fr); } .team-import-player .status-chip { grid-column: 2; width: fit-content; } .draft-readiness-grid, .draft-coverage-strip, .draft-team-kpis, .mock-history-grid, .mock-target-grid { grid-template-columns: 1fr; } .draft-team-card summary { grid-template-columns: 38px minmax(0,1fr) 52px; } .draft-team-card summary > :last-child { grid-column: 2 / -1; } .mock-on-clock-panel { grid-template-columns: 80px 1fr; } .mock-clock-actions { grid-column: 1 / -1; grid-template-columns: 1fr; } .mock-player-tools, .draft-copilot-form > div, .draft-copilot-survival { grid-template-columns: 1fr; width: 100%; } .mock-player-row { grid-template-columns: 32px 38px minmax(120px,1fr) 52px; gap: 7px; padding-inline: 10px; } .mock-player-row form { grid-column: 3 / -1; text-align: left; } .mock-result-strip article + article { border-top: 1px solid rgba(255,255,255,.13); border-left: 0; } .mock-form-row { grid-template-columns: 1fr; } .mock-position-confirm-form { grid-template-columns: 1fr; align-items: stretch; } }

@media (max-width: 680px) { .coach-hub-learning-controls { align-items: stretch; flex-direction: column; } .coach-hub-learning-controls select { width: 100%; } .coach-hub-learning-controls small { text-align: left; } .coach-hub-feedback { align-items: flex-start; flex-direction: column; } }

@media (max-width: 760px) {
  .league-heading-actions { width: 100%; justify-items: stretch; }
  .league-data-actions { justify-content: flex-start; flex-wrap: wrap; }
  .league-header-action { flex: 1 1 auto; }
  .league-action-menu { flex: 1 1 auto; }
  .league-action-menu > .league-header-action { width: 100%; }
  .league-action-popover { right: auto; left: 0; width: min(292px,calc(100vw - 40px)); }
  .league-download-menu .league-action-popover { left: 50%; transform: translateX(-50%); }
  .league-more-menu .league-action-popover { right: 0; left: auto; }
  .league-current-data-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .historical-season-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .historical-matchup-list { grid-template-columns: 1fr; }
  .historical-weekly-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .league-schedule-week { grid-template-columns: 1fr; }
  .league-schedule-week h3 { position: static; width: fit-content; min-width: 82px; }
  .league-schedule-week > div { grid-template-columns: 1fr; }
  .league-snapshot-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .league-snapshot-explainer { grid-template-columns: 1fr; }
  .snapshot-concept { min-height: 0; }
  .snapshot-flow-arrow { transform: rotate(90deg); justify-self: center; }
}

@media (max-width: 430px) {
  .league-current-data-stats { grid-template-columns: 1fr; }
  .historical-season-stats { grid-template-columns: 1fr; }
  .league-snapshot-stats { grid-template-columns: 1fr; }
  .league-snapshot-technical dl div { grid-template-columns: 1fr; gap: 5px; }
}

@media (max-width: 980px) {
  .arena-control-room, .arena-detail-lower, .wallet-grid, .peer-launch-panel, .peer-detail-grid, .peer-accept-grid { grid-template-columns: 1fr; }
  .arena-command-deck { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .peer-launch-action { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
  .peer-list-row { grid-template-columns: minmax(220px,1fr) 130px 120px 24px; }
  .peer-list-row > :nth-child(3) { display: none; }
  .arena-control-summary { border-top: 1px solid rgba(255,255,255,.12); border-left: 0; }
  .arena-column-key { display: none; }
  .arena-matchup-list { margin-top: 15px; }
  .arena-matchup-card { grid-template-columns: minmax(260px,1.2fr) repeat(3,minmax(185px,1fr)) minmax(125px,.6fr); overflow-x: auto; }
  .arena-detail-scoreboard { grid-template-columns: minmax(150px,1fr) 125px 54px 125px minmax(150px,1fr); overflow-x: auto; }
  .arena-source-grid { grid-template-columns: 1fr; }
  .arena-source-grid article { min-height: 190px; }
  .wallet-next-step > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wallet-next-step article:nth-child(3) { border-left: 0; }
  .wallet-next-step article:nth-child(n+3) { border-top: 1px solid #dce4e7; }
}

@media (max-width: 720px) {
  .arena-shell .dashboard-header { align-items: flex-start; flex-direction: column; gap: 12px; padding-block: 17px; }
  .arena-shell .header-account { width: 100%; flex-wrap: wrap; gap: 8px 15px; font-size: 11px; }
  .arena-hero { grid-template-columns: 1fr; padding: 42px 27px; }
  .arena-hero::after { display: none; }
  .arena-hero-protocol { margin-top: 4px; }
  .arena-hero h1 { font-size: clamp(39px, 11vw, 66px); }
  .arena-tagline-lockup { align-items: flex-start; flex-direction: column; }
  .arena-hero .arena-tagline { font-size: clamp(14px,4.5vw,18px); line-height: 1.25; }
  .arena-command-deck { grid-template-columns: 1fr; }
  .arena-command-card { min-height: 145px; }
  .arena-record-history > header { grid-template-columns: 1fr; }
  .arena-all-time-record { width: fit-content; text-align: left; }
  .arena-season-records { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; overflow: hidden; }
  .arena-season-records article { min-width: 0; border-left: 0; }
  .arena-league-picker { grid-template-columns: 1fr; }
  .arena-slate-heading, .arena-detail-heading, .arena-movement-panel > header, .arena-market-mapping-panel > header, .wallet-heading, .peer-page-heading, .matchup-copilot-heading { align-items: flex-start; flex-direction: column; }
  .arena-slate-actions, .arena-slate-heading form, .arena-slate-heading button { width: 100%; }
  .arena-slate-actions { align-items: stretch; flex-direction: column; }
  .arena-matchup-card { grid-template-columns: 1fr; overflow: hidden; }
  .arena-matchup-card > * + * { border-top: 1px solid #dce4e7; border-left: 0; }
  .arena-matchup-teams { min-height: 185px; }
  .arena-prediction-column { min-height: 170px; }
  .arena-matchup-action { min-height: 100px; }
  .arena-matchup-news > header, .arena-impact-briefing > header { align-items: flex-start; flex-direction: column; }
  .arena-matchup-news > div, .arena-impact-list { grid-template-columns: 1fr; }
  .arena-impact-briefing > header dl { width: 100%; }
  .arena-impact-briefing > header dl div { min-width: 0; flex: 1 1 0; }
  .arena-impact-list article:nth-child(even) { border-left: 0; }
  .arena-signal-list > div { grid-template-columns: minmax(0,1fr) 55px; gap: 8px 12px; padding-block: 10px; }
  .arena-signal-list code { grid-row: 2; grid-column: 1 / -1; }
  .arena-swing-panel > summary { grid-template-columns: minmax(0,1fr) 28px; gap: 9px 15px; padding: 17px 19px; }
  .arena-swing-preview { grid-row: 2; grid-column: 1 / -1; grid-template-columns: 1fr auto; padding-top: 10px; border-top: 1px solid #d8e2e5; }
  .arena-swing-preview small { grid-column: 1 / -1; }
  .arena-swing-panel > summary > i { grid-row: 1; grid-column: 2; }
  .arena-swing-body { padding: 0 19px 19px; }
  .arena-swing-body > header { grid-template-columns: 1fr; gap: 9px; }
  .arena-swing-body > header > small { text-align: left; }
  .arena-swing-odds, .arena-swing-sides, .arena-pivotal-games > div { grid-template-columns: 1fr; }
  .arena-pivotal-games > header, .arena-swing-sides > section > header { align-items: flex-start; flex-direction: column; }
  .arena-pivotal-games > header > strong { width: fit-content; }
  .arena-swing-grid { grid-template-columns: 1fr; }
  .arena-swing-grid p { min-height: 0; }
  .arena-swing-empty { align-items: flex-start; flex-direction: column; padding-inline: 19px; }
  .arena-empty-schedule { grid-template-columns: 1fr; padding: 28px; }
  .arena-empty-play { display: none; }
  .arena-detail-scoreboard { grid-template-columns: 1fr 1fr; }
  .arena-score-team { grid-row: auto; min-height: 135px; padding: 22px; }
  .arena-score-team h2 { margin-top: 25px; }
  .arena-score-team.away { grid-column: 1; }
  .arena-score-team.home { grid-column: 2; }
  .arena-score-method { grid-row: 2; border-top: 1px solid rgba(255,255,255,.1); }
  .arena-score-divider { display: none; }
  .arena-score-market, .arena-score-market.home { grid-row: 3; grid-column: auto; min-height: 58px; }
  .arena-score-sportsbook, .arena-score-sportsbook.home { grid-row: 4; grid-column: auto; min-height: 58px; }
  .arena-public-sentiment { align-items: flex-start; flex-direction: column; }
  .arena-socialmeter-panel > header { flex-direction: column; }
  .arena-socialmeter-teams { grid-template-columns: 1fr; }
  .arena-sentiment-awaiting strong, .arena-sentiment-awaiting span { text-align: left; }
  .arena-history-table { overflow-x: auto; }
  .arena-history-row { min-width: 820px; }
  .arena-chart-legend { flex-direction: column; }
  .matchup-copilot-form > div, .matchup-copilot-metrics, .matchup-copilot-factors, .matchup-copilot-signals { grid-template-columns: 1fr; }
  .wallet-page { padding-top: 26px; }
  .wallet-shell .dashboard-header { flex-wrap: wrap; padding-block: 14px; }
  .wallet-shell .header-account { width: 100%; justify-content: flex-end; padding-bottom: 4px; }
  .wallet-grid { grid-template-columns: minmax(0,1fr); }
  .wallet-connect-card, .wallet-balance-card { padding: 24px; }
  .wallet-assets, .wallet-next-step > div { grid-template-columns: 1fr; }
  .wallet-next-step article + article { border-top: 1px solid #dce4e7; border-left: 0; }
  .wallet-funding-actions { flex-direction: column; }
  .peer-versus-card, .peer-invite-versus { grid-template-columns: 1fr; }
  .peer-pot { min-height: 150px; border-block: 1px solid rgba(255,255,255,.11); border-inline: 0; }
  .peer-side { min-height: 170px; }
  .peer-side h2 { margin-top: 25px; }
  .peer-pot b { right: 18px; bottom: 50%; transform: translateY(50%); }
  .peer-list-row { grid-template-columns: 1fr auto; }
  .peer-list-row > :nth-child(2), .peer-list-row > :nth-child(3) { display: none; }
  .peer-terms-list > div { grid-template-columns: 1fr; gap: 5px; }
  .peer-terms-list dd { text-align: left; }
  .peer-result-panel > header { align-items: flex-start; flex-direction: column; }
  .peer-result-grid, .peer-result-proof { grid-template-columns: 1fr; }
  .peer-result-grid article + article { border-top: 1px solid #dbe4e6; border-left: 0; }
}

/* Dashboard workspace navigation */
.dashboard-main { padding-block: 24px 100px; }
.dashboard-main > .nfl-news-ticker { margin-bottom: 18px; }
.dashboard-workspace { position: relative; }
.dashboard-workspace-header { position: sticky; top: 0; z-index: 12; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; padding: 18px 0; border-bottom: 1px solid var(--line); background: color-mix(in srgb, var(--paper) 93%, transparent); backdrop-filter: blur(15px); }
.dashboard-workspace-copy { min-width: 260px; }
.dashboard-workspace-copy h1 { margin: 4px 0 5px; font-size: clamp(27px,3.2vw,40px); letter-spacing: -.045em; line-height: 1.05; }
.dashboard-workspace-copy p { max-width: 620px; margin: 0; color: var(--ink-soft); font-size: 11px; line-height: 1.5; }
.dashboard-workspace-controls { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.dashboard-tabs { display: flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid #cad5d8; border-radius: 12px; background: rgba(255,255,255,.72); box-shadow: 0 7px 22px rgba(15,35,47,.05); }
.dashboard-tabs button { display: flex; min-height: 42px; align-items: center; gap: 7px; padding: 0 14px; border: 0; border-radius: 8px; background: transparent; color: #60747b; cursor: pointer; font-size: 10px; font-weight: 800; white-space: nowrap; }
.dashboard-tabs button span { color: #789098; font-size: 13px; }
.dashboard-tabs button[aria-selected="true"] { background: #173f50; box-shadow: 0 5px 15px rgba(23,63,80,.17); color: #fff; }
.dashboard-tabs button[aria-selected="true"] span { color: #e8f36b; }
.dashboard-tabs button:hover:not([aria-selected="true"]) { background: #edf3f4; color: #173f50; }
.dashboard-tabs button:focus-visible, .dashboard-tools-menu summary:focus-visible { outline: 3px solid rgba(47,128,237,.28); outline-offset: 2px; }
.dashboard-tools-menu { position: relative; flex: 0 0 auto; }
.dashboard-tools-menu summary { display: flex; min-height: 50px; align-items: center; gap: 8px; padding: 0 15px; border: 1px solid #cad5d8; border-radius: 12px; background: rgba(255,255,255,.78); color: #173f50; cursor: pointer; font-size: 10px; font-weight: 800; list-style: none; white-space: nowrap; }
.dashboard-tools-menu summary::-webkit-details-marker { display: none; }
.dashboard-tools-menu[open] summary { border-color: #173f50; background: #173f50; color: #fff; }
.dashboard-tools-popover { position: absolute; top: calc(100% + 9px); right: 0; z-index: 20; width: 300px; overflow: hidden; padding: 12px; border: 1px solid #c4d1d5; border-radius: 13px; background: #fff; box-shadow: 0 22px 60px rgba(15,35,47,.2); }
.dashboard-tools-popover > .micro-label { display: block; padding: 6px 8px 9px; }
.dashboard-tools-popover > a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 9px; border-top: 1px solid #e3e9eb; border-radius: 8px; color: #173f50; }
.dashboard-tools-popover > a:hover, .dashboard-tools-popover > a:focus-visible { background: #eff4f5; }
.dashboard-tools-popover a span, .dashboard-tools-popover a strong, .dashboard-tools-popover a small { display: block; }
.dashboard-tools-popover a strong { font-size: 11px; }
.dashboard-tools-popover a small { margin-top: 3px; color: #71838a; font-size: 8px; }
.dashboard-tools-popover a b { color: #2f80ed; font-size: 13px; }
.dashboard-tab-panel { padding-top: 26px; }
.dashboard-tab-panel[hidden] { display: none; }
.dashboard-tab-panel > .fantasy-inventory { margin-bottom: 22px; }
.dashboard-inventory-support { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: start; }
.dashboard-inventory-support > * { min-width: 0; }
.dashboard-coach-panel .coach-hub { margin-bottom: 0; }
.dashboard-setup-intro { margin-bottom: 25px; padding-bottom: 21px; border-bottom: 1px solid var(--line); }
.dashboard-setup-intro h2 { margin: 5px 0 7px; font-size: clamp(28px,4vw,42px); letter-spacing: -.045em; }
.dashboard-setup-intro p { margin: 0; color: var(--ink-soft); font-size: 12px; }
.dashboard-setup-grid { display: block; }

.nfl-news-ticker-track { animation-duration: var(--ticker-duration,65s); }
.nfl-news-ticker-controls { display: flex; align-items: center; gap: 15px; }
.nfl-news-ticker-controls label { display: grid; grid-template-columns: auto 78px 44px; gap: 7px; align-items: center; color: #91aab4; font-size: 8px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.nfl-news-ticker-controls input { width: 78px; margin: 0; accent-color: #e8f36b; cursor: pointer; }
.nfl-news-ticker-controls output { color: #fff; font-size: 8px; letter-spacing: 0; text-align: left; text-transform: none; }

@media (max-width: 1050px) {
  .dashboard-workspace-header { align-items: flex-start; flex-direction: column; gap: 15px; }
  .dashboard-workspace-controls { width: 100%; justify-content: space-between; }
  .dashboard-tabs { overflow-x: auto; }
}

@media (max-width: 720px) {
  .dashboard-shell > .dashboard-header { min-height: 78px; }
  .dashboard-main { padding-block: 14px 70px; }
  .dashboard-workspace-header { gap: 12px; padding-block: 13px; }
  .dashboard-workspace-copy h1 { font-size: 27px; }
  .dashboard-workspace-copy p { display: none; }
  .dashboard-workspace-controls { align-items: stretch; flex-direction: column; }
  .dashboard-tabs { width: 100%; }
  .dashboard-tabs button { flex: 1 0 auto; justify-content: center; padding-inline: 11px; }
  .dashboard-tools-menu summary { min-height: 42px; justify-content: center; }
  .dashboard-tools-popover { position: absolute; top: calc(100% + 8px); right: 0; bottom: auto; left: 0; width: auto; max-height: min(520px,calc(100vh - 150px)); overflow-y: auto; }
  .dashboard-tab-panel { padding-top: 18px; }
  .dashboard-inventory-support { grid-template-columns: 1fr; }
  .nfl-news-ticker-heading { align-items: flex-start; flex-direction: column; }
  .nfl-news-ticker-controls { width: 100%; justify-content: space-between; }
}

@media (prefers-reduced-motion: reduce) {
  .nfl-news-ticker-controls label { display: none; }
}

@media (max-width: 680px) {
  .export-event-columns, .export-completeness-grid { grid-template-columns: 1fr; }
  .export-event-list-head { display: none; }
  .export-log-page .export-event > summary { grid-template-columns: 1fr auto; }
  .export-event-result, .export-event-macro { grid-column: 1 / -1; }
  .export-event-open { grid-column: 2; grid-row: 1; }
  .export-change-table-head { display: none; }
  .export-change-table-row { grid-template-columns: 1fr; }
  .export-change-table-row > * { border-right: 0; border-top: 1px solid var(--line); }
  .export-change-table-row > *:first-child { border-top: 0; background: #f7f9fb; }
  .export-event > summary { align-items: flex-start; flex-wrap: wrap; }
  .export-event > summary .status-chip { margin-left: 0; }
  .league-diff-heading { grid-template-columns: 1fr; }
  .league-diff-score { width: 104px; height: 104px; }
  .league-diff-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .league-diff-metrics > div:nth-child(3) { border-top: 1px solid #dce5e7; border-left: 0; }
  .league-diff-metrics > div:nth-child(4) { border-top: 1px solid #dce5e7; }
  .league-diff-section-heading, .league-diff-save { align-items: flex-start; flex-direction: column; }
  .league-diff-save .button { width: 100%; }
  .league-diff-values, .league-diff-results { grid-template-columns: 1fr; }
  .league-diff-result-list + .league-diff-result-list { border-top: 1px solid #dce5e7; border-left: 0; }
}