:root{font-family:Arial,"Microsoft YaHei",sans-serif;color-scheme:dark;--bg:#081b2e;--panel:#102b44;--panel2:#173750;--accent:#ff9d11;--muted:#9dbcd2;--line:#31506a;--fg:#f1f6fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}button,select,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(1800px,calc(100% - 28px));margin:0 auto}.site-head{border-bottom:2px solid var(--accent);background:linear-gradient(100deg,#0b273b,#0b1a29 70%,#4d301f)}.top{display:flex;align-items:center;gap:22px;min-height:82px;flex-wrap:wrap}.logo{display:flex;gap:12px;align-items:center;font-weight:800;font-size:19px}.logo>span:first-child{font-size:31px}.logo small{display:block;letter-spacing:2px;color:var(--muted);font-size:10px;margin-top:4px}.top-links{display:flex;gap:6px;flex-wrap:wrap}.top-links>*{padding:14px 17px;background:#18334b;border:1px solid #32516a;border-radius:5px;font-weight:700}.top-links .current{background:var(--accent);color:#081c2c;border-color:#ffa82a}.language{margin-left:auto;display:flex;gap:8px;align-items:center}.language select,.filters select,.filters input{background:#0b2438;border:1px solid #365770;border-radius:5px;color:#fff;padding:10px;min-width:0}.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 284px;gap:13px;margin-top:16px}.side,.board,.right>div{background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden}.side{align-self:start}.side-title,.side-subtitle{padding:16px 17px;color:#a4c6dd;font-weight:700;background:#0e263c}.side-subtitle{font-size:13px}.side button{display:flex;width:100%;border:0;border-top:1px solid #29465e;background:transparent;padding:17px;color:#f3f9ff;text-align:left;gap:12px;font-weight:bold}.side button.active{background:linear-gradient(#ffae30,#ec8506);color:#071b2e}.side button:hover:not(.active){background:#23425b}.side .side-league{padding:14px 19px}.note{padding:18px 13px;color:var(--muted);font-size:12px;line-height:1.7;border-top:1px solid var(--line)}.center{min-width:0}.hero{min-height:140px;display:flex;gap:22px;align-items:center;padding:20px 24px;margin-bottom:12px;background:linear-gradient(95deg,#0d344b,#123147 58%,#49332d);border:1px solid #38556b;border-radius:7px}.hero-symbol{font-size:60px}.eyebrow{font-weight:900;letter-spacing:3px;color:#ffa93e;font-size:14px}.hero h1{margin:9px 0;font-size:29px}.hero p{color:#c9deed;margin:0}.hero-tags{margin-left:auto;display:flex;gap:10px}.hero-tags span{font-weight:900;color:var(--accent);font-size:19px;border:1px solid #51718a;border-radius:7px;padding:16px}.board-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 12px}.switch{display:flex;gap:8px}.switch button,.refresh{border:1px solid #41617a;background:#203d54;border-radius:5px;color:#fff;padding:12px 22px;font-weight:700}.switch .selected,.refresh:hover{background:var(--accent);color:#071b2e}.filters{display:flex;flex-wrap:wrap;gap:12px;padding:15px 16px}.filters label{display:flex;gap:7px;align-items:center;font-size:13px;color:#afc9df}.summary{padding:10px 17px;min-height:42px;color:#a9cce1;font-size:13px}.table-scroller{margin:4px 12px 12px;overflow-x:auto;border:1px solid #38556c;border-radius:7px}.table-scroller table{width:100%;min-width:820px;border-spacing:0;border-collapse:collapse;table-layout:fixed}.table-scroller th:first-child{width:32%}th{background:var(--accent);color:#171b1e;font-weight:800;font-size:13px;padding:13px 6px}thead .sub th{font-size:11px;background:#da8210}tr:nth-child(even) td{background:#152f48}td{border-top:1px solid #25455e;text-align:center;padding:12px 5px;font-size:13px}td.team{text-align:left;padding:12px 14px}.league-name{font-weight:bold;color:#ffb845;font-size:12px;margin-bottom:7px}.names{font-weight:700;line-height:1.6}.kickoff{font-size:12px;color:#a9cada;margin-top:6px}.quote{display:flex;align-items:center;justify-content:center;gap:3px;flex-wrap:wrap;min-height:40px;border:1px solid #325773;border-radius:5px;background:#1d415b;padding:6px 4px}.quote b{font-size:13px}.quote small{font-size:10px;color:#ffc36f}.market-note{color:#c0d5e1;font-size:10px;margin-top:5px;overflow-wrap:anywhere}.dash{color:#567892}.empty{padding:40px 15px;color:#b4cbdd;text-align:center}.footnote{padding:12px 16px;color:#a4c6d9;font-size:12px}.slip-title{background:linear-gradient(#ffb031,#ed8906);color:#141b20;padding:16px;font-weight:900}.slip-body{text-align:center;padding:35px 16px 40px}.slip-body p{line-height:1.65;color:#adc8dd;font-size:13px}.empty-icon{font-size:38px;color:#688ba4;margin-bottom:12px}.help{margin-top:12px;padding:18px}.help h3{margin:0 0 12px;font-size:16px}.help dt{font-weight:bold;color:var(--accent);padding-top:14px}.help dd{margin:5px 0;color:#bad2e4;font-size:12px;line-height:1.6}.footer{font-size:12px;color:#a8c6d8;padding:22px 0 35px;text-align:center}@media(max-width:1160px){.layout{grid-template-columns:170px minmax(0,1fr)}.right{display:none}.hero-tags{display:none}}@media(max-width:720px){.shell{width:calc(100% - 18px)}.layout{display:block;margin-top:10px}.side{display:flex;flex-wrap:wrap;margin-bottom:10px;align-items:center}.side-title,.side-subtitle,.side .side-league,.note{display:none!important}.side .side-button{width:50%;justify-content:center;padding:12px}.top{padding:10px 0;gap:12px}.top-links>*{padding:9px 11px;font-size:12px}.language{margin-left:0}.hero{padding:13px;min-height:115px}.hero h1{font-size:21px}.hero-symbol{font-size:40px}.eyebrow{font-size:10px}.hero p{font-size:12px}.filters label{width:100%;justify-content:space-between}.filters select,.filters input{width:62%}.table-scroller{overflow:visible;border:0}.table-scroller table,.table-scroller tbody,.table-scroller tr,.table-scroller td{display:block;width:100%;min-width:0}.table-scroller thead{display:none}.table-scroller tr{background:#112c45;border:1px solid #31516a;border-radius:7px;margin-bottom:10px;padding:7px}.table-scroller td{border:0;border-top:1px solid #284960;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:right;padding:9px 8px}.table-scroller td.team{display:block;text-align:left}.table-scroller td:not(.team)::before{content:attr(data-label);font-size:12px;color:#b4cbdc;text-align:left}.table-scroller .empty{display:block}.kickoff{font-size:11px}.quote{min-width:120px}.board-head{gap:7px}.switch button,.refresh{padding:10px 14px}}

/* AF4: read-only clarity for moneyline, home/away spread and over/under totals. */
.table-scroller table{min-width:950px}
.table-scroller th:first-child{width:29%}
.table-scroller td:not(.team){padding:10px 5px}
.table-scroller .quote{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;min-height:58px;padding:7px 4px;white-space:normal;min-width:0;cursor:default}
.table-scroller .quote-selection{font-size:11px;line-height:1.25;color:#c7e0f0;font-weight:600}
.table-scroller .quote-price{font-size:16px;line-height:1.1;font-variant-numeric:tabular-nums;color:#fff}
.table-scroller .market-note{margin-top:5px;font-size:10px;line-height:1.1}
@media(max-width:720px){
.table-scroller table{min-width:0}
.table-scroller td:not(.team){padding:9px 8px}
.table-scroller .quote{min-height:54px;min-width:136px;padding:6px 9px}
.table-scroller .quote-selection{font-size:12px}
.table-scroller .quote-price{font-size:17px}
}

/* AF4.1: mobile-only six-quote grid. Reuses all AF4 markup, market values and handlers. */
@media (max-width:720px) {
  .table-scroller {
    margin: 4px 10px 12px;
    overflow-x: hidden;
  }
  .table-scroller table,
  .table-scroller tbody { width:100%; min-width:0; }
  .table-scroller tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 0 8px;
    margin-bottom: 12px;
    padding: 10px;
    min-width: 0;
    width: 100%;
    border: 1px solid #375b75;
    border-radius: 9px;
    background: #122e47;
  }
  .table-scroller tbody tr td.team {
    grid-column: 1 / -1;
    min-width:0;
    width:100%;
    display: block;
    padding: 2px 2px 11px;
    margin-bottom: 7px;
    border:0;
    border-bottom:1px solid #36536b;
    background:transparent;
    text-align:left;
    overflow-wrap:anywhere;
  }
  .table-scroller tbody tr td:not(.team):not(.empty) {
    min-width: 0;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:6px 0;
    margin:0;
    border:0;
    text-align:center;
    background:transparent;
  }
  .table-scroller tbody tr td:not(.team):not(.empty)::before {
    content:none;
    display:none;
  }
  .table-scroller tbody tr td:nth-child(4),
  .table-scroller tbody tr td:nth-child(5),
  .table-scroller tbody tr td:nth-child(6),
  .table-scroller tbody tr td:nth-child(7) {
    border-top:1px solid #36536b !important;
    margin-top:5px !important;
    padding-top:11px !important;
  }
  .table-scroller tbody tr td:not(.team) .quote {
    display:flex;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:66px;
    margin:0;
    padding:7px 5px;
    border-radius:6px;
    justify-content:center;
    align-items:center;
    gap:5px;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .table-scroller .quote-selection {
    font-size:12px;
    line-height:1.3;
  }
  .table-scroller .quote-price {
    font-size:18px;
    font-weight:800;
    line-height:1.15;
  }
  .table-scroller tbody tr td:not(.team) .market-note {
    width:100%;
    min-width:0;
    margin:5px 0 0;
    font-size:11px;
    line-height:1.3;
    text-align:center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#b4ccdf;
  }
  .table-scroller tbody tr td.empty {
    grid-column:1 / -1;
    width:100%;
    text-align:center;
    padding:30px 8px;
    border:0;
  }
}

/* AF6 -- in-play display indicator. Market buttons remain non-interactive. */
.live-indicator{display:inline-block;background:#b33434;color:white;border-radius:3px;padding:2px 5px;font-size:11px;font-weight:800;margin:4px 0;}
@media(max-width:720px){.side .side-button{width:33.333%;padding:11px 6px;font-size:12px}.board-head .switch button{padding:9px 9px}}

/* SPORT_NAV_V2 */

.top-links [data-t="footballNav"]::before{content:"⚽ "}
.top-links [data-t="basketballNav"]::before{content:"🏀 "}
.top-links [data-t="americanNav"]::before{content:"🏈 "}
@media(min-width:721px){
.site-head .top{display:grid;grid-template-columns:1fr auto;grid-template-rows:54px 62px;gap:0;padding-top:10px}
.site-head .logo{grid-column:1;grid-row:1}
.site-head .language{grid-column:2;grid-row:1}
.site-head .top-links{grid-column:1/-1;grid-row:2;align-self:end;padding-bottom:9px}
}