/* ==========================================================================
   Stats hub — 1:1 port of Stats.dc.html (values straight from the prototype).
   Breakpoints from the prototype script: headCols 1000, cards 1100/640, page 1100,
   more 1100/700, news 1100/640, filters 900, board form 700, board club 560.
   ========================================================================== */
/* the sticky black header already covers the prototype's 105px black band, so no .sl-page gradient here */
.sl-stats-page{min-height:60vh;background:var(--bg)}
.sl-stats{padding-top:18px;padding-bottom:56px;display:flex;flex-direction:column;gap:20px}
.sl-stats [hidden]{display:none!important}
.sl-stats__crumbs{margin:0;gap:8px}
.sl-stats__crumbs a{color:var(--faint)}
.sl-stats__crumbs a:hover{color:#111}

/* head */
.sl-stats__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px 40px;align-items:center}
.sl-stats__intro{display:flex;flex-direction:column;gap:8px;min-width:0}
.sl-stats__h1{margin:0;display:flex;align-items:center;gap:16px;font-family:var(--font-display);font-weight:800;font-size:clamp(36px,3.6vw,48px);line-height:0.9;letter-spacing:-0.02em;text-transform:uppercase}
.sl-stats__live{display:flex;align-items:center;gap:8px;font-size:var(--text-ui);letter-spacing:0.1em;color:var(--accent)}
.sl-stats__live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-out infinite}
.sl-stats__lead{margin:0;font-family:var(--font-body);font-size:var(--text-nav);line-height:1.5;color:#333;max-width:640px}
.sl-stats__seo{margin:0;font-family:var(--font-body);font-size:var(--text-ui);line-height:1.6;color:#666;max-width:720px;text-wrap:pretty}
.sl-stats__seo p{margin:0}
.sl-stats__seo p + p{margin-top:8px}
.sl-stats__search{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-sm);transition:border-color var(--dur) var(--ease)}
.sl-stats__search:focus-within{border-color:#111}
.sl-stats__search svg{color:#777;flex-shrink:0}
.sl-stats__search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-family:var(--font-body);font-size:var(--text-nav);color:#111}
.sl-stats__search input::-webkit-search-cancel-button{-webkit-appearance:none}

/* sport strip */
.sl-stats__strip{position:relative;z-index:6;display:flex;align-items:stretch;height:50px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md)}
.sl-stats__strip-in{display:flex;align-items:stretch;justify-content:space-between;flex:1;min-width:0;overflow:hidden;padding:0 6px}
.sl-stats__chip[hidden]{display:none}
.sl-stats__more-btn{flex-shrink:0;display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;margin:6px 6px 6px 0;border:0;cursor:pointer;border-radius:18px;background:#111;color:#fff;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap}
.sl-stats__more-btn[hidden]{display:none}
.sl-stats__more-btn.is-active{background:var(--accent)}
.sl-stats__more-chev{transition:transform var(--dur) var(--ease)}
.sl-stats__more-btn.is-open .sl-stats__more-chev{transform:rotate(180deg)}
.sl-stats__spanel{position:absolute;right:0;top:calc(100% + 6px);width:min(560px,92vw);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;padding:8px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 18px 40px rgba(0,0,0,0.14)}
.sl-stats__spanel[hidden]{display:none}
.sl-stats__spanel{overflow:hidden}
.sl-stats__spanel-item{min-width:0}
@media (max-width:640px){.sl-stats__spanel{left:6px;right:6px;width:auto}}
.sl-stats__spanel-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 10px;border-radius:var(--r-sm);color:#111;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.06em;text-transform:uppercase}
.sl-stats__spanel-item[hidden]{display:none}
.sl-stats__spanel-item .sl-mask{color:#888}
.sl-stats__spanel-item.is-active{background:var(--accent);color:#fff}
.sl-stats__spanel-item.is-active .sl-mask{color:#fff}
.sl-stats__spanel-item:hover{background:#111;color:#fff}
.sl-stats__spanel-item:hover .sl-mask{color:#fff}
.sl-stats__chip{flex:1 0 auto;justify-content:center;display:flex;align-items:center;gap:9px;padding:0 14px;margin:7px 2px;border-radius:18px;background:transparent;color:#444;font-family:var(--font-display);font-weight:700;font-size:var(--text-ui);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;transition:background var(--dur-slow) var(--ease),color var(--dur-slow) var(--ease)}
.sl-stats__chip .sl-mask{color:#888;transition:color var(--dur-slow) var(--ease)}
.sl-stats__chip.is-off{color:#bbb;cursor:default}
.sl-stats__chip.is-off .sl-mask{color:#ccc}
.sl-stats__chip.is-active{background:var(--accent);color:#fff}
.sl-stats__chip.is-active .sl-mask{color:#fff}
@media (hover:hover) and (pointer:fine){
  .sl-stats__chip:not(.is-active):not(.is-off):hover{background:#f1f1ef;color:#111}
  .sl-stats__chip:not(.is-active):not(.is-off):hover .sl-mask{color:var(--accent)}
}
/* STRIPN = max(3, floor((min(vw,1440) - 2*gutter - 40) / 118)) — chips beyond it are not rendered by the prototype */

/* panel = filters + cards + main/aside, same 20px rhythm as the page column */
.sl-stats__panel{display:flex;flex-direction:column;gap:20px}

/* filters */
.sl-stats__filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sl-stats__sel{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:160px}
.sl-stats__sel select{appearance:none;-webkit-appearance:none;width:100%;height:40px;padding:0 34px 0 12px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:#fff;font-family:var(--font-body);font-weight:500;font-size:var(--text-ui);color:#111;cursor:pointer;transition:border-color var(--dur) var(--ease)}
.sl-stats__sel select:hover{border-color:#111}
.sl-stats__sel svg{position:absolute;right:12px;pointer-events:none;color:#111}
.sl-stats__updated{margin-left:auto;display:flex;align-items:center;gap:8px;height:40px;padding:0 4px;font-family:var(--font-body);font-size:var(--text-sm);color:var(--faint);white-space:nowrap;flex:0 0 auto}
.sl-stats__updated-dot{width:6px;height:6px;border-radius:50%;background:#1f9d55}

/* top cards */
.sl-stats__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sl-stats__card{display:flex;flex-direction:column;gap:14px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease)}
.sl-stats__card-top{display:flex;align-items:center;gap:10px}
.sl-stats__card-ico{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-sm);background:#f1f1ef}
.sl-stats__card-ico span{width:22px;height:22px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-stats__card-tt{display:flex;flex-direction:column;gap:2px;min-width:0}
.sl-stats__card-title{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:0.02em;text-transform:uppercase;line-height:1}
.sl-stats__card-comp{font-family:var(--font-body);font-size:var(--text-xs);color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__card-body{display:grid;grid-template-columns:56px minmax(0,1fr) 16px;gap:12px;align-items:center}
.sl-stats__card-av{width:56px;height:56px;border-radius:50%;background-position:50% 25%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px var(--line)}
.sl-stats__card-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.sl-stats__card-val{font-family:var(--font-data);font-weight:600;font-size:28px;line-height:1;color:#111}
.sl-stats__card-name{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.05;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease)}
.sl-stats__card-sub{font-family:var(--font-body);font-size:var(--text-xs);color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__card-chev{display:flex;color:#bbb;transform:translateX(0);transition:transform var(--dur) var(--ease),color var(--dur) var(--ease)}
@media (hover:hover) and (pointer:fine){
  .sl-stats__card:hover{border-color:#111}
  .sl-stats__card:hover .sl-stats__card-name{color:var(--accent)}
  .sl-stats__card:hover .sl-stats__card-chev{color:var(--accent);transform:translateX(3px)}
}

/* main + sidebar */
.sl-stats__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.sl-stats__main{min-width:0;display:flex;flex-direction:column;gap:16px}
.sl-stats__sec-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sl-stats__sec-l{display:flex;align-items:center;gap:12px;min-width:0}
.sl-stats__sec-head--bar .sl-stats__sec-l{gap:14px}
.sl-stats__sec-ico{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#0d0d0d;color:#fff}
.sl-stats__bar-v{width:5px;height:30px;background:var(--accent);border-radius:2px;flex-shrink:0}
.sl-stats__h2{margin:0;font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:0;text-transform:uppercase;line-height:1}
.sl-stats__sec-all{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:#444;white-space:nowrap;transition:color var(--dur) var(--ease)}
.sl-stats__sec-all:hover{color:var(--accent)}

/* boards */
.sl-stats__board{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;--cols:var(--cols-l)}
.sl-stats__bhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px}
.sl-stats__btitle{margin:0;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:0;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__board.is-first .sl-stats__btitle{font-size:20px}
.sl-stats__bside{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:#444;white-space:nowrap;transition:color var(--dur) var(--ease)}
.sl-stats__bside:hover{color:var(--accent)}
.sl-stats__board.is-first .sl-stats__bside{display:none}
.sl-stats__bcols{display:grid;grid-template-columns:var(--cols);gap:0 10px;align-items:center;height:36px;padding:0 16px;background:#f6f6f4;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.1em;text-transform:uppercase;color:#666}
.sl-stats__bcols .is-left{text-align:left}
.sl-stats__bcols .is-right{text-align:right}
.sl-stats__bcols .is-bold{color:#111}
.sl-stats__bform-h{text-align:center}
.sl-stats__brows{display:flex;flex-direction:column}
.sl-stats__brow{display:grid;grid-template-columns:var(--cols);gap:0 10px;align-items:center;min-height:52px;padding:6px 16px;border-bottom:1px solid var(--line);background:#fff;transition:background var(--dur) var(--ease)}
.sl-stats__bpos{font-family:var(--font-data);font-weight:600;font-size:var(--text-ui);color:#666}
.sl-stats__brow.is-lead .sl-stats__bpos{color:var(--accent)}
.sl-stats__bwho{display:flex;align-items:center;gap:10px;min-width:0}
.sl-stats__bav{width:30px;height:30px;flex-shrink:0;border-radius:50%;background-position:50% 25%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px var(--line)}
.sl-stats__board.is-team .sl-stats__bav{width:28px;height:28px;border-radius:0}
.sl-stats__bname{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease)}
.sl-stats__brow .sl-stats__bclub{display:flex;align-items:center;gap:8px;min-width:0}
.sl-stats__blogo{width:18px;height:18px;flex-shrink:0;border-radius:0;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-stats__blogo.is-flag{height:12px;border-radius:2px;background-size:cover}
.sl-stats__bsub{font-family:var(--font-body);font-weight:500;font-size:var(--text-ui);color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__bcell{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.sl-stats__bcell.has-bar{justify-content:flex-start}
.sl-stats__bar{display:block;flex:1;height:8px;border-radius:4px;background:#eeeeeb;overflow:hidden}
.sl-stats__bar-fill{display:block;height:100%;background:var(--accent);border-radius:4px}
.sl-stats__bnum{font-family:var(--font-data);font-weight:500;font-size:var(--text-ui);color:#555;white-space:nowrap}
.sl-stats__bcell.is-bold .sl-stats__bnum{font-weight:600;font-size:15px;color:#111}
.sl-stats__bformcell{display:flex;justify-content:center;gap:3px}
.sl-stats__fb{width:18px;height:18px;display:grid;place-items:center;border-radius:3px;background:#757575;color:#fff;font-family:var(--font-display);font-weight:700;font-size:10px}
.sl-stats__fb--W{background:#157a42}
.sl-stats__fb--L{background:var(--accent)}
.sl-stats__bmore{display:flex;align-items:center;justify-content:flex-end;gap:8px;height:44px;padding:0 16px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:#444;transition:color var(--dur) var(--ease)}
.sl-stats__bmore:hover{color:var(--accent)}
@media (hover:hover) and (pointer:fine){
  .sl-stats__brow:hover{background:#f7f7f5}
  .sl-stats__brow:hover .sl-stats__bname{color:var(--accent)}
}
@media (max-width:699px){
  .sl-stats__board{--cols:var(--cols-m)}
  .sl-stats__bform-h,.sl-stats__bformcell{display:none}
}
@media (max-width:559px){
  .sl-stats__board{--cols:var(--cols-s)}
  .sl-stats__bcols .sl-stats__bclub,.sl-stats__brow .sl-stats__bclub{display:none}
}

/* sidebar lists */
.sl-stats__aside{min-width:0;display:flex;flex-direction:column;gap:14px}
.sl-stats__side{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.sl-stats__side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;height:48px;padding:0 16px;border-bottom:1px solid var(--line)}
.sl-stats__side-title{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:0.01em;text-transform:uppercase;line-height:1}
.sl-stats__dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}
.sl-stats__dot--8{width:8px;height:8px}
.sl-stats__side-all{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:#666;transition:color var(--dur) var(--ease)}
.sl-stats__side-all:hover{color:#111}
.sl-stats__side-list{display:flex;flex-direction:column;padding:6px}
.sl-stats__srow{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding:8px 10px 8px 8px;border-radius:var(--r-sm);background:transparent;transition:background var(--dur) var(--ease)}
.sl-stats__sav{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#f4f4f2;box-shadow:inset 0 0 0 1px var(--line)}
.sl-stats__sav.has-photo{background:#161616}
.sl-stats__sphoto{position:absolute;inset:0;border-radius:50%;display:block;background-size:cover;background-position:50% 25%}
.sl-stats__slogo{width:24px;height:24px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-stats__srank{position:absolute;left:-3px;top:-3px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#0d0d0d;color:#fff;font-family:var(--font-display);font-weight:800;font-size:9px;line-height:1;box-shadow:0 0 0 2px #fff;transition:background var(--dur) var(--ease)}
.sl-stats__srow.is-first .sl-stats__srank{background:var(--accent)}
.sl-stats__stext{display:flex;flex-direction:column;gap:4px;min-width:0}
.sl-stats__swho{font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur) var(--ease)}
.sl-stats__slabel{font-family:var(--font-body);font-weight:500;font-size:var(--text-xs);line-height:1.2;color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__sbar{display:block;height:3px;width:100%;border-radius:2px;background:#efefec;overflow:hidden;margin-top:1px}
.sl-stats__sbar-fill{display:block;height:100%;border-radius:2px;background:#111;transition:width var(--dur-slow) var(--ease),background var(--dur) var(--ease)}
.sl-stats__srow.is-first .sl-stats__sbar-fill{background:var(--accent)}
.sl-stats__sval{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}
.sl-stats__snum{font-family:var(--font-data);font-weight:600;font-size:18px;line-height:1;color:#111;white-space:nowrap;transition:color var(--dur) var(--ease)}
.sl-stats__srow.is-first .sl-stats__snum{color:var(--accent)}
.sl-stats__sunit{font-family:var(--font-display);font-weight:700;font-size:9px;letter-spacing:0.08em;text-transform:uppercase;color:#6b6b6b;white-space:nowrap}
@media (hover:hover) and (pointer:fine){
  .sl-stats__srow:hover{background:#f6f6f4}
  .sl-stats__srow:hover .sl-stats__swho,.sl-stats__srow:hover .sl-stats__snum{color:var(--accent)}
  .sl-stats__srow:hover .sl-stats__sbar-fill{background:var(--accent)}
}

/* competition highlight */
.sl-stats__hl{display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);transition:border-color var(--dur) var(--ease)}
.sl-stats__hl:hover{border-color:#111}
.sl-stats__hl-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sl-stats__hl-kicker{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:0.01em;text-transform:uppercase}
.sl-stats__hl-view{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:#444}
.sl-stats__hl-body{display:flex;align-items:center;gap:14px}
.sl-stats__hl-logo{width:56px;height:56px;flex-shrink:0;display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-stats__hl-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.sl-stats__hl-name{font-family:var(--font-display);font-weight:800;font-size:22px;line-height:1;text-transform:uppercase}
.sl-stats__hl-meta{font-family:var(--font-body);font-size:var(--text-ui);color:#666}
.sl-stats__hl-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:12px}
.sl-stats__hl-fact{display:flex;flex-direction:column;align-items:center;gap:3px;border-left:1px solid var(--line)}
.sl-stats__hl-fact:first-child{border-left-color:transparent}
.sl-stats__hl-v{font-family:var(--font-data);font-weight:600;font-size:20px;line-height:1}
.sl-stats__hl-l{font-family:var(--font-body);font-size:var(--text-xs);color:#6b6b6b}

/* sections below the panels */
.sl-stats__sec{min-width:0;display:flex;flex-direction:column;gap:14px}

/* more sports tiles */
.sl-stats__more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sl-stats__tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.sl-stats__tile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.sl-stats__tile-l{display:flex;align-items:center;gap:12px;min-width:0}
.sl-stats__tile-ico{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--tint,#111);color:#fff}
.sl-stats__tile-tt{display:flex;flex-direction:column;gap:2px;min-width:0}
.sl-stats__tile-title{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:0.01em;text-transform:uppercase;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__tile-sub{font-family:var(--font-body);font-size:var(--text-xs);color:#6b6b6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__tile-view{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:#444;white-space:nowrap;transition:color var(--dur) var(--ease)}
.sl-stats__tile-view:hover{color:var(--accent)}
.sl-stats__tile-cols{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,0.8fr) 52px;gap:8px;height:32px;align-items:center;padding:0 14px;background:#f6f6f4;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:#666}
.sl-stats__tile-cols .is-right{text-align:right}
.sl-stats__trow{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,0.8fr) 52px;gap:8px;align-items:center;min-height:42px;padding:0 14px;border-top:1px solid var(--line)}
.sl-stats__tpos{font-family:var(--font-data);font-weight:500;font-size:var(--text-xs);color:#6b6b6b}
.sl-stats__twho{display:flex;align-items:center;gap:8px;min-width:0}
.sl-stats__tav{width:26px;height:26px;flex-shrink:0;border-radius:50%;background-color:#eeeeeb;background-size:cover;background-position:50% 25%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px var(--line)}
.sl-stats__tname{font-family:var(--font-display);font-weight:700;font-size:14px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__tclub{display:flex;align-items:center;gap:6px;min-width:0}
.sl-stats__tlogo{width:16px;height:16px;flex-shrink:0;border-radius:0;background-size:contain;background-repeat:no-repeat;background-position:center}
.sl-stats__tlogo.is-flag{height:11px;border-radius:2px;background-size:cover}
.sl-stats__tsub{font-family:var(--font-body);font-weight:500;font-size:var(--text-xs);color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-stats__tval{font-family:var(--font-data);font-weight:600;font-size:14px;text-align:right}

/* news */
.sl-stats__news{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sl-stats__ncard{display:flex;flex-direction:column;gap:10px;min-width:0}
.sl-stats__nmedia{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--r-md);background:#161616}
.sl-stats__nimg{position:absolute;inset:0;background-size:cover;background-position:50% 35%;transform:scale(1);transition:transform var(--dur-img) var(--ease)}
.sl-stats__nmeta{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:8px}
.sl-stats__nchip{display:flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-xs);background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:10px;letter-spacing:0.08em;text-transform:uppercase}
.sl-stats__ntime{font-family:var(--font-data);font-size:var(--text-xs);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,0.6)}
.sl-stats__ntitle{font-family:var(--font-display);font-weight:700;font-size:19px;line-height:1.1;color:#111;text-wrap:pretty;transition:color var(--dur) var(--ease)}
.sl-stats__ndesc{font-family:var(--font-body);font-size:var(--text-ui);line-height:1.5;color:#666;text-wrap:pretty}
@media (hover:hover) and (pointer:fine){
  .sl-stats__ncard:hover .sl-stats__nimg{transform:scale(1.03)}
  .sl-stats__ncard:hover .sl-stats__ntitle{color:var(--accent)}
}

/* responsive (prototype vw thresholds) */
@media (max-width:1099px){
  .sl-stats__cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sl-stats__grid{grid-template-columns:minmax(0,1fr)}
  .sl-stats__more{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sl-stats__news{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:999px){
  .sl-stats__head{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:899px){
  .sl-stats__sel{flex:1 1 45%}
  .sl-stats__updated{flex:1 1 100%}
}
@media (max-width:699px){
  .sl-stats__more{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:639px){
  .sl-stats__cards{grid-template-columns:minmax(0,1fr)}
  .sl-stats__news{grid-template-columns:minmax(0,1fr)}
}
body.sl-reduce-motion .sl-stats__live-dot{animation:none}
.sl-stats__tav--crest{border-radius:6px;background-color:#fff;background-size:80%;background-position:center}