/* StreamEast USA V2 — daily game-directory redesign. Works with V1 game metadata. */
:root { --m-bg:#080a0e; --m-surface:#10141d; --m-surface2:#141924; --m-soft:#1c222e; --m-border:#252c37; --m-ink:#f9fafc; --m-muted:#8c97a6; --m-red:#ff363e; --m-red2:#dd1927; }
html {scroll-behavior:smooth}
body.se-theme {background:var(--m-bg);color:var(--m-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
body.se-theme:before {display:none}
.container {max-width:1260px}
body .se-v2-header {background:#090b0f;border-bottom:1px solid #1b202a;position:relative;z-index:25;box-shadow:none}
body .se-v2-header-inner {height:76px;min-height:76px;display:flex;align-items:center;gap:28px;justify-content:space-between}
body .se-v2-header .se-brand-v2 {min-width:182px;width:182px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-decoration:none;line-height:1}
body .se-v2-header .se-brand-word,body .se-v2-footer .se-brand-word {font-family:Inter,Arial,sans-serif;font-weight:950;color:#fff;font-size:26px;letter-spacing:-1.35px;white-space:nowrap;display:block}
body .se-v2-header .se-brand-word span,body .se-v2-footer .se-brand-word span {margin-left:2px;display:inline-block;background:#fff;color:#101217;padding:3px 5px 4px;border-radius:3px;letter-spacing:-1.1px}
body .se-v2-header .se-brand-caption,body .se-v2-footer .se-brand-caption {display:block;font-size:9px;color:#a9b1bf;letter-spacing:2.2px;font-weight:750;white-space:nowrap}
body .se-v2-header-nav {display:flex;gap:0;align-items:stretch;min-width:0;flex:1;justify-content:flex-end;overflow-x:auto;scrollbar-width:none;height:100%}
body .se-v2-header-nav::-webkit-scrollbar {display:none}
body .se-v2-header-nav>a {display:inline-flex;align-items:center;padding:0 11px;font-size:11px;letter-spacing:.25px;color:#c6ced8;text-decoration:none;font-weight:850;white-space:nowrap;position:relative;transition:.18s}
body .se-v2-header-nav>a:hover,body .se-v2-header-nav>a.is-current,body .se-v2-header-nav>a.is-active {color:#fff}
body .se-v2-header-nav>a.is-current:after,body .se-v2-header-nav>a.is-active:after {content:'';position:absolute;height:3px;background:var(--m-red);bottom:0;left:11px;right:11px;border-radius:5px 5px 0 0}
body .se-v2-header-nav .sport-emoji {display:none}
body .se-v2-header .header-actions {display:flex;gap:6px}
body .se-v2-header .icon-button {background:#151a23;width:36px;height:36px;border-radius:10px;border:1px solid #28303c;color:#fff}
body .se-v2-header .icon-button:hover {background:#292f39}
body .se-v2-header .menu-toggle {display:none}
body .se-v2-header .search-panel {background:#151b26;border:1px solid #303946;border-radius:12px;margin-top:8px;padding:15px}
body .se-v2-header .search-panel[hidden],body .se-v2-header .mobile-menu[hidden] {display:none!important}
body .se-v2-home {min-height:70vh;background:radial-gradient(ellipse 60% 350px at 50% 0%,rgba(138,22,39,.11),transparent 79%),#080a0e;padding-bottom:48px}
body .se-v2-content {padding-top:23px}
.se-v2-ticker {min-height:44px;display:flex;align-items:center;gap:11px;padding:10px 16px;border:1px solid #262e39;border-radius:10px;background:#121720;color:#aab3c0;font-size:12px}
.se-v2-ticker-pulse,.se-v2-live-dot {width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--m-red);box-shadow:0 0 0 4px rgba(255,54,62,.11)}
.se-v2-ticker strong {color:#e9edf3;font-size:11px;letter-spacing:.85px}
.se-v2-ticker a {margin-left:auto;color:#fff;text-decoration:none;font-weight:850;font-size:11px;white-space:nowrap}
.se-v2-ticker a:hover {color:#ff6e74}
.se-v2-ticker a span {color:var(--m-red);margin-left:5px}
.se-v2-intro {display:flex;align-items:flex-end;justify-content:space-between;gap:26px;padding:43px 3px 32px}
.se-v2-eyebrow {display:flex;align-items:center;gap:8px;color:#c6cdd6;font-size:11px;letter-spacing:1.65px;font-weight:850;margin-bottom:10px}
.se-v2-red-mark {height:12px;width:4px;background:var(--m-red);border-radius:5px}
.se-v2-intro h1 {font-size:clamp(38px,5.2vw,65px);line-height:1.08;margin:0;font-weight:950;letter-spacing:-2.5px;color:#fff}
.se-v2-intro h1 span {color:var(--m-red)}
.se-v2-intro .se-v2-title-period {color:#fff}
.se-v2-intro p {color:#a0a9b5;font-size:14px;margin:14px 0 0;line-height:1.6}
.se-v2-intro-side {min-width:265px;text-align:right;display:flex;flex-direction:column;gap:13px;align-items:flex-end}
.se-v2-intro-date {display:flex;gap:12px;text-align:left;align-items:center;font-size:14px;font-weight:800;color:#e7ebf0}
.se-v2-calendar {display:grid;place-items:center;background:#1e2530;color:#ff5860;border:1px solid #313a46;width:44px;height:44px;border-radius:10px;font-size:26px}
.se-v2-intro-date small {display:block;font-size:10px;color:#909baa;margin-top:5px;letter-spacing:.75px;font-weight:750}
.se-v2-quick-stats {display:flex;gap:18px;color:#95a0ae;font-size:11px}
.se-v2-quick-stats strong {color:#fff;font-size:15px;margin-right:3px}
.se-v2-quick-stats .se-v2-stat-live {color:var(--m-red)}
.se-v2-utility {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #252b36;gap:14px;padding-bottom:14px}
.se-v2-days {display:inline-flex;gap:5px;border-radius:11px;background:#131822;padding:5px;border:1px solid #2a313c}
.se-v2-days a {color:#99a4b2;font-size:11px;font-weight:900;letter-spacing:.5px;display:flex;gap:8px;align-items:center;padding:11px 18px;border-radius:7px;text-decoration:none;white-space:nowrap}
.se-v2-days a:hover {color:#fff;background:#222a35}
.se-v2-days a.is-selected {background:#f62e39;color:#fff;box-shadow:0 3px 11px #f62e393b}
.se-v2-today-indicator {width:6px;height:6px;background:#fff;border-radius:50%}
.se-v2-filter-caption {font-size:10px;font-weight:850;color:#788594;letter-spacing:1.1px}
.se-v2-filter-caption span {font-size:17px;margin-left:5px;color:var(--m-red)}
.se-v2-filters {display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#3a424c transparent;padding:21px 0 9px;margin-bottom:17px}
.se-v2-filter {flex:0 0 auto;background:#151b24;color:#b5c0cd;border:1px solid #2c3440;border-radius:9px;padding:11px 15px;cursor:pointer;font-size:11px;font-weight:900;letter-spacing:.4px;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.se-v2-filter span {margin-left:7px;border:1px solid #3a4250;border-radius:5px;color:#c5cdd8;padding:1px 5px;background:#202630;font-variant-numeric:tabular-nums}
.se-v2-filter:hover {color:#fff;background:#222b39}
.se-v2-filter.is-active {border-color:rgba(255,65,75,.54);background:rgba(255,54,62,.12);color:#fff}
.se-v2-filter.is-active span {background:rgba(255,54,62,.15);border-color:#853943;color:#fff}
.se-v2-live-summary {display:flex;gap:12px;align-items:center;border:1px solid #5b242d;background:linear-gradient(90deg,#261016,#14141a);border-radius:11px;padding:13px 17px;margin-bottom:22px;color:#e3ccd1;font-size:12px}
.se-v2-live {display:inline-flex;gap:7px;align-items:center;color:#fff;background:#e21e30;border-radius:5px;font-size:10px;font-weight:900;letter-spacing:.6px;padding:7px 9px;flex-shrink:0}
.se-v2-live-dot {width:6px;height:6px;background:#fff;box-shadow:0 0 0 3px #ffffff2b}
.se-v2-live-explainer {margin-left:auto;color:#ad8f97;font-size:11px}
.se-v2-match-sections {display:grid;gap:24px}
.se-v2-group {display:block;min-width:0}
.se-v2-group[hidden],.se-v2-group.is-filtered {display:none!important}
.se-v2-group-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.se-v2-group-name {display:flex;gap:13px;align-items:center}
.se-v2-group-icon {width:43px;height:43px;display:flex;align-items:center;justify-content:center;background:#181e28;border:1px solid #303948;border-radius:10px;font-size:22px}
.se-v2-group h2 {font-size:18px;font-weight:900;letter-spacing:-.4px;display:flex;gap:10px;align-items:center;margin:0;color:#fff}
.se-v2-group h2 span {font-size:9px;letter-spacing:.5px;font-weight:900;color:#b9c2ce;border:1px solid #2c3542;border-radius:5px;padding:4px 7px;background:#202733}
.se-v2-group-name p {margin:4px 0 0;font-size:11px;color:#7c899b}
.se-v2-view-all {font-size:10px;font-weight:900;letter-spacing:.55px;color:#fff;text-decoration:none;border:1px solid #2a343f;border-radius:8px;padding:10px 13px;background:#161b24;white-space:nowrap}
.se-v2-view-all:hover {background:#232b36}
.se-v2-view-all span {color:var(--m-red);margin-left:6px;font-size:15px}
.se-v2-rows {display:flex;flex-direction:column;gap:7px}
.se-v2-match {display:grid;grid-template-columns:120px minmax(0,1fr) minmax(105px,165px) 137px;align-items:center;gap:16px;border:1px solid #29313d;border-radius:11px;background:linear-gradient(120deg,#161c26,#111720);color:#fff;min-height:78px;text-decoration:none;padding:10px 16px;transition:background .15s,transform .15s,border-color .15s;min-width:0}
.se-v2-match:hover {transform:translateY(-1px);border-color:#4d5a6c;background:linear-gradient(120deg,#202836,#161e29);color:#fff}
.se-v2-game-time {border-right:1px solid #293340;padding-right:10px;min-width:0;color:#c4ccd5;font-size:12px;font-weight:850;letter-spacing:.1px;white-space:nowrap;font-variant-numeric:tabular-nums}
.se-v2-finished {color:#aab3bd;letter-spacing:.6px;font-size:10px}
.se-v2-versus {display:flex;gap:13px;align-items:center;min-width:0}
.se-v2-team {min-width:0;max-width:45%;display:inline-flex;align-items:center;gap:9px;color:#f4f7fb;font-size:13px}
.se-v2-team strong {font-weight:800;white-space:normal;line-height:1.3;overflow-wrap:anywhere}
.se-v2-vs {font-size:9px;color:#738397;font-weight:900;letter-spacing:1.2px;flex-shrink:0}
.se-v2-match .team-avatar {background:#232f3e;border:1px solid #35475d;color:#fff;border-radius:50%;font-size:10px;font-weight:800;width:32px;height:32px;min-width:32px;display:inline-flex;justify-content:center;align-items:center;overflow:hidden}
.se-v2-match .team-avatar img {object-fit:contain;width:100%;height:100%}
.se-v2-league {text-align:right;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#8392a5}
.se-v2-watch {display:inline-flex;justify-content:center;align-items:center;gap:8px;color:#bfcbd6;white-space:nowrap;font-size:10px;font-weight:950;border:1px solid #374150;border-radius:7px;padding:11px 10px;letter-spacing:.4px}
.se-v2-watch.has-streams {color:#fff;border-color:#ed3440;background:#df2632}
.se-v2-watch span {font-size:14px}
.se-v2-empty {border:1px dashed #414856;border-radius:14px;background:#121720;padding:54px 25px;text-align:center}
.se-v2-empty-icon {width:60px;height:60px;border-radius:14px;margin:0 auto 15px;display:grid;place-items:center;background:#242c3a;color:var(--m-red);font-size:30px}
.se-v2-empty h2 {font-size:23px;margin:0 0 11px;color:#fff}
.se-v2-empty p {max-width:540px;color:#9ba5b4;font-size:13px;line-height:1.7;margin:0 auto 25px}
.se-v2-empty-cta {display:inline-block;background:#e62a35;padding:12px 18px;border-radius:8px;color:#fff;font-size:11px;font-weight:900;text-decoration:none}
.se-v2-end-bar {display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(110deg,#25141b,#141a23);border:1px solid #513039;border-radius:13px;padding:24px 28px;margin:33px 0 14px}
.se-v2-end-bar strong {color:#fff;font-size:15px;letter-spacing:.2px}
.se-v2-end-bar p {margin:8px 0 0;font-size:12px;color:#9a9fac;line-height:1.5}
.se-v2-end-bar a {display:inline-flex;align-items:center;gap:12px;background:#ed2836;padding:13px 18px;color:#fff;text-decoration:none;font-size:11px;font-weight:900;white-space:nowrap;border-radius:8px}
.se-v2-end-bar a:hover {background:#ff3d49}
.se-v2-note {font-size:11px;color:#667282;line-height:1.7;text-align:center;margin:19px 0 0}
body .se-v2-footer {background:#0c1016;border-top:1px solid #222b35;margin-top:0;padding:31px 0 20px;color:#9aa5b2}
.se-v2-footer-main {display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:23px}
.se-v2-footer .se-brand-v2 {text-decoration:none;display:inline-flex;flex-direction:column;gap:6px}
.se-v2-footer .se-brand-word {font-size:19px}
.se-v2-footer .se-brand-caption {font-size:7px}
.se-v2-footer-main p {font-size:11px;margin:12px 0 0}
.se-v2-footer-main nav {display:flex;gap:22px}
.se-v2-footer-main nav a {text-decoration:none;color:#bdc5cf;font-size:12px;font-weight:750}
.se-v2-footer-main nav a:hover {color:#fff}
.se-v2-footer-bottom {padding-top:16px;border-top:1px solid #222b35;display:flex;justify-content:space-between;gap:25px;color:#6f7c89;font-size:10px;line-height:1.7}
body .se-v2-header .mobile-menu {position:absolute;top:76px;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:#0e141d;border:1px solid #273040;padding:14px;border-radius:0 0 14px 14px;box-shadow:0 20px 50px #0009}
body .se-v2-header .mobile-menu a {color:#e8edf4;border:1px solid #293443;border-radius:6px;text-decoration:none;background:#19212b;font-size:12px;font-weight:750;padding:9px}
body .se-v2-header .mobile-menu .sport-emoji {margin-right:5px}
/* Keep the existing single-game player and sport archive templates fully styled. */
body .archive-page,body .single-game-page {padding-top:26px}
@media(max-width:1140px) {
  body .se-v2-header-inner {gap:17px}
  body .se-v2-header-nav>a {padding:0 8px;font-size:10px}
  body .se-v2-header .se-brand-v2 {min-width:158px;width:158px}
  body .se-v2-header .se-brand-word {font-size:22px}
  body .se-v2-header .se-brand-caption {font-size:8px}
}
@media(max-width:900px) {
  body .se-v2-header-nav {display:none}
  body .se-v2-header .menu-toggle {display:grid}
  body .se-v2-header-inner {height:66px;min-height:66px}
  body .se-v2-header .mobile-menu {top:66px}
  .se-v2-match {grid-template-columns:100px minmax(0,1fr) 130px;gap:12px}
  .se-v2-league {display:none}
  .se-v2-intro {align-items:flex-start}
  .se-v2-intro-side {min-width:auto}
}
@media(max-width:600px) {
  body .se-v2-header-inner {height:63px;min-height:63px}
  body .se-v2-header .mobile-menu {top:63px;grid-template-columns:repeat(2,minmax(0,1fr))}
  body .se-v2-header .se-brand-word {font-size:22px}
  body .se-v2-content {padding-top:12px}
  .se-v2-ticker {padding:10px 12px;gap:9px}
  .se-v2-ticker strong {font-size:10px}
  .se-v2-ticker>span:not(.se-v2-ticker-pulse) {display:none}
  .se-v2-ticker a {font-size:10px}
  .se-v2-intro {padding:28px 0 23px;display:block}
  .se-v2-intro h1 {font-size:clamp(37px,9vw,50px);letter-spacing:-1.7px}
  .se-v2-intro p {font-size:12px;margin-top:9px}
  .se-v2-intro-side {flex-direction:row;justify-content:space-between;align-items:center;margin-top:23px;text-align:left;gap:8px}
  .se-v2-intro-date {font-size:12px;gap:8px}
  .se-v2-calendar {width:36px;height:36px;font-size:20px}
  .se-v2-intro-date small {font-size:8px}
  .se-v2-quick-stats {gap:8px;flex-direction:column;text-align:right;font-size:10px}
  .se-v2-quick-stats strong {font-size:13px}
  .se-v2-utility {padding-bottom:13px}
  .se-v2-days {width:100%}
  .se-v2-days>a {flex:1;justify-content:center;padding:12px 6px;font-size:10px}
  .se-v2-filter-caption {display:none}
  .se-v2-filters {padding-top:14px;gap:7px;margin-bottom:11px}
  .se-v2-filter {padding:9px 11px;font-size:10px}
  .se-v2-live-summary {flex-wrap:wrap}
  .se-v2-live-explainer {display:none}
  .se-v2-match-sections {gap:21px}
  .se-v2-group-icon {width:37px;height:37px;font-size:18px;border-radius:8px}
  .se-v2-group-name {gap:9px}
  .se-v2-group h2 {font-size:15px;gap:6px}
  .se-v2-group h2 span {font-size:8px;padding:3px 5px}
  .se-v2-view-all {font-size:9px;padding:7px 10px}
  .se-v2-match {grid-template-columns:65px minmax(0,1fr) 27px;gap:8px;padding:9px 10px;min-height:72px;border-radius:9px}
  .se-v2-game-time {font-size:9px;padding-right:6px}
  .se-v2-match .se-v2-live {font-size:8px;padding:5px 4px;gap:4px}
  .se-v2-versus {gap:5px;flex-direction:column;align-items:flex-start}
  .se-v2-vs {display:none}
  .se-v2-team {max-width:100%;gap:6px;font-size:11px}
  .se-v2-team strong {line-height:1.15}
  .se-v2-match .team-avatar {width:22px;height:22px;min-width:22px;font-size:7px}
  .se-v2-watch {font-size:0;width:27px;height:28px;min-height:0;padding:0;border-radius:6px}
  .se-v2-watch span {font-size:14px}
  .se-v2-end-bar {display:block;padding:18px}
  .se-v2-end-bar strong {font-size:13px}
  .se-v2-end-bar a {margin-top:14px;font-size:10px;justify-content:center;width:100%}
  .se-v2-footer-main {display:block}
  .se-v2-footer-main nav {margin-top:23px;gap:14px;flex-wrap:wrap}
  .se-v2-footer-bottom {display:block}
  .se-v2-footer-bottom span {display:block;margin-top:6px}
}
@media(prefers-reduced-motion:reduce) { .se-v2-match {transition:none} }
