*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family:Arial,sans-serif;
  background:radial-gradient(circle at top,#2b2108,#050505 55%);
  color:#fff;
}

/* ===== BANNER ===== */

.banner{
  width:100%;
  display:flex;
  justify-content:center;
  margin:20px auto 24px;
  padding:0;
  background:transparent;
  border:none;
}

.banner a{
  display:block;
  width:100%;
  max-width:1150px;
}

.banner-img{
  width:100%;
  height:auto;
  display:block;
  border-radius:20px;
}

/* ===== MAIN LAYOUT ===== */

.container{
  max-width:1500px;
  margin:0 auto;
  padding:0 16px 50px;
}

.score-layout{
  display:grid;
  grid-template-columns:240px 1fr;
  gap:18px;
  align-items:start;
}

/* ===== SIDEBAR ===== */

.league-sidebar{
  background:#121212;
  border:1px solid rgba(255,215,0,.16);
  border-radius:18px;
  padding:14px;
  position:sticky;
  top:14px;
}

.league-sidebar h2{
  margin:0 0 12px;
  color:#fff;
  font-size:22px;
  font-weight:900;
}

.league-menu{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.league-menu-item{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-height:42px;
  padding:9px 10px;
  border:0;
  border-radius:7px;
  background:#2d2d2d;
  color:#fff;
  cursor:pointer;
  text-align:left;
  font-size:15px;
  font-weight:700;
  overflow:hidden;
}

.league-menu-item:hover,
.league-menu-item.active{
  background:linear-gradient(180deg,#3d3210,#1b1b1b);
  color:#ffd84d;
  outline:1px solid rgba(255,215,0,.45);
}

.league-menu-item img{
  width:24px;
  height:24px;
  object-fit:contain;
  flex:0 0 24px;
}

.league-menu-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* ===== SCORE BOARD ===== */

.score-board{
  background:#0d0d0d;
  border:1px solid rgba(255,215,0,.18);
  border-radius:20px;
  overflow:hidden;
}

.score-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:18px 20px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.score-topbar h1{
  margin:0;
  color:#ffd84d;
  font-size:20px;
  font-weight:900;
}

.score-tools{
  display:flex;
  align-items:center;
  gap:12px;
}

.small-btn{
  background:linear-gradient(180deg,#ffe98a,#d5a51f);
  border:0;
  color:#000;
  border-radius:10px;
  padding:9px 16px;
  font-weight:800;
  cursor:pointer;
}

.last-updated{
  color:#999;
  font-size:12px;
}

.match-list{
  padding:0;
  overflow-x:auto;
}

/* ===== LEAGUE TABLE ===== */

.league-section{
  border-bottom:1px solid rgba(255,255,255,.08);
}

.league-header{
  display:flex;
  align-items:center;
  gap:8px;
  background:#171717;
  color:#fff;
  padding:10px 12px;
  font-size:16px;
  font-weight:900;
  border-bottom:2px solid #d30000;
}

.league-header img{
  width:28px;
  height:28px;
  object-fit:contain;
}

.score-table{
  width:100%;
  min-width:1150px;
  border-collapse:collapse;
  table-layout:fixed;
  font-size:13px;
}

.score-table th{
  background:#202020;
  color:#fff;
  padding:9px 6px;
  font-weight:900;
  border-bottom:1px solid rgba(255,255,255,.12);
  border-right:1px solid rgba(255,255,255,.08);
  text-align:center;
}

.score-table td{
  background:#111;
  color:#fff;
  padding:9px 6px;
  border-bottom:1px solid rgba(255,255,255,.08);
  border-right:1px solid rgba(255,255,255,.06);
  text-align:center;
  vertical-align:middle;
}

.score-table tr:hover td{
  background:#151515;
}

.col-time{width:68px;}
.col-live{width:54px;}
.col-home{width:190px;}
.col-half{width:76px;}
.col-score{width:80px;}
.col-away{width:190px;}
.col-odds{width:90px;}
.col-tip{width:190px;}
.col-stats{width:58px;}
.col-watch{width:64px;}

.team-cell{
  display:flex;
  align-items:center;
  gap:7px;
  font-weight:700;
  min-width:0;
}

.team-cell.home{
  justify-content:flex-end;
  text-align:right;
}

.team-cell.away{
  justify-content:flex-start;
  text-align:left;
}

.team-cell span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.team-logo{
  width:24px;
  height:24px;
  object-fit:contain;
  flex:0 0 24px;
}

.live-minute{
  color:#ff2b2b !important;
  font-weight:900;
}

.main-score{
  color:#fff;
  font-weight:900;
  font-size:16px;
}

.odds{
  color:#fff;
  font-weight:700;
}

.tip{
  color:#ffd84d;
  font-weight:700;
}

.stats-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  color:#ff2525;
  text-decoration:none;
  font-size:20px;
  font-weight:900;
}

.watch-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  height:26px;
  border-radius:8px;
  background:#ff1010;
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 0 12px rgba(255,0,0,.25);
}

.empty{
  text-align:center;
  padding:40px 16px;
  color:#999;
  font-size:16px;
}

/* ===== MOBILE ===== */

@media(max-width:900px){

  .score-layout{
    grid-template-columns:1fr;
  }

  .league-sidebar{
    position:static;
  }

  .league-menu{
    flex-direction:row;
    overflow-x:auto;
    padding-bottom:4px;
  }

  .league-menu-item{
    min-width:170px;
  }

  .score-board,
  .match-list{
    overflow-x:auto;
  }

  .score-table{
    min-width:1150px;
  }

  .banner{
    margin-top:10px;
  }

}
.live-minute{
  color:#ff2d2d;
  font-weight:900;
}

.blink-live{
  animation:blinkLive 1s infinite;
}

@keyframes blinkLive{
  0%,100%{
    opacity:1;
  }

  50%{
    opacity:.25;
  }
}
/* ===== MATCH DETAIL PAGE ===== */
.match-detail-page{
  max-width:1280px;
  margin:0 auto 50px;
  padding:0 16px;
}

.back-link{
  display:inline-flex;
  margin:0 0 14px;
  color:#ffd84d;
  text-decoration:none;
  font-weight:900;
}

.match-hero-card{
  display:grid;
  grid-template-columns:1fr 280px 1fr;
  gap:18px;
  align-items:center;
  background:#0d0d0d;
  border:1px solid rgba(255,215,0,.18);
  border-radius:22px;
  padding:22px;
  margin-bottom:18px;
}

.detail-team{
  text-align:center;
}

.detail-team img{
  width:86px;
  height:86px;
  object-fit:contain;
  margin-bottom:10px;
}

.detail-team h2{
  margin:0;
  color:#fff;
  font-size:22px;
}

.detail-score-box{
  text-align:center;
  background:#111;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:18px;
}

.detail-status{
  color:#ff2b2b;
  font-weight:900;
  margin-bottom:8px;
}

.detail-score{
  color:#fff;
  font-size:44px;
  font-weight:900;
  line-height:1;
}

.detail-time,
.detail-league,
.detail-venue{
  color:#aaa;
  font-size:13px;
  margin-top:8px;
}

.match-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0;
}

.match-tab{
  border:0;
  border-radius:12px;
  padding:11px 18px;
  background:#222;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

.match-tab.active{
  background:linear-gradient(180deg,#ffe98a,#d5a51f);
  color:#000;
}

.match-tab-panel{
  display:none;
  background:#0d0d0d;
  border:1px solid rgba(255,215,0,.18);
  border-radius:20px;
  overflow:hidden;
  margin-bottom:18px;
}

.match-tab-panel.active{
  display:block;
}

.match-panel-title{
  padding:14px 18px;
  background:#171717;
  color:#ffd84d;
  font-weight:900;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.stats-box,.events-box,.h2h-box,.lineup-box{
  padding:16px;
}

.stat-row2{
  margin-bottom:16px;
}

.stat-values2{
  display:grid;
  grid-template-columns:80px 1fr 80px;
  text-align:center;
  align-items:center;
  margin-bottom:7px;
}

.stat-values2 strong{
  color:#ffd84d;
  font-size:13px;
}

.stat-values2 span{
  color:#fff;
  font-weight:900;
}

.stat-bar2{
  display:flex;
  height:10px;
  border-radius:999px;
  overflow:hidden;
  background:#222;
}

.stat-home2{
  background:linear-gradient(90deg,#ffe98a,#d5a51f);
}

.stat-away2{
  background:linear-gradient(90deg,#555,#aaa);
}

.event-line{
  display:grid;
  grid-template-columns:1fr 70px 1fr;
  gap:10px;
  align-items:center;
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.event-line.away .event-info{
  grid-column:3;
}

.event-line.away .event-team-name{
  grid-column:3;
  text-align:right;
}

.event-minute2{
  grid-column:2;
  grid-row:1;
  color:#ff2b2b;
  font-weight:900;
  text-align:center;
}

.event-team-name{
  color:#aaa;
  font-size:12px;
}

.event-info{
  display:flex;
  align-items:center;
  gap:10px;
  background:#111;
  border-radius:12px;
  padding:10px;
}

.event-icon2{
  font-size:22px;
}

.event-info strong{
  color:#ffd84d;
}

.event-info p,
.event-info small{
  margin:3px 0 0;
  color:#fff;
}

.h2h-line{
  display:grid;
  grid-template-columns:120px 1fr 90px 1fr;
  gap:10px;
  align-items:center;
  padding:12px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.h2h-date{
  color:#aaa;
  font-size:12px;
}

.h2h-team{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
}

.h2h-team.right{
  justify-content:flex-end;
  text-align:right;
}

.h2h-team img{
  width:26px;
  height:26px;
  object-fit:contain;
}

.h2h-score2{
  color:#ffd84d;
  font-weight:900;
  text-align:center;
}

.lineup-grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.lineup-card2{
  background:#111;
  border-radius:16px;
  padding:14px;
}

.lineup-head2{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.lineup-head2 img{
  width:44px;
  height:44px;
  object-fit:contain;
}

.lineup-head2 h3{
  margin:0;
  color:#ffd84d;
}

.lineup-head2 p{
  margin:3px 0 0;
  color:#aaa;
}

.lineup-card2 h4{
  color:#ffd84d;
  margin:14px 0 8px;
}

.player-row2{
  display:grid;
  grid-template-columns:36px 1fr 45px;
  gap:8px;
  padding:8px;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.player-row2 span{
  color:#ffd84d;
  font-weight:900;
}

.player-row2 em{
  color:#aaa;
  font-style:normal;
  text-align:right;
}

.empty.small{
  padding:12px;
  font-size:13px;
}

@media(max-width:900px){
  .match-hero-card{
    grid-template-columns:1fr;
  }
  .lineup-grid2{
    grid-template-columns:1fr;
  }
  .h2h-line{
    grid-template-columns:1fr;
    text-align:center;
  }
  .h2h-team,.h2h-team.right{
    justify-content:center;
    text-align:center;
  }
}


/* ===== MATCH EVENT TIMELINE NEW ===== */

.events-box{
  padding:18px 16px 24px;
}

.event-timeline{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.event-timeline:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width:2px;
  transform:translateX(-50%);
  background:linear-gradient(180deg, transparent, rgba(255,43,43,.85), rgba(255,216,77,.65), transparent);
  border-radius:999px;
}

.timeline-row{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:54px;
}

.timeline-center{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
}

.timeline-minute{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  height:32px;
  padding:0 10px;
  border-radius:999px;
  background:#101010;
  border:1px solid rgba(255,43,43,.55);
  color:#ff2b2b;
  font-weight:900;
  box-shadow:0 0 12px rgba(255,43,43,.18);
}

.timeline-marker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  padding:8px 14px;
  border-radius:10px;
  background:linear-gradient(180deg,#2a2a2a,#151515);
  border:1px solid rgba(255,216,77,.35);
  color:#ffd84d;
  font-weight:900;
  box-shadow:0 0 14px rgba(255,216,77,.12);
}

.timeline-marker-row{
  min-height:44px;
}

.timeline-card{
  max-width:360px;
  background:#111;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  padding:10px 12px;
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}

.home-event .timeline-home{
  display:flex;
  justify-content:flex-end;
}

.away-event .timeline-away{
  display:flex;
  justify-content:flex-start;
}

.home-event .timeline-card{
  text-align:right;
}

.away-event .timeline-card{
  text-align:left;
}

.timeline-card-type{
  color:#ffd84d;
  font-weight:900;
  font-size:13px;
  line-height:1.25;
  margin-bottom:4px;
}

.timeline-player{
  color:#fff;
  font-weight:800;
  font-size:15px;
  line-height:1.25;
}

.timeline-assist{
  margin-top:3px;
  color:#cfcfcf;
  font-size:12px;
  line-height:1.25;
}

@media(max-width:760px){
  .timeline-row{
    grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);
    gap:8px;
  }

  .timeline-card{
    max-width:100%;
    padding:9px 10px;
    border-radius:12px;
  }

  .timeline-player{
    font-size:13px;
  }

  .timeline-card-type{
    font-size:12px;
  }

  .timeline-assist{
    font-size:11px;
  }

  .timeline-minute{
    min-width:38px;
    height:28px;
    padding:0 8px;
    font-size:12px;
  }

  .timeline-marker{
    min-width:78px;
    padding:7px 10px;
    font-size:12px;
  }
}

/* ===== MATCH TIMELINE COLOR FIX / LESS HARSH ===== */
.event-timeline:before{
  background:linear-gradient(
    180deg,
    transparent,
    rgba(255,216,77,.20),
    rgba(255,216,77,.42),
    rgba(255,216,77,.20),
    transparent
  ) !important;
  width:2px !important;
  box-shadow:none !important;
}

.timeline-minute{
  min-width:54px !important;
  height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#1c1c1c,#101010) !important;
  border:1px solid rgba(255,216,77,.38) !important;
  color:#ffd84d !important;
  font-weight:900 !important;
  font-size:14px !important;
  box-shadow:0 0 8px rgba(255,216,77,.10) !important;
}

.timeline-marker{
  min-width:150px !important;
  padding:9px 18px !important;
  white-space:nowrap !important;
  text-align:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#232323,#151515) !important;
  border:1px solid rgba(255,216,77,.34) !important;
  color:#ffd84d !important;
  box-shadow:0 0 10px rgba(255,216,77,.10) !important;
}

.timeline-card{
  padding:8px 10px !important;
  border-radius:12px !important;
  background:#101010 !important;
  border:1px solid rgba(255,255,255,.07) !important;
  box-shadow:0 6px 16px rgba(0,0,0,.20) !important;
}

.timeline-card-type{
  font-size:12px !important;
  margin-bottom:3px !important;
}

.timeline-player{
  font-size:14px !important;
}

.timeline-assist{
  font-size:11px !important;
}

.timeline-row{
  grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr) !important;
  min-height:50px !important;
  gap:12px !important;
}

@media(max-width:760px){
  .timeline-row{
    grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) !important;
  }

  .timeline-minute{
    min-width:46px !important;
    height:28px !important;
    font-size:12px !important;
    padding:0 8px !important;
  }

  .timeline-marker{
    min-width:118px !important;
    padding:8px 12px !important;
    font-size:12px !important;
  }
}




/* ===== FAVORITE TEAM TEXT ONLY ===== */

.favorite-team{
  background:none !important;
  background-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
}

.favorite-team .team-name-text{
  color:#ff2a2a !important;
  font-weight:900 !important;
  display:inline-block !important;
  border-bottom:2px solid #ff2a2a !important;
  padding-bottom:2px !important;
  line-height:1.1 !important;
  background:none !important;
}

/* ===== STANDINGS FIX ===== */

.standings-panel{
  padding:0 0 20px;
}

.standings-title{
  padding:14px 18px;
  font-size:18px;
  font-weight:900;
  color:#ffd84d;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#111;
}

.standings-box{
  overflow-x:auto;
}

.standings-league-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding:16px;
  background:#151515;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.standings-league-head img{
  width:40px;
  height:40px;
  object-fit:contain;
}

.standings-league-head strong{
  color:#fff;
  font-size:18px;
}

.standings-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}

.standings-table th{
  background:#1f1f1f;
  color:#fff;
  padding:12px 10px;
  font-size:13px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.standings-table td{
  background:#111;
  color:#fff;
  padding:12px 10px;
  text-align:center;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.standing-team{
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
}

.standing-team img{
  width:28px !important;
  height:28px !important;
  object-fit:contain;
  flex:0 0 28px;
}

.standing-team span{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.team-col{
  min-width:240px;
}

.points{
  color:#ffd84d !important;
  font-weight:900;
}


/* ===== FEATURED HOT MATCH ===== */
.hot-league-section .league-header{
  background:linear-gradient(90deg,#7a0000,#1a1a1a 55%,#7a0000);
  border-bottom:2px solid #ff2b2b;
  color:#fff;
  box-shadow:inset 0 0 18px rgba(255,0,0,.18);
}

.hot-match-row td{
  background:linear-gradient(180deg,#1b130c,#111) !important;
}

.hot-match-row:hover td{
  background:linear-gradient(180deg,#24170d,#151515) !important;
}

.hot-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff3838,#9b0000);
  color:#fff;
  font-size:11px;
  font-weight:900;
  box-shadow:0 0 12px rgba(255,0,0,.25);
  white-space:nowrap;
}

/* ===== HOT HEADER ICON FIX ===== */
.league-header-icon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  font-size:20px;
}


/* ===== SMOOTH AUTO REFRESH ===== */
.cell-updated{
  animation:cellUpdated .9s ease;
}

.score-updated{
  animation:scoreUpdated 1.2s ease;
}

@keyframes cellUpdated{
  0%{background:rgba(255,216,77,.22);}
  100%{background:transparent;}
}

@keyframes scoreUpdated{
  0%{
    color:#ffe98a;
    text-shadow:0 0 14px rgba(255,216,77,.65);
    transform:scale(1.08);
  }
  100%{
    color:#fff;
    text-shadow:none;
    transform:scale(1);
  }
}


/* ===== MATCH SEO / ANALYSIS PACK ===== */
.match-betting-panel{
  max-width:1280px;
  margin:0 auto 16px;
}

.betting-card{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  background:linear-gradient(180deg,#171717,#0f0f0f);
  border:1px solid rgba(255,215,0,.20);
  border-radius:18px;
  padding:14px;
}

.betting-item{
  background:#101010;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:12px;
}

.betting-item span{
  display:block;
  color:#aaa;
  font-size:12px;
  font-weight:800;
  margin-bottom:6px;
}

.betting-item strong{
  color:#ffd84d;
  font-size:18px;
  font-weight:900;
}

.betting-action{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

.match-hot-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff3b3b,#9b0000);
  color:#fff;
  font-weight:900;
  box-shadow:0 0 14px rgba(255,0,0,.28);
}

.match-live-big-btn,
.analysis-live-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 18px;
  border-radius:12px;
  background:linear-gradient(180deg,#ffe98a,#d5a51f);
  color:#000;
  font-weight:900;
  text-decoration:none;
}

.match-live-disabled{
  color:#888;
  font-size:13px;
  font-weight:800;
}

.analysis-box{
  padding:16px;
}

.analysis-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:16px;
  background:linear-gradient(180deg,#171717,#101010);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  margin-bottom:14px;
}

.analysis-hero h2{
  margin:0 0 6px;
  color:#ffd84d;
  font-size:22px;
}

.analysis-hero p{
  margin:0;
  color:#aaa;
  font-size:13px;
}

.analysis-content{
  background:#101010;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:16px;
  color:#e8e8e8;
  line-height:1.8;
  font-size:15px;
}

.analysis-content p{
  margin:0 0 12px;
}

.analysis-content p:last-child{
  margin-bottom:0;
}

.analysis-content strong{
  color:#ffd84d;
}

.match-standings-box{
  padding:16px;
}

.match-standings-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  color:#ffd84d;
  font-weight:900;
}

.match-standings-head img{
  width:36px;
  height:36px;
  object-fit:contain;
}

.match-standings-scroll{
  overflow-x:auto;
}

.match-standings-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}

.match-standings-table th,
.match-standings-table td{
  padding:10px 9px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:#101010;
  text-align:center;
}

.match-standings-table th{
  background:#1d1d1d;
  color:#ffd84d;
}

.match-standing-team{
  display:flex;
  align-items:center;
  gap:8px;
  text-align:left;
  font-weight:800;
}

.match-standing-team img{
  width:26px;
  height:26px;
  object-fit:contain;
}

.active-team-row td{
  background:linear-gradient(180deg,#201806,#111) !important;
}

.match-tabs{
  overflow-x:auto;
  padding-bottom:4px;
}

.match-tab{
  white-space:nowrap;
}

@media(max-width:900px){
  .betting-card{
    grid-template-columns:1fr 1fr;
  }

  .betting-action{
    grid-column:1 / -1;
    justify-content:flex-start;
  }

  .analysis-hero{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:560px){
  .betting-card{
    grid-template-columns:1fr;
  }

  .match-live-big-btn,
  .analysis-live-btn{
    width:100%;
  }
}


/* ===== STANDINGS MULTI GROUP TABS ===== */
.standings-league-head div{
  min-width:0;
}

.standings-league-head small{
  display:block;
  margin-top:4px;
  color:#aaa;
  font-size:12px;
  font-weight:700;
}

.standings-group-tabs{
  display:flex;
  gap:8px;
  padding:12px 14px;
  background:#101010;
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow-x:auto;
}

.standings-group-tab{
  border:0;
  border-radius:999px;
  padding:8px 14px;
  background:#252525;
  color:#fff;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}

.standings-group-tab.active,
.standings-group-tab:hover{
  background:linear-gradient(180deg,#ffe98a,#d5a51f);
  color:#000;
}

.standings-groups-wrap{
  overflow-x:auto;
}

.standings-group-panel{
  display:none;
}

.standings-group-panel.active{
  display:block;
}

.standings-group-title{
  padding:12px 16px;
  background:#151515;
  color:#ffd84d;
  font-size:15px;
  font-weight:900;
  border-bottom:1px solid rgba(255,255,255,.08);
}


/* ===== MOBILE TRUE FULL WIDTH TABLE v3 ===== */
#mobileCardToggle,
.mobile-card-toggle{
  display:none !important;
}

@media(max-width:1024px){

  html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .container{
    width:100% !important;
    max-width:100% !important;
    padding:0 3px 70px !important;
  }

  .banner{
    width:100% !important;
    margin:8px auto 12px !important;
    padding:0 3px !important;
  }

  .banner a,
  .banner-img{
    width:100% !important;
    max-width:100% !important;
  }

  .banner-img{
    border-radius:12px !important;
  }

  .score-layout{
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .league-sidebar{
    position:static !important;
    width:100% !important;
    padding:12px !important;
    border-radius:16px !important;
  }

  .league-sidebar h2{
    font-size:20px !important;
    margin:0 0 10px !important;
  }

  .league-menu{
    display:flex !important;
    flex-direction:row !important;
    gap:8px !important;
    overflow-x:auto !important;
    padding-bottom:2px !important;
    scrollbar-width:none !important;
  }

  .league-menu::-webkit-scrollbar{
    display:none !important;
  }

  .league-menu-item{
    flex:0 0 auto !important;
    min-width:145px !important;
    max-width:185px !important;
    min-height:42px !important;
    padding:9px 10px !important;
    border-radius:11px !important;
    font-size:13px !important;
  }

  .league-menu-item img{
    width:20px !important;
    height:20px !important;
    flex:0 0 20px !important;
  }

  .league-menu-name{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .score-board,
  .match-list,
  .league-section{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .score-board{
    border-radius:14px !important;
  }

  .score-topbar{
    padding:11px 7px !important;
    gap:6px !important;
  }

  .score-topbar h1{
    font-size:15px !important;
    line-height:1.25 !important;
  }

  .score-tools{
    gap:5px !important;
  }

  .small-btn{
    padding:7px 8px !important;
    font-size:11px !important;
    border-radius:8px !important;
  }

  .last-updated{
    font-size:10px !important;
    white-space:nowrap !important;
  }

  .league-header{
    padding:8px 7px !important;
    gap:6px !important;
    font-size:12px !important;
  }

  .league-header img,
  .league-header-icon{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    font-size:15px !important;
  }

  .score-table{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
    font-size:8px !important;
  }

  .score-table col.cg-time{width:8% !important;}
  .score-table col.cg-live{width:6% !important;}
  .score-table col.cg-home{width:18% !important;}
  .score-table col.cg-half{width:7% !important;}
  .score-table col.cg-score{width:8% !important;}
  .score-table col.cg-away{width:18% !important;}
  .score-table col.cg-odds{width:7% !important;}
  .score-table col.cg-tip{width:12% !important;}
  .score-table col.cg-stats{width:7% !important;}
  .score-table col.cg-watch{width:9% !important;}

  .score-table th,
  .score-table td{
    padding:4px 1px !important;
    line-height:1.1 !important;
    vertical-align:middle !important;
    overflow:hidden !important;
  }

  .score-table th{
    font-size:7.5px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  .team-cell{
    width:100% !important;
    max-width:100% !important;
    gap:1px !important;
    font-size:7.8px !important;
    font-weight:800 !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .team-cell.home{
    justify-content:flex-end !important;
    text-align:right !important;
  }

  .team-cell.away{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  .home-name-wrap,
  .away-name-wrap,
  .team-cell span,
  .team-name-text{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    display:block !important;
  }

  .team-logo{
    width:10px !important;
    height:10px !important;
    flex:0 0 10px !important;
  }

  .hot-badge{
    display:none !important;
  }

  .cell-time,
  .cell-live,
  .cell-half,
  .cell-score,
  .cell-odds,
  .cell-tip{
    font-size:7.8px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .main-score{
    font-size:9px !important;
    white-space:nowrap !important;
  }

  .stats-btn{
    width:16px !important;
    height:16px !important;
    font-size:12px !important;
  }

  .watch-btn{
    min-width:0 !important;
    width:18px !important;
    height:16px !important;
    padding:0 !important;
    border-radius:5px !important;
    font-size:0 !important;
  }

  .watch-btn::after{
    content:"▶" !important;
    font-size:9px !important;
    color:#fff !important;
  }

  .favorite-team .team-name-text{
    border-bottom:1px solid #ff2a2a !important;
    padding-bottom:1px !important;
  }

  .standings-box,
  .standings-groups-wrap,
  .standings-group-tabs{
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  .standings-table{
    min-width:620px !important;
  }
}

/* จอมือถือเล็กมาก ย่ออีกนิด */
@media(max-width:390px){
  .score-table{
    font-size:7px !important;
  }

  .score-table th{
    font-size:6.7px !important;
  }

  .team-cell,
  .cell-time,
  .cell-live,
  .cell-half,
  .cell-score,
  .cell-odds,
  .cell-tip{
    font-size:7px !important;
  }

  .team-logo{
    width:9px !important;
    height:9px !important;
    flex:0 0 9px !important;
  }

  .main-score{
    font-size:8px !important;
  }

  .stats-btn{
    width:14px !important;
    height:14px !important;
    font-size:10px !important;
  }

  .watch-btn{
    width:16px !important;
    height:14px !important;
  }
}

/* iPad / tablet ให้ใหญ่ขึ้นแต่ยังครบจอ */
@media(min-width:600px) and (max-width:1024px){
  .score-table{
    font-size:10px !important;
  }

  .score-table th{
    font-size:9px !important;
  }

  .team-cell,
  .cell-time,
  .cell-live,
  .cell-half,
  .cell-score,
  .cell-odds,
  .cell-tip{
    font-size:10px !important;
  }

  .team-logo{
    width:16px !important;
    height:16px !important;
    flex:0 0 16px !important;
  }

  .main-score{
    font-size:12px !important;
  }

  .stats-btn{
    width:22px !important;
    height:22px !important;
    font-size:16px !important;
  }

  .watch-btn{
    width:32px !important;
    height:22px !important;
    font-size:10px !important;
  }

  .watch-btn::after{
    content:"" !important;
  }
}

/* ===== MATCH PAGE MOBILE FIT ===== */
@media(max-width:900px){

  .match-detail-page{
    padding:0 8px 70px !important;
  }

  .match-hero-card{
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:14px !important;
    border-radius:16px !important;
  }

  .detail-team img{
    width:64px !important;
    height:64px !important;
  }

  .detail-team h2{
    font-size:18px !important;
  }

  .detail-score{
    font-size:38px !important;
  }

  .match-tabs{
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    gap:8px !important;
    padding-bottom:4px !important;
    scrollbar-width:none !important;
  }

  .match-tabs::-webkit-scrollbar{
    display:none !important;
  }

  .match-tab{
    flex:0 0 auto !important;
    padding:10px 14px !important;
    font-size:13px !important;
    white-space:nowrap !important;
  }

  .betting-card{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  .betting-action{
    grid-column:1 / -1 !important;
    justify-content:flex-start !important;
  }

  .analysis-hero{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .analysis-hero h2{
    font-size:18px !important;
  }

  .analysis-content{
    font-size:14px !important;
    line-height:1.7 !important;
  }
}


/* ===== MOBILE FULL TABLE WIDTH HARD FIX v4 ===== */
@media(max-width:1024px){

  .score-table{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    table-layout:fixed !important;
  }

  /* override ของเดิมที่ล็อก px เช่น 190px / 80px */
  .score-table .col-time,
  .score-table th.col-time{width:7.5% !important;}

  .score-table .col-live,
  .score-table th.col-live{width:6% !important;}

  .score-table .col-home,
  .score-table th.col-home{width:19% !important;}

  .score-table .col-half,
  .score-table th.col-half{width:7% !important;}

  .score-table .col-score,
  .score-table th.col-score{width:8% !important;}

  .score-table .col-away,
  .score-table th.col-away{width:19% !important;}

  .score-table .col-odds,
  .score-table th.col-odds{width:7% !important;}

  .score-table .col-tip,
  .score-table th.col-tip{width:12% !important;}

  .score-table .col-stats,
  .score-table th.col-stats{width:6% !important;}

  .score-table .col-watch,
  .score-table th.col-watch{width:8.5% !important;}

  .score-table th,
  .score-table td{
    min-width:0 !important;
    max-width:none !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .cell-home-team,
  .cell-away-team{
    min-width:0 !important;
    max-width:none !important;
    overflow:hidden !important;
  }

  .team-cell{
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .home-name-wrap,
  .away-name-wrap{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:hidden !important;
  }

  .team-name-text{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

/* มือถือแคบมาก ต้องย่ออีกนิด ไม่งั้นไม่มีทางครบ 10 คอลัมน์ */
@media(max-width:430px){

  .score-table th,
  .score-table td{
    padding:3px 1px !important;
  }

  .score-table th{
    font-size:6.5px !important;
  }

  .team-cell,
  .cell-time,
  .cell-live,
  .cell-half,
  .cell-score,
  .cell-odds,
  .cell-tip{
    font-size:6.8px !important;
  }

  .team-logo{
    width:8px !important;
    height:8px !important;
    flex:0 0 8px !important;
  }

  .main-score{
    font-size:8px !important;
  }

  .stats-btn{
    width:13px !important;
    height:13px !important;
    font-size:9px !important;
  }

  .watch-btn{
    width:14px !important;
    height:13px !important;
  }

  .watch-btn::after{
    font-size:8px !important;
  }
}


/* ===== MOBILE FAVORITE UNDERLINE FIX + SHORT ODDS LABEL ===== */
@media(max-width:1024px){

  .favorite-team{
    width:auto !important;
    max-width:100% !important;
    display:inline-flex !important;
    flex:0 1 auto !important;
    overflow:hidden !important;
  }

  .favorite-team .team-name-text{
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    flex:0 1 auto !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    border-bottom:1px solid #ff2a2a !important;
    padding-bottom:1px !important;
    line-height:1.05 !important;
  }

  .home-name-wrap.favorite-team,
  .away-name-wrap.favorite-team{
    max-width:calc(100% - 12px) !important;
  }

  .team-cell.home .favorite-team{
    justify-content:flex-end !important;
  }

  .team-cell.away .favorite-team{
    justify-content:flex-start !important;
  }
}


/* ===== MOBILE TABLE SCALE FIT v6 ===== */
/* ย่อทั้งกรอบตารางให้เห็นครบจอมือถือจริง โดยไม่ต้องเลื่อนซ้ายขวา */
@media(max-width:1024px){

  html, body{
    overflow-x:hidden !important;
  }

  .score-layout{
    overflow:hidden !important;
  }

  .score-board{
    transform-origin:top left !important;
  }

  .match-list,
  .league-section{
    overflow:hidden !important;
  }

  .score-table{
    table-layout:fixed !important;
    width:100% !important;
    min-width:0 !important;
  }
}

/* มือถือทั่วไป 390-430px */
@media(max-width:430px){

  .score-board{
    width:147% !important;
    transform:scale(.68) !important;
    margin-bottom:calc(-32% * 1px);
  }

  .score-layout{
    margin-bottom:-220px !important;
  }

  .score-table th,
  .score-table td{
    padding:5px 2px !important;
  }

  .score-table{
    font-size:10px !important;
  }

  .score-table th{
    font-size:9px !important;
  }

  .team-cell{
    font-size:10px !important;
  }

  .team-logo{
    width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
  }

  .main-score{
    font-size:12px !important;
  }
}

/* จอเล็กมาก */
@media(max-width:380px){

  .score-board{
    width:162% !important;
    transform:scale(.62) !important;
  }

  .score-layout{
    margin-bottom:-260px !important;
  }
}

/* iPad / tablet */
@media(min-width:431px) and (max-width:767px){

  .score-board{
    width:125% !important;
    transform:scale(.80) !important;
  }

  .score-layout{
    margin-bottom:-120px !important;
  }
}

@media(min-width:768px) and (max-width:1024px){

  .score-board{
    width:112% !important;
    transform:scale(.89) !important;
  }

  .score-layout{
    margin-bottom:-80px !important;
  }
}

/* ตารางคะแนนไม่ต้องย่อแรง ให้เลื่อนในกล่องได้ */
@media(max-width:1024px){
  .standings-box,
  .standings-groups-wrap{
    overflow-x:auto !important;
  }
}



/* ===== LEAGUE DROPDOWN ===== */

.league-dropdown-wrap{
  position:relative;
  width:100%;
}

.league-dropdown-btn{
  width:100%;
  height:56px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg,#3d3210,#1b1b1b);
  color:#ffd84d;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  text-align:left;
  padding:0 18px;
  outline:1px solid rgba(255,215,0,.35);
}

.league-dropdown-menu{
  display:none;
  position:absolute;
  top:66px;
  left:0;
  width:100%;
  max-height:420px;
  overflow-y:auto;
  background:#111;
  border:1px solid rgba(255,215,0,.2);
  border-radius:14px;
  padding:10px;
  z-index:999;
  box-shadow:0 12px 30px rgba(0,0,0,.45);
}

.league-dropdown-menu.show{
  display:flex;
  flex-direction:column;
  gap:8px;
}

@media(max-width:1024px){

  .league-dropdown-btn{
    height:52px !important;
    font-size:16px !important;
    padding:0 14px !important;
  }

  .league-dropdown-menu{
    top:60px !important;
  }
}



/* ===== DROPDOWN LAYOUT FIX ===== */
.league-sidebar{
  overflow:visible !important;
}

.league-dropdown-wrap{
  width:100% !important;
}

.league-dropdown-menu{
  width:100% !important;
  left:0 !important;
  right:auto !important;
}

@media(max-width:1024px){

  .score-layout{
    display:block !important;
    width:100% !important;
  }

  .score-board{
    width:100% !important;
    display:block !important;
  }

  .match-list{
    width:100% !important;
    display:block !important;
  }

  .league-dropdown-menu{
    position:absolute !important;
    width:100% !important;
    max-width:100% !important;
  }

  .league-section{
    width:100% !important;
  }

  .score-table{
    width:100% !important;
  }
}


#leagueDropdownBtn{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

#leagueArrow{
  font-size:14px;
  opacity:.9;
}



/* ===== FINAL MOBILE TABLE SCALE RESTORE v7 ===== */
/* แก้ dropdown fix ที่ไปทับ width ของตาราง ทำให้ตารางหดครึ่งจอ */
@media(max-width:430px){

  .score-layout{
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
    margin-bottom:-220px !important;
  }

  .score-board{
    width:147% !important;
    max-width:none !important;
    transform:scale(.68) !important;
    transform-origin:top left !important;
    display:block !important;
    overflow:hidden !important;
  }

  .match-list,
  .league-section{
    width:100% !important;
    max-width:none !important;
    overflow:hidden !important;
  }
}

@media(max-width:380px){

  .score-layout{
    margin-bottom:-260px !important;
  }

  .score-board{
    width:162% !important;
    max-width:none !important;
    transform:scale(.62) !important;
    transform-origin:top left !important;
  }
}

@media(min-width:431px) and (max-width:767px){

  .score-layout{
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
    margin-bottom:-120px !important;
  }

  .score-board{
    width:125% !important;
    max-width:none !important;
    transform:scale(.80) !important;
    transform-origin:top left !important;
    display:block !important;
    overflow:hidden !important;
  }
}

@media(min-width:768px) and (max-width:1024px){

  .score-layout{
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
    margin-bottom:-80px !important;
  }

  .score-board{
    width:112% !important;
    max-width:none !important;
    transform:scale(.89) !important;
    transform-origin:top left !important;
    display:block !important;
    overflow:hidden !important;
  }
}

/* dropdown ยังเต็มจอ ไม่ดันตาราง */
@media(max-width:1024px){
  .league-sidebar{
    overflow:visible !important;
    width:100% !important;
  }

  .league-dropdown-wrap,
  .league-dropdown-btn,
  .league-dropdown-menu{
    width:100% !important;
    max-width:100% !important;
  }
}



/* ===== LEAGUE DROPDOWN FULL WIDTH ITEM FIX ===== */
.league-dropdown-menu{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

.league-dropdown-menu .league-menu-item{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  justify-content:flex-start !important;
}

.league-dropdown-menu .league-menu-name{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

@media(max-width:1024px){
  .league-dropdown-menu{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding:10px !important;
  }

  .league-dropdown-menu .league-menu-item{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:58px !important;
    padding:0 14px !important;
    font-size:15px !important;
    border-radius:14px !important;
  }

  .league-dropdown-menu .league-menu-item img{
    width:24px !important;
    height:24px !important;
    flex:0 0 24px !important;
  }
}


/* ===== TOR/RONG FINAL4 ABSOLUTE OVERRIDE ===== */
.home-name-wrap.team-mark-favorite,
.away-name-wrap.team-mark-favorite,
.home-name-wrap.team-mark-underdog,
.away-name-wrap.team-mark-underdog{
  background:none !important;
  background-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  flex:0 1 auto !important;
  overflow:hidden !important;
}

.home-name-wrap.team-mark-favorite .team-name-text,
.away-name-wrap.team-mark-favorite .team-name-text,
.home-name-wrap.team-mark-underdog .team-name-text,
.away-name-wrap.team-mark-underdog .team-name-text{
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-weight:900 !important;
  padding-bottom:2px !important;
  line-height:1.08 !important;
}

.home-name-wrap.team-mark-favorite .team-name-text,
.away-name-wrap.team-mark-favorite .team-name-text{
  color:#ff6b6b !important;
  border-bottom:2px solid #ff6b6b !important;
}

.home-name-wrap.team-mark-underdog .team-name-text,
.away-name-wrap.team-mark-underdog .team-name-text{
  color:#8aa8ff !important;
  border-bottom:2px solid #8aa8ff !important;
}

@media(max-width:1024px){
  .home-name-wrap.team-mark-favorite,
  .away-name-wrap.team-mark-favorite,
  .home-name-wrap.team-mark-underdog,
  .away-name-wrap.team-mark-underdog{
    max-width:calc(100% - 12px) !important;
  }

  .home-name-wrap.team-mark-favorite .team-name-text,
  .away-name-wrap.team-mark-favorite .team-name-text,
  .home-name-wrap.team-mark-underdog .team-name-text,
  .away-name-wrap.team-mark-underdog .team-name-text{
    padding-bottom:1px !important;
  }
}


/* ===== TOR/RONG HARD FINAL ===== */
.home-name-wrap.team-mark-favorite,
.away-name-wrap.team-mark-favorite,
.home-name-wrap.team-mark-underdog,
.away-name-wrap.team-mark-underdog{
  background:none !important;
  background-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  flex:0 1 auto !important;
  overflow:hidden !important;
}

.home-name-wrap.team-mark-favorite .team-name-text,
.away-name-wrap.team-mark-favorite .team-name-text,
.home-name-wrap.team-mark-underdog .team-name-text,
.away-name-wrap.team-mark-underdog .team-name-text{
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-weight:900 !important;
  padding-bottom:2px !important;
  line-height:1.08 !important;
}

.home-name-wrap.team-mark-favorite .team-name-text,
.away-name-wrap.team-mark-favorite .team-name-text{
  color:#ff6b6b !important;
  border-bottom:2px solid #ff6b6b !important;
}

.home-name-wrap.team-mark-underdog .team-name-text,
.away-name-wrap.team-mark-underdog .team-name-text{
  color:#8aa8ff !important;
  border-bottom:2px solid #8aa8ff !important;
}

@media(max-width:1024px){
  .home-name-wrap.team-mark-favorite,
  .away-name-wrap.team-mark-favorite,
  .home-name-wrap.team-mark-underdog,
  .away-name-wrap.team-mark-underdog{
    max-width:calc(100% - 12px) !important;
  }

  .home-name-wrap.team-mark-favorite .team-name-text,
  .away-name-wrap.team-mark-favorite .team-name-text,
  .home-name-wrap.team-mark-underdog .team-name-text,
  .away-name-wrap.team-mark-underdog .team-name-text{
    padding-bottom:1px !important;
  }
}


/* ===== TOR/RONG CLEAN FINAL ===== */
/* ต่อ = แดงอ่อน / รอง = น้ำเงินอ่อน / อีกฝั่งไม่เปลี่ยน */
.home-name-wrap.team-mark-favorite,
.away-name-wrap.team-mark-favorite,
.home-name-wrap.team-mark-underdog,
.away-name-wrap.team-mark-underdog{
  background:none !important;
  background-color:transparent !important;
  border:none !important;
  box-shadow:none !important;
  outline:none !important;
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  flex:0 1 auto !important;
  overflow:hidden !important;
}

.home-name-wrap.team-mark-favorite .team-name-text,
.away-name-wrap.team-mark-favorite .team-name-text,
.home-name-wrap.team-mark-underdog .team-name-text,
.away-name-wrap.team-mark-underdog .team-name-text{
  display:inline-block !important;
  width:auto !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-weight:900 !important;
  padding-bottom:2px !important;
  line-height:1.08 !important;
}

.home-name-wrap.team-mark-favorite .team-name-text,
.away-name-wrap.team-mark-favorite .team-name-text{
  color:#ff6b6b !important;
  border-bottom:2px solid #ff6b6b !important;
  text-shadow:0 0 8px rgba(255,107,107,.20) !important;
}

.home-name-wrap.team-mark-underdog .team-name-text,
.away-name-wrap.team-mark-underdog .team-name-text{
  color:#8aa8ff !important;
  border-bottom:2px solid #8aa8ff !important;
  text-shadow:0 0 8px rgba(138,168,255,.24) !important;
}

@media(max-width:1024px){
  .home-name-wrap.team-mark-favorite,
  .away-name-wrap.team-mark-favorite,
  .home-name-wrap.team-mark-underdog,
  .away-name-wrap.team-mark-underdog{
    max-width:calc(100% - 12px) !important;
  }

  .home-name-wrap.team-mark-favorite .team-name-text,
  .away-name-wrap.team-mark-favorite .team-name-text,
  .home-name-wrap.team-mark-underdog .team-name-text,
  .away-name-wrap.team-mark-underdog .team-name-text{
    padding-bottom:1px !important;
    line-height:1.05 !important;
  }
}


/* ===== ANALYSIS UPGRADE FINAL ===== */
.analysis-hero.upgraded{
  align-items:center;
  background:linear-gradient(180deg,#181818,#101010);
}

.analysis-pick-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:14px 0;
}

.analysis-pick-card{
  background:linear-gradient(180deg,#171717,#101010);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:14px;
  min-height:110px;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}

.analysis-pick-card.main{
  border-color:rgba(255,216,77,.35);
  box-shadow:0 0 18px rgba(255,216,77,.08);
}

.analysis-pick-card span{
  display:block;
  color:#aaa;
  font-size:12px;
  font-weight:900;
  margin-bottom:8px;
}

.analysis-pick-card strong{
  display:block;
  color:#ffd84d;
  font-size:22px;
  font-weight:900;
  line-height:1.15;
  word-break:break-word;
}

.analysis-pick-card small{
  display:block;
  color:#bdbdbd;
  margin-top:8px;
  font-size:12px;
  line-height:1.35;
}

.confidence-high{color:#4dff88 !important;}
.confidence-mid{color:#ffd84d !important;}
.confidence-low{color:#ff9b5c !important;}

.analysis-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:14px 0;
}

.analysis-form-card{
  background:#101010;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:14px;
}

.analysis-form-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.analysis-form-head span{
  color:#aaa;
  font-size:12px;
  font-weight:900;
}

.analysis-form-head strong{
  color:#ffd84d;
  font-size:16px;
  font-weight:900;
  text-align:right;
}

.analysis-form-dots{
  display:flex;
  gap:7px;
  margin-bottom:8px;
}

.analysis-form-card small{
  color:#aaa;
  font-size:12px;
}

.analysis-highlight-note{
  display:flex;
  gap:8px;
  align-items:flex-start;
  background:linear-gradient(180deg,#1a160b,#101010);
  border:1px solid rgba(255,216,77,.22);
  border-radius:16px;
  padding:14px;
  margin:14px 0;
  color:#ddd;
  line-height:1.65;
}

.analysis-highlight-note strong{
  color:#ffd84d;
  white-space:nowrap;
}

.analysis-reason-list{
  display:grid;
  gap:12px;
}

.analysis-reason-item{
  background:#101010;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:14px;
}

.analysis-reason-item strong{
  display:block;
  color:#ffd84d;
  margin-bottom:8px;
  font-size:16px;
}

.analysis-reason-item p{
  margin:0;
  color:#e8e8e8;
  line-height:1.85;
}

.analysis-reason-item b{
  color:#ffd84d;
}

@media(max-width:900px){
  .analysis-pick-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .analysis-pick-card{
    border-radius:14px;
    padding:12px;
    min-height:96px;
  }

  .analysis-pick-card strong{
    font-size:18px;
  }

  .analysis-form-grid{
    grid-template-columns:1fr;
    gap:8px;
  }

  .analysis-highlight-note{
    display:block;
    font-size:13px;
    padding:12px;
  }

  .analysis-highlight-note strong{
    display:block;
    margin-bottom:4px;
  }

  .analysis-reason-item{
    padding:12px;
  }

  .analysis-reason-item p{
    font-size:13px;
    line-height:1.75;
  }
}

@media(max-width:430px){
  .analysis-pick-grid{
    grid-template-columns:1fr;
  }
}
/* backup critical css is inline in match.html */