/* GooBall unified visual system · November 2026 */
:root{
  color-scheme:dark;
  --bg:#0b1112;
  --bg-soft:#0e1718;
  --surface:#121d1e;
  --surface-2:#172423;
  --surface-3:#1b2c29;
  --line:#263936;
  --line-soft:#1e302c;
  --text:#edf5f0;
  --muted:#91a49b;
  --muted-2:#6f847a;
  --green:#35d69a;
  --green-strong:#22bd83;
  --green-soft:#15392d;
  --lime:#c2e77b;
  --danger:#ef8585;
  --radius:15px;
  --shadow:0 12px 34px #0003;
  --font:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Manrope","DM Sans",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:90px}
body{
  margin:0;color:var(--text);font:14px/1.6 var(--font);
  background:
    radial-gradient(ellipse at 50% -24%,#17352b 0,transparent 42%),
    radial-gradient(ellipse at 100% 42%,#12221e 0,transparent 32%),
    var(--bg);
}
button,input,select{font:inherit}
button{cursor:pointer}
a{color:inherit}
::selection{background:#35d69a55;color:#fff}
:focus-visible{outline:2px solid var(--green)!important;outline-offset:3px}
.shell{max-width:1480px;margin:0 auto;padding:0 26px}
header{
  height:70px;position:sticky;top:0;z-index:10;
  background:#0b1112eF;border-bottom:1px solid var(--line-soft);
  backdrop-filter:blur(18px);box-shadow:0 8px 28px #0003;
}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;flex:0 0 auto;text-decoration:none;font-size:23px;font-weight:900;letter-spacing:-1px}
.brand-mark{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  color:#062116;background:linear-gradient(145deg,#57e7ad,#20a977);
  font:900 21px var(--display);box-shadow:0 6px 22px #25d69530;transition:.18s;
}
.brand:hover .brand-mark{transform:translateY(-1px);box-shadow:0 8px 26px #25d69550}
.brand-name{color:var(--text)}
.navlinks{display:flex;align-items:center;gap:22px;color:#a4b4ac;font-size:12px;font-weight:750}
.navlinks a{text-decoration:none;transition:color .15s}
.navlinks a:hover{color:var(--green)}
.nav-right{display:flex;align-items:center;gap:9px}
.live-pill{
  display:inline-flex;align-items:center;white-space:nowrap;gap:7px;
  padding:7px 11px;border:1px solid #285c46;border-radius:99px;
  background:#122d23;color:#66e5ae;font-size:9px;font-weight:900;letter-spacing:.65px;
}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #35d69a88;flex:0 0 7px}
.score-masthead{
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:31px 0 25px;margin-bottom:21px;border-bottom:1px solid var(--line-soft);
}
.eyebrow{color:var(--green);font-size:9px;font-weight:900;letter-spacing:1.65px;text-transform:uppercase}
.score-masthead h1{font:850 clamp(31px,3.6vw,45px)/1.04 var(--display);letter-spacing:-2px;margin:8px 0 7px;color:var(--text)}
.score-masthead h1 span{color:var(--green)}
.score-masthead p{margin:0;color:var(--muted);font-size:13px}
.score-masthead-tools{
  min-width:260px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:12px 14px;background:var(--surface);border:1px solid var(--line);
  border-radius:13px;box-shadow:0 5px 18px #0002;
}
.score-live-indicator{display:flex;align-items:center;gap:8px;color:#c4d5cc;font-size:11px;font-weight:800}
.score-live-indicator .live-dot{margin:0}
.score-update{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px}
.score-update button{
  width:31px;height:31px;border:1px solid #315344;border-radius:9px;
  background:var(--green-soft);color:var(--green);font-size:18px;line-height:1;
  transition:background .15s,transform .15s;
}
.score-update button:hover{background:#1d4b38;transform:rotate(25deg)}
.dashboard-layout{
  display:grid;grid-template-columns:218px minmax(0,1fr) 300px;
  gap:17px;align-items:start;padding-bottom:42px;
}
.competition-rail,.match-panel,.sidebar{min-width:0}
.competition-rail,.match-panel,.sidebar .side-card{
  border:1px solid var(--line);border-radius:var(--radius);
  background:linear-gradient(155deg,#14211f,#101a1b 75%);
  box-shadow:var(--shadow);
}
.competition-rail{position:sticky;top:87px;padding:15px 12px}
.rail-heading,.match-panel-heading,.side-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rail-heading{padding:0 4px 12px;border-bottom:1px solid var(--line-soft)}
.rail-heading h2{font:800 14px var(--display);margin:4px 0 0;color:var(--text)}
.rail-count,.match-count{
  white-space:nowrap;border:1px solid #30443b;border-radius:99px;
  background:#1b2b25;color:#b1c9bb;padding:5px 9px;font-size:9px;font-weight:850;
}
.league-list{display:grid;gap:3px;padding-top:9px}
.league-item{
  display:flex;align-items:center;gap:10px;min-height:41px;padding:8px 9px!important;
  border:0!important;border-radius:9px!important;background:transparent!important;
  color:#bdcbc3!important;font-size:11px!important;font-weight:750!important;
  transition:background .15s,color .15s;cursor:pointer;
}
.league-item:hover{background:#1a3028!important;color:#70e6b2!important}
.league-item.is-active{background:#1a3a2d!important;color:#6ce7b1!important;box-shadow:inset 2px 0 var(--green)}
.league-icon{
  width:26px!important;height:26px!important;flex:0 0 26px;border-radius:8px!important;
  display:grid;place-items:center;background:#20352b!important;color:#83ddb2!important;
  font-size:8px!important;font-weight:900;
}
.rail-more,.side-more{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  margin-top:8px;padding:12px 5px 2px;border-top:1px solid var(--line-soft);
  color:var(--green);font-size:10px;font-weight:850;text-decoration:none;
}
.match-panel{padding:17px;background:linear-gradient(155deg,#131f1e,#0f1919 78%)}
.match-panel-heading{padding:1px 1px 14px}
.match-panel-heading h2{font:800 18px var(--display);letter-spacing:-.45px;margin:4px 0 0;color:var(--text)}
.match-controls{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:11px 0 13px;margin-bottom:13px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);
}
.tabs{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#0d1717}
.tab{
  padding:7px 12px;border:0;border-radius:7px;background:transparent;
  color:#9aada3;font-size:10px;font-weight:850;transition:background .15s,color .15s;
}
.tab:hover{color:var(--text);background:#1b2a25}
.tab.active{background:#1c4432;color:#75e8b6;box-shadow:inset 0 0 0 1px #2b6248}
.date-tools{display:flex;align-items:center;gap:5px}
.date-tools button,.date-tools input{
  min-height:32px;padding:6px 9px;border:1px solid #2a3d35;border-radius:8px;
  background:#14201d;color:#dce8e0;font-size:10px;
}
.date-tools button:hover{border-color:#438365;color:var(--green)}
.date-tools input{width:130px;color-scheme:dark}
.match-list{display:grid;gap:7px}
.league-group{display:grid;gap:7px;margin-bottom:13px}
.league-group-heading{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 11px;border:1px solid #2b493b;border-radius:9px;
  background:#172c22;color:#dce9e0;font-size:11px;
}
.league-group-heading strong{font-weight:900}
.league-group-heading span{color:#9db4a5;font-size:9px}
.match{
  position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 92px;
  align-items:center;gap:12px;padding:12px 13px;border:1px solid #293a34;
  border-radius:11px;background:#15211f;color:var(--text);text-decoration:none;
  box-shadow:none;transition:border-color .16s,background .16s,transform .16s;
}
.match:nth-child(even),.match:nth-child(odd){background:#15211f!important}
.match:hover{background:#1a2d26!important;border-color:#3c795b;transform:translateY(-1px)}
.match-clickable{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.match-clickable:focus-visible{outline:2px solid var(--green)!important;outline-offset:3px}
.match-clickable:active{transform:scale(.997);border-color:var(--green)}
.league{color:#9caf9f;font-size:9px;font-weight:900;letter-spacing:.55px;text-transform:uppercase}
.kickoff{margin-top:4px;color:#d1ddd5;font-size:11px;font-weight:800}
.status{color:#58dfa2;font-size:9px;font-weight:950;letter-spacing:.4px}
.status.finished{color:#9aa99f}
.teams{display:grid;gap:8px;min-width:0}
.team{display:flex;align-items:center;gap:8px;min-width:0;color:#e5eee8;font-size:11px;font-weight:750}
.team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crest,.crest-fallback{width:24px;height:24px;flex:0 0 24px;object-fit:contain}
.crest-fallback{display:grid;place-items:center;border-radius:7px;background:#263a30;color:#d6f2df;font-size:8px;font-weight:900}
.score{min-width:18px;margin-left:auto;text-align:right;color:#f1f7f2;font-size:15px;font-weight:950;font-variant-numeric:tabular-nums}
.match-meta{text-align:right;min-width:0}
.match-meta .status{font-size:9px}
.details{display:inline-flex;align-items:center;justify-content:flex-end;margin-top:7px;color:#68e5ad;font-size:8px;font-weight:950;letter-spacing:.35px;white-space:nowrap}
.match-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:11px 2px 0;border-top:1px solid var(--line-soft);color:#879b90;font-size:9px}
.match-panel-foot button{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:850}
.sidebar{position:sticky;top:87px;display:grid;gap:12px}
.sidebar .side-card{margin:0;padding:14px;background:linear-gradient(155deg,#15221f,#111b1a)!important}
.side-heading{align-items:flex-start;margin-bottom:11px}
.side-heading h3,.explore-card h3{font:800 14px var(--display);margin:4px 0 0;color:var(--text)}
.side-heading select,#standingsLeague{
  max-width:130px;min-width:0;padding:6px 7px;border:1px solid #34483d;border-radius:8px;
  background:#17251f!important;color:#dce8e0!important;font-size:9px;
}
#standingsList{overflow-x:auto}
.side-note{color:var(--muted);font-size:10px;line-height:1.65}
.standings-table{width:100%;min-width:0!important;border-collapse:collapse;font-size:9px!important}
.standings-table th,.standings-table td{padding:7px 3px!important;border-bottom:1px solid #263831;text-align:right;white-space:nowrap}
.standings-table th:first-child,.standings-table td:first-child,.standings-table th:nth-child(2),.standings-table td:nth-child(2){text-align:left}
.standings-table th{color:#91a59a;font-weight:850}
.standings-table td{color:#c8d6cd}
.standings-table td:last-child{color:#6fe3ad;font-weight:950}
.standings-table tbody tr:nth-child(even),.standings-table tbody tr:nth-child(odd){background:transparent!important}
.standings-table tbody tr:hover{background:#1b3026!important}
.standings-team{display:flex;align-items:center;gap:5px;max-width:105px;overflow:hidden;text-overflow:ellipsis}
.standings-team img{width:17px;height:17px;object-fit:contain}
.explore-card{padding:16px!important}
.explore-card h3{font-size:15px;margin:6px 0 11px}
.explore-card>a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--line-soft);color:#d7e5dc;text-decoration:none;font-size:10px;font-weight:800}
.explore-card>a span{color:var(--green)}
.explore-card .side-note{margin:10px 0 0}
.news-section,.clubs-section{padding:26px 0 25px!important;border-top:1px solid var(--line-soft);margin-top:10px}
.news-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.news-heading h2{font:800 22px var(--display);letter-spacing:-.6px;color:var(--text);margin:5px 0}
.news-heading p{margin:0;color:var(--muted);font-size:12px}
.news-more{color:var(--green);font-size:11px;font-weight:850;text-decoration:none;white-space:nowrap}
.news-more:hover,.side-more:hover,.rail-more:hover{color:#a0f0c9}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.news-card{
  display:flex;flex-direction:column;min-width:0;overflow:hidden;
  border:1px solid var(--line);border-radius:13px;background:#14201e;
  color:inherit;text-decoration:none;box-shadow:0 5px 18px #0002;
  transition:transform .17s,border-color .17s,background .17s;
}
.news-card:hover{transform:translateY(-2px);border-color:#3c7659;background:#182923}
.news-card:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.news-image{width:100%;height:145px;object-fit:cover;background:linear-gradient(135deg,#172b24,#234d37)}
.news-card-content{display:flex;flex:1;flex-direction:column;padding:14px}
.news-meta{color:#70dda8;font-size:9px;font-weight:900;letter-spacing:.6px;text-transform:uppercase}
.news-card h3{margin:8px 0;color:#edf5f0;font:800 14px/1.42 var(--display)}
.news-card p{margin:0 0 13px;color:#9caf9f;font-size:11px;line-height:1.65}
.news-card-link{margin-top:auto;color:#70e5b0;font-size:10px;font-weight:950}
.news-placeholder{grid-column:1/-1;padding:22px;border:1px dashed #34483d;border-radius:12px;background:#121e1b;color:var(--muted);font-size:11px}
.news-footnote,.clubs-caption{margin-top:11px;color:#75897e;font-size:9px}
.news-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.05fr 1fr}
.news-card:first-child .news-image{height:100%;min-height:235px}
.news-card:first-child .news-card-content{justify-content:center;padding:19px}
.news-card:first-child h3{font-size:18px;line-height:1.35}
.clubs-section{padding-bottom:35px!important}
.clubs-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:13px 0}
.clubs-tools input,.clubs-tools select{
  min-height:39px;padding:9px 12px;border:1px solid #304239;border-radius:9px;
  background:#14201d;color:#e1ebe4;font:inherit;font-size:11px;
}
.clubs-tools input{min-width:220px;flex:1}
.clubs-tools input::placeholder{color:#71857a}
.clubs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.club-tile{
  display:flex;align-items:center;gap:10px;min-width:0;padding:11px;
  border:1px solid #293c34;border-radius:11px;background:#14201e;
  color:#e2ece5;text-decoration:none;transition:transform .16s,border-color .16s,background .16s;
}
.club-tile:hover{transform:translateY(-1px);border-color:#3d795b;background:#1a2d24}
.club-tile img{width:34px;height:34px;flex:0 0 34px;object-fit:contain}
.club-tile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.club-tile small{display:block;color:#8fa196;font-size:9px}
.seo-intro{margin:20px 0 40px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#111c1a;color:var(--muted);box-shadow:0 7px 22px #0002}
.seo-intro h2{margin:0 0 10px;color:var(--text);font:800 18px var(--display)}
.seo-intro p{margin:8px 0;font-size:11px;line-height:1.8}
.seo-intro a{color:var(--green);font-weight:800;text-decoration:none}
.seo-intro a:hover{text-decoration:underline}
.empty,.loading{padding:28px 18px;text-align:center;color:var(--muted);font-size:11px}
.empty{border:1px dashed #34483d;border-radius:11px;background:#121d1a}
.spinner{display:inline-block;width:17px;height:17px;margin-right:8px;border:2px solid #365145;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}
.error{padding:15px;border:1px solid #754348;border-radius:11px;background:#2a191a;color:#ffc5c5;font-size:11px}
.modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:20px;background:#030807d9;backdrop-filter:blur(8px)}
.modal.open{display:flex}
.modal-box{width:min(820px,100%);max-height:90vh;overflow:auto;padding:20px;border:1px solid #354b40;border-radius:17px;background:#121e1b;box-shadow:0 25px 80px #0008;overscroll-behavior:contain}
.modal-head{position:sticky;top:-20px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0 13px;background:#121e1b}
.modal-head h3{margin:0;font:800 16px var(--display)}
.close{padding:7px 11px;border:1px solid #35483e;border-radius:8px;background:#1a2a23;color:#dce8e0;font-size:10px;font-weight:800}
.modal-body{color:#c5d4ca;font-size:11px;line-height:1.75}
.match-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px;margin:12px 0 18px;border:1px solid #2b493b;border-radius:13px;background:linear-gradient(135deg,#172a22,#14201d)}
.match-side{text-align:center;min-width:0}
.match-side img{display:block;width:42px;height:42px;object-fit:contain;margin:0 auto 7px}
.match-side strong{display:block;font-size:12px}
.match-score{color:#f1f8f3;font:800 29px var(--display);white-space:nowrap}
.match-state{text-align:center;color:#69e4ac;font-size:9px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
.match-stats{display:grid;gap:6px;margin:12px 0 20px}
.match-stat{display:grid;grid-template-columns:55px 1fr 55px;gap:10px;align-items:center;padding:7px 8px;border-bottom:1px solid #263831;font-size:10px}
.match-stat:nth-child(even){background:#182721;border-radius:7px}
.match-stat span:first-child{text-align:left;font-weight:850}
.match-stat span:last-child{text-align:right;font-weight:850}
.match-stat b{text-align:center;color:#91a49a;font-size:9px;font-weight:650}
.match-detail-title{margin:20px 0 10px;color:var(--text);font:800 15px var(--display)}
.match-event{display:flex;gap:10px;padding:9px 8px;border-bottom:1px solid #263831;color:#c4d2c9;font-size:10px}
.match-event:nth-child(even){background:#182721;border-radius:7px}
.match-event time{min-width:40px;color:#68e4ad;font-weight:900}
.match-note{margin-top:14px;color:#91a49a;font-size:9px}
footer{padding:22px 0;border-top:1px solid var(--line-soft);color:#82958a;font-size:10px}
.footer-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
@media(max-width:1180px){
  .dashboard-layout{grid-template-columns:190px minmax(0,1fr) 275px;gap:12px}
  .shell{padding-left:19px;padding-right:19px}
  .match-panel{padding:13px}
  .match{grid-template-columns:88px minmax(0,1fr) 82px;padding:10px;gap:9px}
  .match-controls .tab{padding:7px 9px}
}
@media(max-width:980px){
  .dashboard-layout{grid-template-columns:190px minmax(0,1fr)}
  .sidebar{position:static;grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)}
  .competition-rail{position:static}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .shell{padding-left:12px;padding-right:12px}
  header{height:auto;min-height:62px}
  .nav{min-height:62px;flex-wrap:wrap;gap:7px 12px;padding-top:7px;padding-bottom:7px}
  .brand{font-size:21px}.brand-mark{width:34px;height:34px}
  .nav-right{margin-left:auto}.live-pill{font-size:8px;padding:6px 8px}
  .navlinks{order:3;width:100%;display:flex;overflow-x:auto;gap:18px;padding:1px 0 3px;white-space:nowrap;font-size:10px;scrollbar-width:none}
  .navlinks::-webkit-scrollbar,.league-list::-webkit-scrollbar{display:none}
  .score-masthead{align-items:flex-start;padding:20px 0 15px;margin-bottom:13px;gap:9px}
  .score-masthead h1{font-size:29px;letter-spacing:-1.4px}
  .score-masthead p{max-width:225px;font-size:10px}
  .score-masthead-tools{min-width:0;display:grid;gap:5px;padding:8px 9px}
  .score-live-indicator{font-size:8px}.score-update{font-size:8px;gap:5px}
  .score-update button{width:27px;height:27px}
  .dashboard-layout{display:flex;flex-direction:column;gap:10px}
  .competition-rail{width:100%;padding:10px;border-radius:12px}
  .rail-heading{padding-bottom:8px}.rail-heading h2{font-size:12px}
  .league-list{display:flex;overflow-x:auto;gap:5px;padding:8px 0 2px;scrollbar-width:thin}
  .league-item{flex:0 0 auto;white-space:nowrap;min-height:35px;padding:6px 8px!important;background:#172720!important;font-size:9px!important}
  .league-icon{width:22px!important;height:22px!important;flex-basis:22px}
  .rail-more{display:none}
  .match-panel{width:100%;padding:10px;border-radius:12px}
  .match-panel-heading h2{font-size:15px}
  .match-controls{align-items:stretch;gap:8px}
  .match-controls .tabs{width:100%;justify-content:space-between}
  .match-controls .tab{flex:1;padding:7px 3px;font-size:9px}
  .date-tools{width:100%;justify-content:space-between}
  .date-tools input{flex:1;max-width:150px}
  .match{grid-template-columns:66px minmax(0,1fr) 60px;gap:5px;padding:9px 7px;min-height:76px}
  .league{font-size:7px;letter-spacing:.2px}.kickoff{font-size:9px}
  .team{font-size:10px;gap:5px}.crest,.crest-fallback{width:20px;height:20px;flex-basis:20px}
  .score{font-size:13px}.match-meta .status{font-size:7px}.details{font-size:7px;letter-spacing:0}
  .match-panel-foot{font-size:8px}
  .sidebar{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .news-section,.clubs-section{padding-top:19px!important}
  .news-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .news-heading h2{font-size:19px}
  .news-heading p{font-size:10px}
  .news-grid{grid-template-columns:1fr}
  .news-card:first-child{display:flex;grid-column:auto}
  .news-card:first-child .news-image{height:165px;min-height:0}
  .news-card:first-child .news-card-content{padding:13px}
  .news-card:first-child h3{font-size:15px}
  .news-image{height:165px}
  .clubs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .club-tile{padding:9px;gap:7px}
  .club-tile img{width:29px;height:29px;flex-basis:29px}
  .clubs-tools{align-items:stretch}
  .clubs-tools input,.clubs-tools select{width:100%;min-width:0}
  .modal{align-items:flex-end;padding:0}
  .modal-box{width:100%;max-height:92dvh;padding:16px 13px calc(18px + env(safe-area-inset-bottom));border-radius:19px 19px 0 0;border-bottom:0}
  .modal-head{top:-16px}
  .match-scoreboard{gap:5px;padding:12px}
  .match-side strong{font-size:10px}.match-side img{width:32px;height:32px}
  .match-score{font-size:23px}
  .seo-intro{padding:16px}
}
@media(min-width:681px) and (max-width:980px){
  .competition-rail{grid-column:1/-1}
  .league-list{display:flex;overflow-x:auto;gap:5px}
  .league-item{white-space:nowrap;flex:0 0 auto;padding:7px 10px!important}
  .rail-more{display:none}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Responsive fit refinements */
@media(max-width:680px){
  body{overflow-x:hidden}
  .score-masthead{display:grid;grid-template-columns:minmax(0,1fr);gap:11px}
  .score-masthead-copy{min-width:0}
  .score-masthead-tools{width:100%;max-width:none;min-width:0;display:flex;justify-content:space-between;gap:8px}
  .score-live-indicator,.score-update{min-width:0}
  .score-update span{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav,.navlinks,.nav-right{min-width:0;max-width:100%}
  .live-pill{max-width:100%;overflow:hidden}
  .dashboard-layout,.match-panel,.match-list,.match{min-width:0;max-width:100%}
  .match{grid-template-columns:62px minmax(0,1fr) 52px}
  .match-meta .status{display:block;max-width:52px;white-space:normal;line-height:1.25}
  .match-clickable .details{display:none}
}