.cc-home-table-wrap{
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  overflow:hidden;
  background:rgba(20,25,30,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.cc-home-table{
  width:100%;
  border-collapse:collapse;
  margin:0;
  color:#dfe6ee;
  font-size:12px;
}
.cc-home-table thead th{
  background:rgba(255,255,255,.04);
  color:#f2f6fa;
  font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:10px;
  text-align:left;
}
.cc-home-table tbody td{
  padding:9px 10px;
  border-top:1px solid rgba(255,255,255,.05);
  vertical-align:middle;
}
.cc-home-table tbody tr:nth-child(even){ background:rgba(255,255,255,.015); }
.cc-home-table tbody tr:hover{ background:rgba(255,255,255,.03); }
.cc-home-table .is-right{ text-align:right; }
.cc-home-table .is-center{ text-align:center; }
.cc-home-empty{
  text-align:center;
  color:rgba(223,230,238,.68);
  font-style:italic;
}
.cc-home-section-title{
  font-weight:800;
  margin:10px 0;
  color:#dfe6ee;
  letter-spacing:.2px;
}
.cc-mobile-only{ display:none; }
.cc-mobile-betbox{
  border-radius:12px;
  overflow:hidden;
}
.cc-mobile-fighterbox{
  margin-top:10px;
  padding-top:2px;
}
.cc-mobile-fightergrid{
  display:flex;
  gap:8px;
}
.cc-mobile-fighterpane{
  flex:1 1 50%;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.02);
  padding:10px;
  min-width:0;
}
.cc-mobile-fighterhead{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.cc-mobile-fightername{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:700;
}
.cc-mobile-fighterline{
  font-size:11px;
  color:rgba(223,230,238,.84);
  line-height:1.45;
}
.cc-mobile-fighterline:last-child{
  color:rgba(223,230,238,.68);
}
.cc-mobile-betgrid{
  display:flex;
  gap:0;
  border-top:1px solid rgba(255,255,255,.05);
}
.cc-mobile-betpane{
  flex:1 1 50%;
  padding:12px;
}
.cc-mobile-betpane + .cc-mobile-betpane{
  border-left:1px solid rgba(255,255,255,.05);
}
.cc-mobile-bet-head{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
}
.cc-mobile-bet-name{
  font-weight:700;
  color:#dfe6ee;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cc-mobile-bet-meta{
  font-size:12px;
  color:rgba(223,230,238,.82);
  line-height:1.45;
  margin-bottom:8px;
}
.cc-mobile-bet-meta > div:last-child{
  color:rgba(223,230,238,.68);
}
.cc-bet-controls-mobile .cc-bet-btn{
  min-height:36px;
}
.cc-side-chip{
  display:inline-block;
  min-width:50px;
  text-align:center;
  padding:2px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  font-weight:800;
  font-size:11px;
}
.cc-side-left{ background:rgba(240,173,78,.14); color:#ffd49a; }
.cc-side-right{ background:rgba(91,192,222,.14); color:#a9ebff; }

.cc-tracker-wrap{padding-top:90px;padding-bottom:30px;background:#2f3841}
.cc-tracker-card{
  background:linear-gradient(180deg,#323b44 0%,#2c343c 100%);
  color:#dfe6ee;border:1px solid #1f262d;border-radius:10px;
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);
  padding:14px;
}
.cc-tracker-card + .cc-tracker-card{margin-top:12px}
.cc-tracker-title{font-weight:800;font-size:18px;letter-spacing:.2px}
.cc-tracker-sub{font-size:12px;color:rgba(223,230,238,.7);margin-top:4px}
.cc-kpi-label{font-size:11px;color:rgba(223,230,238,.62);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.cc-kpi-line{font-size:13px;line-height:1.6}
.cc-sep{height:1px;background:rgba(255,255,255,.05);margin:10px 0}
.cc-progress{
  height:12px;border-radius:999px;overflow:hidden;
  background:#1f262d;border:1px solid rgba(255,255,255,.06);
  display:flex;
}
.cc-progress > div{height:100%}
.cc-progress-p1{background:linear-gradient(90deg,#e4a543,#f2be62)}
.cc-progress-p2{background:linear-gradient(90deg,#4db8d7,#6ed0ec)}
.cc-inline-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font-size:12px;color:rgba(223,230,238,.82)}
.cc-chip{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 8px;border-radius:999px;
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);
}
.cc-dot{width:7px;height:7px;border-radius:50%}
.cc-dot-left{background:#f0ad4e}.cc-dot-right{background:#5bc0de}
.cc-table-wrap{
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;overflow:hidden;margin-top:8px;
  background:rgba(20,25,30,.2);
}
.cc-table{width:100%;border-collapse:collapse;margin:0;color:#dfe6ee;font-size:12px}
.cc-table thead th{
  background:rgba(255,255,255,.04);
  color:#f2f6fa;font-weight:700;
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:10px 10px;text-align:left;
}
.cc-table tbody td{
  padding:9px 10px;border-top:1px solid rgba(255,255,255,.05);
  vertical-align:middle;
}
.cc-table tbody tr:nth-child(even){background:rgba(255,255,255,.015)}
.cc-table tbody tr:hover{background:rgba(255,255,255,.03)}
.cc-table td.is-num,.cc-table th.is-num{text-align:right}
.cc-table td.is-center,.cc-table th.is-center{text-align:center}
.cc-empty{color:rgba(223,230,238,.65);font-style:italic}
.cc-side-badge{
  display:inline-block;min-width:34px;text-align:center;
  padding:2px 6px;border-radius:999px;font-weight:700;font-size:11px;
  border:1px solid rgba(255,255,255,.1)
}
.cc-side-p1{background:rgba(240,173,78,.14);color:#ffd49a}
.cc-side-p2{background:rgba(91,192,222,.14);color:#a9ebff}
.cc-match-title{font-size:14px;font-weight:700;line-height:1.4}
.cc-match-meta{font-size:12px;color:rgba(223,230,238,.7);margin-top:4px}

@media (max-width: 767px){
  .cc-main-grid{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
  }
  .cc-main-grid > [class*="span"]{
    float:none !important;
    margin-left:0 !important;
    box-sizing:border-box;
  }
  .cc-main-grid > .cc-col-center{
    order:1;
    width:100% !important;
  }
  .cc-main-grid > .cc-col-left{
    display:none !important;
  }
  .cc-main-grid > .cc-col-right{
    display:none !important;
  }
  .cc-mobile-only{ display:block; }
  .row-fluid [class*="span"]{
    margin-bottom:12px;
  }
  .row-fluid [class*="span"]:last-child{
    margin-bottom:0;
  }
  .cc-bet-controls{
    flex-wrap:wrap;
    justify-content:stretch !important;
    gap:6px !important;
  }
  .cc-bet-input{
    width:100% !important;
    box-sizing:border-box;
    text-align:center;
    font-size:16px;
  }
  .cc-bet-btn{
    width:100%;
    box-sizing:border-box;
    font-size:12px;
    padding:10px 12px;
    line-height:1.2;
  }
  .cc-home-table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .cc-home-table{font-size:11px}
  .cc-home-table thead th,.cc-home-table tbody td{padding:8px 8px}
  .cc-home-section-title{margin:8px 0}
  .cc-side-chip{min-width:44px;padding:2px 6px}
  #timeline{
    flex-wrap:wrap;
    gap:4px;
    line-height:1.6;
  }
  #matchStatusLine,
  #cooldownLine{
    font-size:11px !important;
    line-height:1.45;
    padding:8px !important;
  }
  #delayHint{
    font-size:10px !important;
  }
  #p1Players,
  #p2Players{
    line-height:1.4;
  }
  .cc-tracker-wrap .container{max-width:96%!important}
  .cc-tracker-card{padding:12px}
  .cc-table{font-size:11px}
  .cc-table thead th,.cc-table tbody td{padding:8px 8px}
  .cc-table-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .cc-inline-stats{gap:6px}
}

@media (max-width: 380px){
  .cc-mobile-fightergrid{
    flex-direction:column;
  }
}

@media (max-width: 340px){
  .cc-mobile-betgrid{
    flex-direction:column;
  }
  .cc-mobile-betpane + .cc-mobile-betpane{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.05);
  }
}