:root{
  --void:#07030f;
  --panel:#1a0e2e;
  --surface:#221340;
  --rim:#2e1a52;
  --accent:#9d3fff;
  --glow:#b96aff;
  --hot:#d4a0ff;
  --ember:#ff3dff;
  --text:#e8d6ff;
  --muted:#8a6fb5;
  --faint:#3d2860;
  --good:#4fffb0;
  --positive:#4fffb0;
  --negative:#ff4f7b;
  --bad:#ff6d9a;
  --gold:#ffd700;
  --ct:#5ab0ff;
  --tt:#ffc147;
  --r:8px;
  --r-lg:14px;
  --font-head:'Orbitron',monospace;
  --font-body:'Rajdhani',sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  min-height:100vh;
  color:var(--text);
  font-family:var(--font-body);
  background:var(--void);
  overflow-x:hidden;
  opacity:0;
  animation:page-fade-in .32s ease forwards;
}
@keyframes page-fade-in{
  from{opacity:0}
  to{opacity:1}
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 80% 50% at 20% -10%, rgba(120,0,200,.35) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 110%, rgba(180,0,255,.2) 0%, transparent 60%),
    radial-gradient(ellipse 40% 60% at 50% 50%, rgba(80,0,140,.15) 0%, transparent 70%);
}
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0,0,0,.08) 3px, rgba(0,0,0,.08) 4px);
}
.designed-by-bar{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:7px 20px;
  border-bottom:1px solid var(--faint);
  background:rgba(7,3,15,.72);
  backdrop-filter:blur(6px);
}
.designed-by-bar .designed-label{
  font-family:var(--font-head);
  font-size:.58rem;
  letter-spacing:.25em;
  text-transform:uppercase;
  color:var(--muted);
}
.designed-by-bar .designed-amp{
  color:var(--text);
  font-size:.85rem;
  font-weight:700;
  opacity:.7;
}
.designed-by-bar .designer{
  font-family:var(--font-head);
  font-weight:700;
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.designed-by-bar .d1{
  background:linear-gradient(90deg,#a78bfa,#60a5fa);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:designer-1 3s ease-in-out infinite;
}
.designed-by-bar .d2{
  background:linear-gradient(90deg,#4fffb0,#a3e635);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  animation:designer-2 3s ease-in-out infinite .45s;
}
@keyframes designer-1{0%,100%{filter:drop-shadow(0 0 4px rgba(167,139,250,.4))}50%{filter:drop-shadow(0 0 10px rgba(167,139,250,.9))}}
@keyframes designer-2{0%,100%{filter:drop-shadow(0 0 4px rgba(79,255,176,.4))}50%{filter:drop-shadow(0 0 10px rgba(79,255,176,.9))}}
.top-bar{
  position:relative;
  z-index:4;
  height:3px;
  background:linear-gradient(90deg,var(--accent),var(--ember),var(--accent));
  background-size:200% 100%;
  animation:slide-gradient 3s linear infinite;
}
@keyframes slide-gradient{0%{background-position:0 50%}100%{background-position:200% 50%}}
.tab-bg-shell{
  --tab-bg-focus:56%;
  position:fixed;
  bottom:0;
  width:clamp(180px,18vw,280px);
  height:86vh;
  pointer-events:none;
  z-index:1;
  opacity:0;
  overflow:hidden;
}
.tab-bg-shell::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,6,22,.85),rgba(10,6,22,0) 26%,rgba(10,6,22,0) 74%,rgba(10,6,22,.45));
}
.tab-bg-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--tab-bg-focus) 100%;
  display:block;
}
.tab-bg-left{
  left:0;
  animation:tab-bg-fade-l .9s ease .12s forwards;
}
.tab-bg-right{
  right:0;
  transform:scaleX(-1);
  animation:tab-bg-fade-r .9s ease .25s forwards;
}
@keyframes tab-bg-fade-l{
  from{opacity:0;transform:translateX(-45px)}
  to{opacity:.28;transform:translateX(0)}
}
@keyframes tab-bg-fade-r{
  from{opacity:0;transform:scaleX(-1) translateX(-45px)}
  to{opacity:.28;transform:scaleX(-1) translateX(0)}
}
.welcome-bg{
  position:fixed;
  left:50%;
  bottom:0;
  width:min(96vw,1400px);
  transform:translateX(-50%);
  opacity:.18;
  z-index:1;
  pointer-events:none;
}
.wrapper{
  position:relative;
  z-index:3;
  max-width:1700px;
  margin:0 auto;
  padding:0 32px 60px;
}
.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:32px 0 48px;
  border-bottom:1px solid var(--faint);
  gap:20px;
  flex-wrap:wrap;
}
.brand{
  display:flex;
  align-items:center;
  gap:18px;
}
.brand-logo{
  width:80px;
  height:80px;
  border-radius:50%;
  box-shadow:0 0 30px rgba(157,63,255,.6),0 0 80px rgba(157,63,255,.25),0 0 0 2px var(--accent);
  animation:pulse-ring 3s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes pulse-ring{
  0%,100%{box-shadow:0 0 30px rgba(157,63,255,.6),0 0 80px rgba(157,63,255,.25),0 0 0 2px var(--accent);}
  50%{box-shadow:0 0 50px rgba(157,63,255,.9),0 0 100px rgba(157,63,255,.4),0 0 0 4px var(--glow);}
}
.brand h1{
  font-family:var(--font-head);
  font-size:2rem;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  background:linear-gradient(135deg,#fff,var(--hot),var(--ember));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.brand p{
  margin-top:5px;
  color:var(--muted);
  font-family:var(--font-head);
  font-size:.65rem;
  letter-spacing:.25em;
  text-transform:uppercase;
}
.header-stats{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.hstat{
  background:var(--panel);
  border:1px solid var(--faint);
  border-radius:var(--r);
  padding:10px 18px;
  text-align:center;
}
.hstat-val{
  display:block;
  font-family:var(--font-head);
  font-size:1.4rem;
  font-weight:700;
  color:var(--glow);
}
.hstat-label{
  font-size:.72rem;
  letter-spacing:.15em;
  color:var(--muted);
  text-transform:uppercase;
}
.tg-btn{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:10px 20px;
  background:linear-gradient(135deg,rgba(0,136,204,.15),rgba(0,136,204,.08));
  border:1px solid rgba(0,136,204,.4);
  border-radius:var(--r);
  text-decoration:none;
  color:#4fc3f7;
  transition:all .25s;
  position:relative;
  overflow:hidden;
}
.tg-btn::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(0,136,204,.25),transparent);
  opacity:0;
  transition:opacity .25s;
}
.tg-btn:hover{
  border-color:rgba(0,136,204,.8);
  box-shadow:0 0 20px rgba(0,136,204,.35),0 0 40px rgba(0,136,204,.15);
  color:#81d4fa;
  transform:translateY(-2px);
}
.tg-btn:hover::before{opacity:1}
.tg-icon{
  width:24px;
  height:24px;
  fill:currentColor;
  filter:drop-shadow(0 0 6px rgba(79,195,247,.6));
  flex-shrink:0;
  animation:tg-pulse 3s ease-in-out infinite;
}
@keyframes tg-pulse{
  0%,100%{filter:drop-shadow(0 0 4px rgba(79,195,247,.5))}
  50%{filter:drop-shadow(0 0 10px rgba(79,195,247,1))}
}
.tg-label{
  font-family:var(--font-head);
  font-size:.55rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
}
.tab-nav{
  display:flex;
  gap:4px;
  align-items:flex-end;
  margin:22px 0 16px;
  padding:0;
  border-bottom:2px solid var(--faint);
}
.tab-btn{
  position:relative;
  bottom:-2px;
  text-decoration:none;
  text-transform:uppercase;
  font-family:var(--font-head);
  font-size:.67rem;
  font-weight:700;
  letter-spacing:.16em;
  color:var(--muted);
  padding:10px 18px;
  border:1px solid transparent;
  border-bottom:none;
  border-radius:9px 9px 0 0;
  transition:color .2s,background .2s,border-color .2s;
}
.tab-btn:hover{color:var(--hot)}
.tab-btn.active{
  color:var(--hot);
  background:var(--panel);
  border-color:var(--faint);
  border-bottom-color:var(--panel);
}
.event-btn{
  margin-left:auto;
  margin-bottom:6px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 22px;
  font-family:var(--font-head);
  font-size:.65rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;
  color:#fff;
  border-radius:50px;
  background:linear-gradient(135deg,#ff8c00,#ff3dff,#ff8c00);
  background-size:200% 100%;
  border:none;
  position:relative;
  bottom:0;
  animation:event-btn-shift 3s linear infinite,event-btn-glow 2s ease-in-out infinite;
  transition:transform .2s,box-shadow .2s;
}
.event-btn:hover{
  color:#fff;
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 0 30px rgba(255,61,255,.6),0 0 60px rgba(255,140,0,.25);
}
@keyframes event-btn-shift{0%{background-position:0%}100%{background-position:200%}}
@keyframes event-btn-glow{0%,100%{box-shadow:0 0 12px rgba(255,61,255,.4),0 0 24px rgba(255,140,0,.2)}50%{box-shadow:0 0 24px rgba(255,61,255,.8),0 0 48px rgba(255,140,0,.4)}}
.panel{
  position:relative;
  background:rgba(26,14,46,.9);
  border:1px solid var(--faint);
  border-radius:14px;
  padding:16px;
  margin-bottom:16px;
  box-shadow:0 8px 30px rgba(0,0,0,.42);
  overflow:hidden;
}
.rounds-panel{
  overflow:visible;
}
.panel::before,.panel::after{
  content:'';
  position:absolute;
  width:26px;
  height:26px;
  border:1px solid rgba(157,63,255,.5);
  pointer-events:none;
}
.panel::before{
  top:-1px;
  left:-1px;
  border-right:none;
  border-bottom:none;
  border-radius:14px 0 0 0;
}
.panel::after{
  right:-1px;
  bottom:-1px;
  border-left:none;
  border-top:none;
  border-radius:0 0 14px 0;
}
.back-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  cursor:pointer;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid var(--faint);
  background:var(--surface);
  color:var(--text);
  font-family:var(--font-head);
  font-size:.66rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:border-color .2s,color .2s,box-shadow .2s,transform .2s;
}
.back-link:hover{
  border-color:var(--accent);
  color:var(--hot);
  box-shadow:0 0 15px rgba(157,63,255,.25);
  transform:translateY(-1px);
}
.error{
  color:var(--bad);
  font-size:1rem;
}
.hero{
  display:grid;
  grid-template-columns:minmax(290px,430px) minmax(0,1fr);
  gap:16px;
}
.hero-map{
  --cut:14px;
  position:relative;
  min-height:240px;
  border:1px solid rgba(61,40,96,.9);
  background:rgba(9,5,19,.45);
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
  overflow:hidden;
}
.hero-map::before{
  content:'';
  position:absolute;
  inset:1px;
  border:1px solid rgba(157,63,255,.2);
  clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 var(--cut));
  pointer-events:none;
}
.hero-map img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.9) saturate(1.04);
}
.hero-map-fallback{
  width:100%;
  height:100%;
  min-height:240px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  letter-spacing:.12em;
  font-size:1.35rem;
  text-transform:uppercase;
  color:#b4a1da;
  background:radial-gradient(circle at 30% 20%, rgba(157,63,255,.2), rgba(18,9,35,.9));
}
.hero-meta{
  display:flex;
  flex-direction:column;
  gap:11px;
}
.hero-title{
  font-family:var(--font-head);
  font-size:.84rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#d7bdff;
}
.score-box{
  margin-top:1px;
  border:1px solid rgba(61,40,96,.8);
  border-radius:12px;
  background:rgba(9,4,18,.4);
  padding:11px 12px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px;
  font-family:var(--font-head);
}
.score-ct,.score-t{
  font-size:2.15rem;
  line-height:1;
  font-weight:900;
  text-align:center;
}
.score-ct{
  color:var(--ct);
  text-shadow:0 0 12px rgba(90,176,255,.52);
}
.score-mid{
  color:var(--faint);
  font-size:1.08rem;
}
.score-t{
  color:var(--tt);
  text-shadow:0 0 12px rgba(255,193,71,.45);
}
.meta-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.meta-item{
  border:1px solid rgba(61,40,96,.8);
  border-radius:10px;
  background:rgba(26,16,48,.72);
  padding:10px;
}
.meta-item-demo{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(111,73,180,.12), transparent 42%),
    radial-gradient(circle at bottom left, rgba(86,58,148,.16), transparent 50%),
    linear-gradient(180deg, rgba(31,18,57,.9), rgba(23,12,43,.9));
  border-color:rgba(88,60,139,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 22px rgba(13,5,28,.18);
}
.meta-item-demo::after{
  content:'';
  position:absolute;
  inset:auto -28px -32px auto;
  width:96px;
  height:96px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(111,73,180,.14), rgba(111,73,180,0));
  pointer-events:none;
}
.meta-label{
  color:var(--muted);
  font-family:var(--font-head);
  font-size:.57rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.meta-value{
  margin-top:5px;
  font-size:1rem;
  font-weight:600;
  color:var(--text);
  word-break:break-word;
}
.meta-value-demo{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
}
.meta-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:0 18px;
  border-radius:12px;
  border:1px solid rgba(114,84,176,.62);
  background:
    linear-gradient(180deg, rgba(100,68,161,.92), rgba(67,41,116,.92));
  color:#f2ebff;
  font-family:var(--font-head);
  font-size:.65rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:
    0 10px 22px rgba(34,16,66,.24),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 14px rgba(111,73,180,.12);
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease, border-color .16s ease;
}
.meta-action:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
  border-color:rgba(138,108,204,.82);
  box-shadow:
    0 12px 26px rgba(34,16,66,.3),
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 18px rgba(111,73,180,.16);
}
.meta-action-icon{
  width:16px;
  height:16px;
  flex:0 0 16px;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.22));
}
.meta-action-text{
  display:inline-flex;
  align-items:center;
  line-height:1;
}
.meta-note{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(87,66,133,.52);
  background:rgba(18,9,33,.58);
  font-size:.65rem;
  font-weight:600;
  color:#a894d4;
  letter-spacing:.04em;
  word-break:break-all;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.winner-ct{color:var(--ct);font-weight:700}
.winner-t{color:var(--tt);font-weight:700}
.winner-other{color:#cfb9f7;font-weight:700}
.section-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-head);
  font-size:.72rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#d7bdff;
  margin-bottom:12px;
}
.section-title::after{
  content:'';
  height:1px;
  flex:1;
  background:var(--faint);
}
.rounds-wrap{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:6px 4px 14px;
  border:1px solid rgba(61,40,96,.72);
  border-radius:10px;
  background:rgba(9,4,18,.26);
}
.round-card{
  position:relative;
  min-width:88px;
  padding:8px 9px;
  border:1px solid rgba(96,70,142,.72);
  border-radius:9px;
  background:rgba(34,19,64,.78);
}
.round-win-ct{
  border-color:rgba(90,176,255,.55);
  box-shadow:inset 0 0 0 1px rgba(90,176,255,.2);
}
.round-win-t{
  border-color:rgba(255,193,71,.55);
  box-shadow:inset 0 0 0 1px rgba(255,193,71,.2);
}
.round-win-other{
  border-color:rgba(167,139,250,.35);
}
.round-num{
  font-family:var(--font-head);
  font-size:.53rem;
  letter-spacing:.12em;
  color:var(--muted);
  text-transform:uppercase;
}
.round-winner{
  margin-top:4px;
  font-family:var(--font-head);
  font-size:.86rem;
  line-height:1;
  font-weight:700;
}
.round-winner.winner-ct{color:var(--ct)}
.round-winner.winner-t{color:var(--tt)}
.round-winner.winner-other{color:#cfb9f7}
.round-kills{
  margin-top:5px;
  color:#cbb6ef;
  font-size:.78rem;
}
.round-score{
  margin-top:2px;
  color:var(--muted);
  font-family:var(--font-head);
  font-size:.52rem;
  letter-spacing:.1em;
}
.round-tooltip{
  display:none;
  position:absolute;
  left:0;
  bottom:calc(100% + 10px);
  width:360px;
  max-width:min(80vw,360px);
  background:rgba(20,13,35,.98);
  border:1px solid rgba(120,88,173,.72);
  border-radius:10px;
  padding:8px 10px;
  box-shadow:0 12px 30px rgba(0,0,0,.45);
  z-index:7;
}
.round-card:hover .round-tooltip{
  display:block;
}
.round-tooltip-title{
  font-family:var(--font-head);
  font-size:.56rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ceb0ff;
  margin-bottom:5px;
}
.round-events{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.round-events li{
  display:flex;
  gap:8px;
  align-items:flex-start;
  font-size:.82rem;
  line-height:1.2;
}
.event-time{
  color:var(--muted);
  font-family:var(--font-head);
  font-size:.5rem;
  min-width:52px;
  letter-spacing:.05em;
  margin-top:2px;
}
.event-team-ct{color:#9fd2ff}
.event-team-t{color:#ffd280}
.event-team-other{color:#d8c7f6}
.table-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid rgba(61,40,96,.72);
  border-radius:10px;
  background:rgba(9,4,18,.26);
}
table{
  width:100%;
  min-width:2200px;
  border-collapse:collapse;
}
th,td{
  border-bottom:1px solid rgba(61,40,96,.55);
  padding:10px 9px;
  text-align:left;
  vertical-align:middle;
  white-space:nowrap;
}
thead th{
  position:sticky;
  top:0;
  z-index:1;
  color:var(--muted);
  text-transform:uppercase;
  font-family:var(--font-head);
  font-size:.57rem;
  letter-spacing:.12em;
  background:linear-gradient(90deg,rgba(46,26,82,.92),rgba(34,19,64,.92));
  border-bottom:1px solid rgba(157,63,255,.45);
}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover td{background:rgba(157,63,255,.08)}

/* в”Ђв”Ђв”Ђ MVP / top-kills row highlight в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
tbody tr.row--mvp td {
  background: rgba(157,63,255,.07);
}
tbody tr.row--mvp:first-child td:first-child {
  position: relative;
}
tbody tr.row--mvp td:first-child::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--accent), var(--ember));
  border-radius: 0 2px 2px 0;
}
tbody tr.row--mvp:hover td { background: rgba(157,63,255,.13); }
.team-ct td{background:linear-gradient(90deg,rgba(90,176,255,.04),transparent 35%)}
.team-t td{background:linear-gradient(90deg,rgba(255,193,71,.04),transparent 35%)}
.team-other td{background:transparent}
.player-name{
  min-width:180px;
}
.player-cell{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.player-avatar-img,.player-avatar-fallback{
  width:22px;
  height:22px;
  border-radius:50%;
  flex:0 0 22px;
}
.player-avatar-img{
  object-fit:cover;
  border:1px solid rgba(122,95,170,.68);
  background:rgba(12,7,22,.68);
}
.player-avatar-fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-size:.44rem;
  font-weight:700;
  letter-spacing:.03em;
  color:#efe6ff;
  border:1px solid rgba(122,95,170,.68);
  background:linear-gradient(135deg,rgba(59,39,95,.95),rgba(31,19,56,.95));
}
.player-name-text{
  min-width:0;
  display:block;
}
.player-name a{
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d6c1ff;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .2s,border-color .2s,text-shadow .2s;
}
.player-name a:hover{
  color:var(--hot);
  border-bottom-color:var(--accent);
  text-shadow:0 0 10px rgba(212,160,255,.45);
}
.steam{
  font-family:var(--font-head);
  font-size:.58rem;
  color:var(--muted);
  letter-spacing:.05em;
  white-space:nowrap;
}
.team-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  padding:3px 9px;
  border-radius:999px;
  font-family:var(--font-head);
  font-size:.6rem;
  font-weight:700;
  letter-spacing:.08em;
  border:1px solid transparent;
}
.team-ct .team-pill{
  color:var(--ct);
  border-color:rgba(90,176,255,.4);
  background:rgba(90,176,255,.09);
}
.team-t .team-pill{
  color:var(--tt);
  border-color:rgba(255,193,71,.4);
  background:rgba(255,193,71,.09);
}
.team-other .team-pill{
  color:var(--muted);
  border-color:rgba(170,150,209,.35);
  background:rgba(170,150,209,.08);
}
.td-rank{min-width:130px}
.rank-wrap{
  display:flex;
  flex-direction:column;
  gap:3px;
  width:120px;
  min-width:120px;
}
.rank-labels{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
}
.rank-badge{
  font-family:var(--font-head);
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.05em;
  line-height:1;
  flex-shrink:0;
  text-shadow:0 0 8px currentColor;
}
.rank-badge.rank-group-g{
  color:#000 !important;
  background:#e8e8e8;
  border:1px solid #aaa;
  border-radius:3px;
  padding:1px 3px;
  text-shadow:none;
}
.rank-next-label{
  font-family:var(--font-head);
  font-size:.5rem;
  font-weight:700;
  letter-spacing:.04em;
  line-height:1;
  opacity:.75;
  flex-shrink:0;
}
.rank-next-label.rank-maxed{
  color:var(--hot);
  opacity:1;
}
.rank-bar-track{
  width:100%;
  height:6px;
  background:rgba(255,255,255,.07);
  border-radius:99px;
  overflow:hidden;
}
.rank-bar-fill{
  height:100%;
  border-radius:99px;
  background:var(--bar-color,#90ee90);
  box-shadow:0 0 6px var(--bar-color,#90ee90);
}
.kd-pos{color:var(--good);font-weight:700}
.kd-neg{color:var(--bad);font-weight:700}
.delta-pos{color:var(--good);font-weight:700}
.delta-neg{color:var(--bad);font-weight:700}
.delta-zero{color:#cfb9f7;font-weight:700}
.empty{
  color:var(--muted);
  padding:16px 8px;
  text-align:center;
}
.duel-layout{
  padding:14px;
  overflow:visible;
}
.duel-headline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  margin-bottom:12px;
}
.lineup-side{
  border:1px solid rgba(61,40,96,.72);
  border-radius:10px;
  background:rgba(9,4,18,.36);
  padding:8px;
}
.lineup-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:6px;
  font-family:var(--font-head);
  font-size:.58rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#ccb2f6;
}
.lineup-title .score{
  font-size:.72rem;
  letter-spacing:.06em;
}
.lineup-side-t .lineup-title .score{color:var(--tt)}
.lineup-side-ct .lineup-title .score{color:var(--ct)}
.lineup-strip{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.lineup-card{
  min-width:calc(20% - 5px);
  flex:1;
  border:1px solid rgba(94,72,138,.65);
  border-radius:8px;
  background:rgba(28,18,48,.75);
  padding:6px 5px;
  text-align:center;
}
.lineup-card-empty{
  opacity:.45;
}
.lineup-avatar{
  width:34px;
  height:34px;
  margin:0 auto 4px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--font-head);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.04em;
  border:1px solid rgba(122,95,170,.72);
  background:linear-gradient(135deg,rgba(59,39,95,.95),rgba(31,19,56,.95));
  overflow:hidden;
}
.lineup-avatar-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.lineup-avatar-t{
  border-color:rgba(255,193,71,.55);
  color:var(--tt);
}
.lineup-avatar-ct{
  border-color:rgba(90,176,255,.55);
  color:var(--ct);
}
.lineup-avatar-empty{
  color:#bfa6e8;
  border-color:rgba(122,95,170,.4);
}
.lineup-name{
  font-size:.74rem;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.lineup-kda{
  margin-top:2px;
  font-family:var(--font-head);
  font-size:.48rem;
  letter-spacing:.07em;
  color:#c4a9eb;
}
.lineup-delta{
  margin-top:2px;
  font-size:.72rem;
  font-weight:700;
}
.duel-center{
  min-width:220px;
  border:1px solid rgba(61,40,96,.78);
  border-radius:10px;
  background:rgba(12,7,22,.72);
  padding:8px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.duel-score{
  font-family:var(--font-head);
  font-size:2rem;
  line-height:1;
  font-weight:900;
}
.duel-score .team-t{
  color:var(--tt);
  text-shadow:0 0 10px rgba(255,193,71,.35);
}
.duel-score .team-ct{
  color:var(--ct);
  text-shadow:0 0 10px rgba(90,176,255,.35);
}
.duel-score .sep{
  color:#cdb6f4;
  margin:0 6px;
}
.duel-status{
  margin-top:7px;
  font-family:var(--font-head);
  font-size:.56rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#d6bfff;
}
.duel-status.is-t{color:var(--tt)}
.duel-status.is-ct{color:var(--ct)}
.duel-meta{
  margin-top:5px;
  font-size:.8rem;
  color:#baa1e4;
}
.team-block{
  margin-bottom:12px;
}
.team-block:last-child{
  margin-bottom:0;
}
.team-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.team-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:var(--font-head);
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  border:1px solid transparent;
  border-radius:999px;
  padding:4px 10px;
}
.team-tag-t{
  color:var(--tt);
  border-color:rgba(255,193,71,.45);
  background:rgba(255,193,71,.10);
}
.team-tag-ct{
  color:var(--ct);
  border-color:rgba(90,176,255,.45);
  background:rgba(90,176,255,.10);
}
.team-score-mini{
  font-family:var(--font-head);
  font-size:.74rem;
  letter-spacing:.08em;
  color:#dcc8ff;
}
.team-table{
  min-width:1500px;
}
.team-table thead th{
  position:static;
  font-size:.52rem;
  letter-spacing:.1em;
}
.team-table thead .group-row th{
  text-align:center;
  color:#cbb1f3;
  background:linear-gradient(90deg,rgba(38,23,67,.95),rgba(32,18,58,.95));
  border-bottom:1px solid rgba(126,94,181,.4);
}
.team-table thead .group-row th.group-empty{
  background:transparent;
  border-bottom:1px solid rgba(61,40,96,.55);
}
.team-table thead .col-row th{
  color:var(--muted);
  background:linear-gradient(90deg,rgba(46,26,82,.92),rgba(34,19,64,.92));
}
.team-table th,.team-table td{
  padding:8px 7px;
}
.pm-pos{color:var(--good);font-weight:700}
.pm-neg{color:var(--bad);font-weight:700}
.pm-zero{color:#cfb9f7;font-weight:700}
.impact-cell{
  color:#e8deff;
  font-weight:700;
}
.result-cell{
  font-weight:700;
}

/* в”Ђв”Ђв”Ђ Dropped status badges в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
.dropped-badge{
  display:inline-block;
  font-size:.5rem;
  font-weight:700;
  padding:1px 5px;
  border-radius:3px;
  letter-spacing:.04em;
  text-transform:uppercase;
  vertical-align:middle;
  margin-left:6px;
  line-height:1.4;
}
.dropped-badge-leaver{
  background:rgba(255,79,123,.12);
  color:var(--bad);
  border:1px solid rgba(255,79,123,.3);
}
.dropped-badge-gave-slot{
  background:rgba(255,193,71,.12);
  color:var(--tt);
  border:1px solid rgba(255,193,71,.3);
}
/* Dim the entire leaver row */
tbody tr.row--leaver td{
  opacity:.55;
}
tbody tr.row--leaver:hover td{
  opacity:.75;
}
tbody tr.row--leaver td:first-child{
  opacity:1; /* keep player name readable */
}
tbody tr.row--leaver td:first-child .player-name-text a,
tbody tr.row--leaver td:first-child .player-name-text{
  opacity:.6;
}
/* Result cell special states */
.result-cell.result-leaver{
  color:var(--bad) !important;
  opacity:.7;
  font-size:.62rem;
  letter-spacing:.03em;
}
.result-cell.result-gave-slot{
  font-style:italic;
}
/* Lineup card dropped status */
.lineup-dropped{
  font-size:.42rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-top:2px;
  padding:1px 4px;
  border-radius:2px;
  line-height:1.3;
}
.lineup-dropped-leaver{
  background:rgba(255,79,123,.15);
  color:#ff6b8a;
  border:1px solid rgba(255,79,123,.25);
}
.lineup-dropped-gave-slot{
  background:rgba(255,193,71,.15);
  color:#ffc147;
  border:1px solid rgba(255,193,71,.25);
}
.round-duel{
  border:1px solid rgba(93,112,153,.36);
  border-radius:11px;
  background:
    radial-gradient(circle at 18% -40%, rgba(102,149,223,.2), transparent 40%),
    radial-gradient(circle at 82% -30%, rgba(230,191,99,.16), transparent 38%),
    rgba(10,14,26,.58);
  padding:12px 8px 14px;
  margin-bottom:12px;
}
.round-duel-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:visible;
  padding:4px 2px 10px;
  scrollbar-width:thin;
  scrollbar-color:rgba(157,63,255,.3) transparent;
}
.round-duel-scroll::-webkit-scrollbar{ height:4px; }
.round-duel-scroll::-webkit-scrollbar-track{ background:transparent; }
.round-duel-scroll::-webkit-scrollbar-thumb{ background:rgba(157,63,255,.3); border-radius:4px; }

/* в”Ђв”Ђв”Ђ Scroll arrows wrapper в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
.rounds-scroll-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
}
.rounds-arrow {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--faint);
  background: var(--panel);
  color: var(--muted);
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color .2s, color .2s, background .2s, box-shadow .2s;
  user-select: none;
  z-index: 2;
}
.rounds-arrow:hover {
  border-color: var(--accent);
  color: var(--hot);
  background: rgba(157,63,255,.15);
  box-shadow: 0 0 12px rgba(157,63,255,.3);
}
.rounds-arrow:disabled {
  opacity: .25;
  cursor: default;
  pointer-events: none;
}
.rounds-arrow-left  { margin-right: 6px; }
.rounds-arrow-right { margin-left:  6px; }
.round-grid{
  display:flex;
  gap:6px;
  min-width:max-content;
}
.round-col{
  position:relative;
  width:58px;
  flex:0 0 58px;
  border:1px solid rgba(103,121,160,.34);
  border-radius:8px;
  padding:5px 4px 6px;
  background:linear-gradient(180deg,rgba(24,31,50,.74),rgba(16,22,37,.82));
  overflow:visible;
  z-index:1;
}
.round-col:hover,
.round-col:focus-within{
  z-index:20;
}
.round-col::before,
.round-col::after{
  content:'';
  position:absolute;
  left:4px;
  right:4px;
  height:2px;
  border-radius:999px;
  opacity:0;
  pointer-events:none;
}
.round-col::before{top:2px}
.round-col::after{bottom:2px}
.round-col.round-win-ct{
  border-color:rgba(124,184,255,.56);
  box-shadow:inset 0 0 0 1px rgba(124,184,255,.18);
}
.round-col.round-win-ct::before{
  opacity:1;
  background:linear-gradient(90deg,rgba(124,184,255,0),rgba(124,184,255,.95),rgba(124,184,255,0));
  box-shadow:0 0 10px rgba(124,184,255,.5);
}
.round-col.round-win-t{
  border-color:rgba(226,190,99,.56);
  box-shadow:inset 0 0 0 1px rgba(226,190,99,.18);
}
.round-col.round-win-t::after{
  opacity:1;
  background:linear-gradient(90deg,rgba(226,190,99,0),rgba(226,190,99,.95),rgba(226,190,99,0));
  box-shadow:0 0 10px rgba(226,190,99,.46);
}
.round-stack{
  display:flex;
  flex-direction:column;
  gap:3px;
  align-items:center;
}
.round-stack-top{
  margin-bottom:6px;
}
.round-stack-bottom{
  margin-top:6px;
}
.round-col.round-win-ct .round-stack-top{
  background:linear-gradient(180deg,rgba(124,184,255,.16),rgba(124,184,255,.03));
  border-radius:6px;
  padding:2px 0;
}
.round-col.round-win-t .round-stack-bottom{
  background:linear-gradient(0deg,rgba(226,190,99,.16),rgba(226,190,99,.03));
  border-radius:6px;
  padding:2px 0;
}
.round-center{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  padding:2px 0;
}
.round-center::before{
  content:'';
  position:absolute;
  top:30px;
  left:-4px;
  right:-4px;
  height:2px;
  border-radius:999px;
  background:rgba(118,131,164,.35);
}
.round-col.round-win-ct .round-center::before{
  background:rgba(106,177,255,.72);
}
.round-col.round-win-t .round-center::before{
  background:rgba(244,201,109,.72);
}
.round-col.round-win-other .round-center::before{
  background:rgba(165,176,208,.45);
}
.round-score-top,
.round-score-bottom{
  font-family:var(--font-head);
  font-size:.74rem;
  line-height:1;
  font-weight:700;
}
.round-score-top{
  color:#7cb8ff;
  text-shadow:0 0 10px rgba(124,184,255,.35);
}
.round-score-bottom{
  color:#e2be63;
  text-shadow:0 0 10px rgba(226,190,99,.3);
}
.round-roundnum{
  font-family:var(--font-head);
  font-size:.51rem;
  letter-spacing:.09em;
  color:#bdc6df;
}
.round-end-anchor{
  position:relative;
  display:flex;
  justify-content:center;
}
.round-outcome{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:50%;
  border:2px solid rgba(231,239,255,.2);
  background:rgba(20,15,35,.9);
  color:#666;
  line-height:0;
  box-shadow:0 2px 8px rgba(0,0,0,.5);
  cursor:pointer;
  user-select:none;
  transition:transform .15s, box-shadow .15s;
}
.round-outcome svg{
  width:18px;
  height:18px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.outcome-emoji{
  font-size:16px;
  line-height:1;
  display:block;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));
}
.round-outcome:hover,
.round-outcome:focus{
  outline:none;
  transform:translateY(-2px) scale(1.15);
  box-shadow:0 6px 18px rgba(0,0,0,.6);
}

/* Defuse — синий */
.round-outcome-defuse{
  color:#5ab0ff;
  background:rgba(90,176,255,.2);
  border-color:rgba(90,176,255,.7);
  box-shadow:0 0 10px rgba(90,176,255,.45),0 2px 8px rgba(0,0,0,.5);
}
/* Explode — оранжевый */
.round-outcome-explode{
  color:#ff8c3a;
  background:rgba(255,140,58,.2);
  border-color:rgba(255,140,58,.7);
  box-shadow:0 0 10px rgba(255,140,58,.45),0 2px 8px rgba(0,0,0,.5);
}
/* Time — серо-синий */
.round-outcome-time{
  color:#a0aec0;
  background:rgba(160,174,192,.15);
  border-color:rgba(160,174,192,.5);
  box-shadow:0 0 8px rgba(160,174,192,.25),0 2px 8px rgba(0,0,0,.5);
}
/* Elimination — пурпурный */
.round-outcome-elim{
  color:#c084fc;
  background:rgba(192,132,252,.18);
  border-color:rgba(192,132,252,.6);
  box-shadow:0 0 10px rgba(192,132,252,.35),0 2px 8px rgba(0,0,0,.5);
}
.round-outcome-unknown{
  color:#666;
  background:rgba(80,80,100,.2);
  border-color:rgba(100,100,130,.3);
}

/* CT win — синяя рамка на иконке */
.round-col.round-win-ct .round-outcome:not(.round-outcome-defuse):not(.round-outcome-time){
  border-color:rgba(90,176,255,.6);
}
/* T win — жёлтая рамка на иконке */
.round-col.round-win-t .round-outcome:not(.round-outcome-explode){
  border-color:rgba(255,193,71,.55);
}

/* в”Ђв”Ђв”Ђ Half-time separator в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
.round-halftime-sep {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  gap: 4px;
  position: relative;
}
.round-halftime-sep::before {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  background: linear-gradient(180deg,
    transparent 0%,
    rgba(255,215,0,.6) 20%,
    rgba(255,215,0,.8) 50%,
    rgba(255,215,0,.6) 80%,
    transparent 100%
  );
  border-radius: 2px;
}
.round-halftime-label {
  position: relative;
  z-index: 1;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-family: var(--font-head);
  font-size: .42rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,215,0,.7);
  background: rgba(9,4,18,.85);
  padding: 6px 2px;
  border-radius: 3px;
  border: 1px solid rgba(255,215,0,.3);
  white-space: nowrap;
}

/* в”Ђв”Ђв”Ђ Rounds legend в”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђв”Ђ */
.rounds-legend {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding: 10px 14px;
  background: rgba(9,4,18,.3);
  border: 1px solid rgba(61,40,96,.5);
  border-radius: 8px;
}
.rounds-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-head);
  font-size: .52rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted);
}
.rounds-legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 3px;
  flex-shrink: 0;
}
.legend-dot-ct   { background: rgba(90,176,255,.5);  border: 1px solid rgba(90,176,255,.8); }
.legend-dot-t    { background: rgba(255,193,71,.5);  border: 1px solid rgba(255,193,71,.8); }
.legend-dot-def  { background: rgba(90,176,255,.35); border: 1px solid #5ab0ff; }
.legend-dot-exp  { background: rgba(255,140,58,.35); border: 1px solid #ff8c3a; }
.legend-dot-time { background: rgba(160,174,192,.3); border: 1px solid #a0aec0; }
.frag-slot{
  width:26px;
  height:26px;
  border-radius:50%;
  border:1px solid rgba(109,124,159,.45);
  background:rgba(36,44,66,.85);
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  font-family:var(--font-head);
  font-size:.45rem;
  line-height:1;
  color:#edf1fd;
  overflow:hidden;
  transition:border-color .2s, background .2s;
  position:relative;
}
.frag-avatar{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* Weapon icon badge in bottom-right corner of frag slot */
.frag-weapon-icon{
  position:absolute;
  bottom:-2px;
  right:-3px;
  width:14px;
  height:14px;
  object-fit:contain;
  filter:drop-shadow(0 0 2px rgba(0,0,0,.8));
  pointer-events:none;
  z-index:2;
}
.frag-slot.kill-ct,
.frag-slot.dead-t{
  border-color:rgba(124,184,255,.72);
  background:rgba(124,184,255,.22);
}
.frag-slot.kill-t,
.frag-slot.dead-ct{
  border-color:rgba(226,190,99,.72);
  background:rgba(226,190,99,.24);
}
.frag-slot.ghost{
  opacity:.36;
  color:transparent;
}
.frag-slot.ghost::after{
  content:'';
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(171,185,217,.5);
}
.round-popup{
  display:none;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:calc(100% + 12px);
  top:auto;
  width:clamp(360px,46vw,560px);
  max-width:min(92vw,560px);
  max-height:min(66vh,520px);
  border:1px solid rgba(117,133,174,.64);
  border-radius:11px;
  background:rgba(14,20,36,.98);
  padding:11px 12px;
  box-shadow:0 16px 30px rgba(0,0,0,.48);
  overflow-y:auto;
  z-index:120;
}
.round-popup-layer{
  position:fixed;
  left:0;
  top:0;
  transform:none;
  bottom:auto;
  z-index:9999;
  pointer-events:none;
}
.round-popup-layer.is-open{
  display:block;
  pointer-events:auto;
}
.round-popup::-webkit-scrollbar{
  width:8px;
}
.round-popup::-webkit-scrollbar-track{
  background:rgba(14,20,36,.65);
}
.round-popup::-webkit-scrollbar-thumb{
  background:rgba(128,146,189,.55);
  border-radius:999px;
}
.round-col:nth-last-child(-n+3) .round-popup{
  left:auto;
  transform:none;
  right:0;
}
.round-col:nth-child(-n+3) .round-popup{
  left:0;
  transform:none;
}
.round-popup-title{
  font-family:var(--font-head);
  font-size:.62rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#dbe6ff;
  margin-bottom:7px;
}
.round-popup-meta{
  color:#aebddf;
  font-size:.74rem;
  margin-bottom:8px;
}
.round-popup-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.round-popup-list li{
  display:grid;
  grid-template-columns:80px 1fr;
  gap:9px;
  font-size:.84rem;
  line-height:1.2;
  align-items:start;
}
.round-popup .event-time{
  color:#9cadcf;
  font-family:var(--font-head);
  font-size:.56rem;
  letter-spacing:.05em;
  min-width:0;
}
.event-line{
  color:#e6ecfb;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  white-space:normal;
  word-break:break-word;
}
.event-line .event-arrow{
  color:#a8b9df;
  font-weight:700;
}
.event-line .event-player{
  font-weight:700;
}
.event-line .event-player.side-t{
  color:var(--tt);
}
.event-line .event-player.side-ct{
  color:var(--ct);
}
.event-line .event-player.side-other{
  color:#d7dbeb;
}
.event-line .weapon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:14px;
}
.event-line .weapon-icon{
  display:block;
  max-width:38px;
  height:12px;
  width:auto;
  object-fit:contain;
  transform:scaleX(-1);
  transform-origin:center;
}
.event-line .weapon-fallback{
  color:#eff5ff;
  font-family:var(--font-head);
  font-size:.62rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.event-line .flags{
  color:#bdc9e8;
  font-size:.72rem;
}
.event-line.event-system{
  color:#cfdbf7;
}
.hdr-tip{
  position:relative;
  cursor:help;
}
.hdr-tip[data-tip]:hover::after,
.hdr-tip[data-tip]:focus-visible::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  transform:translateX(-50%);
  min-width:max-content;
  max-width:260px;
  padding:6px 9px;
  border-radius:7px;
  border:1px solid rgba(40,40,64,.9);
  background:rgba(8,8,12,.96);
  color:#ece9ff;
  font-size:.68rem;
  line-height:1.2;
  letter-spacing:.01em;
  font-family:var(--font-body);
  white-space:normal;
  z-index:30;
  box-shadow:0 12px 24px rgba(0,0,0,.48);
  pointer-events:none;
}
.hdr-tip[data-tip]:hover::before,
.hdr-tip[data-tip]:focus-visible::before{
  content:'';
  position:absolute;
  left:50%;
  bottom:calc(100% + 5px);
  transform:translateX(-50%) rotate(45deg);
  width:8px;
  height:8px;
  background:rgba(8,8,12,.96);
  border-right:1px solid rgba(40,40,64,.9);
  border-bottom:1px solid rgba(40,40,64,.9);
  z-index:29;
  pointer-events:none;
}
@media (max-width:1080px){
  .wrapper{padding:0 16px 50px}
  .brand h1{font-size:1.65rem}
  .tab-bg-shell{width:clamp(130px,16vw,210px);height:48vh}
  .hero{grid-template-columns:1fr}
  .duel-headline{
    grid-template-columns:1fr;
  }
  .duel-center{
    order:-1;
    min-width:0;
  }
}
@media (max-width:900px){
  .tab-nav{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:3px;
    scrollbar-width:none;
  }
  .tab-nav::-webkit-scrollbar{display:none}
  .tab-btn{
    white-space:nowrap;
    flex:0 0 auto;
  }
  .event-btn{margin-left:6px}
  .rank-wrap{
    width:110px;
    min-width:110px;
  }
}
@media (max-width:860px){
  .panel{padding:13px}
  .hero-title{font-size:.76rem;letter-spacing:.09em}
  .score-ct,.score-t{font-size:1.75rem}
  .table-wrap{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
  }
  table{
    min-width:1700px;
  }
  th,td{padding:8px 7px}
  thead th{font-size:.5rem}
  tbody td{font-size:.82rem}
  .steam{
    font-size:.53rem;
  }
  .team-pill{
    min-width:30px;
    padding:2px 7px;
    font-size:.54rem;
  }
}
@media (max-width:760px){
  .site-header{padding-top:22px}
  .brand-logo{width:62px;height:62px}
  .brand h1{font-size:1.34rem}
  .brand p{font-size:.58rem;letter-spacing:.14em}
  .tab-nav{gap:3px}
  .tab-btn{padding:8px 11px;font-size:.57rem;letter-spacing:.12em}
  .event-btn{padding:8px 14px}
  .header-stats{width:100%}
  .hstat{padding:8px 12px}
  .hstat-val{font-size:1.15rem}
  .tg-btn{padding:8px 14px}
  .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lineup-strip{
    overflow-x:auto;
    padding-bottom:3px;
  }
  .lineup-card{
    min-width:74px;
    flex:0 0 74px;
  }
}
@media (max-width:640px){
  .meta-grid{grid-template-columns:1fr}
}

/* Hide extra columns on small screens by default */
@media (max-width: 1400px) {
  .team-table:not(.show-ext-cols) .ext-col {
    display: none;
  }
}