:root{
  --bg: #0b0f14;
  --bg2:#0f1620;
  --card:#121c28;
  --muted:#a9b4c2;
  --text:#e9eef5;
  --line: rgba(255,255,255,.10);
  --line2: rgba(255,255,255,.14);
  --accent:#57bff2;
  --accent2:#49a1d6;
  --shadow: 0 12px 30px rgba(0,0,0,.35);
  --radius: 16px;
  --radius2: 12px;
  --container: 1280px;
}

*{ box-sizing: border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background:
    radial-gradient(1000px 500px at 20% -10%, rgba(87, 180, 242, 0.16), transparent 60%),
    radial-gradient(800px 400px at 85% 0%, rgba(90,180,255,.12), transparent 55%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  color: var(--text);
}

a{ color:inherit; text-decoration:none; }
p{ line-height:1.55; color: var(--muted); }
h1,h2,h3{ margin:0 0 10px 0; line-height:1.1; color: var(--text); }
h1{ font-size: clamp(28px, 3.2vw, 44px); letter-spacing: -0.02em; }
h2{ font-size: 18px; }
h3{ font-size: 18px; }

.container{
  width: min(var(--container), calc(100% - 32px));
  margin: 0 auto;
}

.site-header{
  position: sticky;
  top:0;
  z-index: 50;
  backdrop-filter: blur(10px);
  background: rgba(10,14,19,.70);
  border-bottom: 1px solid var(--line);
}

.header-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 14px 0;
  gap: 12px;
}

.brand{
  display:flex;
  align-items:center;
  gap: 10px;
  user-select:none;
}


.hamburger{
  display:none;
  width: 44px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.03);
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  cursor:pointer;
  padding: 10px;
}
.hamburger > i{
  display:block;
  color:rgba(255,255,255,.88);
  font-size:25px;
  line-height:1;
  pointer-events:none;
}

.nav{ display:block; }
.nav-list{
  display:flex;
  align-items:center;
  gap: 2px;
  list-style:none;
  margin:0;
  padding:0;
}
.nav-link{
  display:inline-flex;
  align-items:center;
  gap: 6px;
  padding: 10px 10px;
  border-radius: 12px;
  color: rgba(255,255,255,.86);
  border: 1px solid transparent;
  background: transparent;
  cursor:pointer;
  font: inherit;
}
.nav-link:hover{
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.06);
}
.chev{ opacity:.75; font-size: 12px; }


.header-right{
  display:flex;
  align-items:center;
  gap: 10px;
}

.lang-btn{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 12px;
  border: 1px solid var(--line2);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.88);
  cursor:pointer;
  font: inherit;
}

.user-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.02);
  cursor:pointer;
  font: inherit;
  color: #eee;
}
.user-name{ max-width: 180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.avatar{
  width: 26px;
  height: 26px;
  border-radius: 9px;
  object-fit: cover;
}
.avatar.placeholder{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.06);
}
.flag{
  display:inline-block;
  width:18px;
  height:12px;
  border-radius:3px;
  object-fit:cover;
}


.dropdown{ position:relative; }
.dropdown-menu{
  position:absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 250px;
  padding: 8px;
  border-radius: 14px;
  background: rgba(14, 20, 28, 0.99);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  z-index: 500;
  display:none;
}
.dropdown-menu.right{
  right:0;
  left:auto;
}
.dropdown.open .dropdown-menu{ display:block; }

.dropdown-link{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 12px;
  color: rgba(255,255,255,.88);
}
.dropdown-link:hover{
  background: rgba(255,255,255,.05);
}
.dropdown-link.active{
  border: 1px solid rgba(87, 180, 242, 0.25);
  background: rgba(87, 172, 242, 0.08);
}


button.dropdown-link{
  width: 100%;
  background: transparent;
  border: 0;
  text-align: left;
  font: inherit;
  cursor: pointer;
}
button.dropdown-link:focus{ outline: none; }

.dropdown-left{
  display:inline-flex;
  align-items:center;
  gap: 10px;
}

.dd-ico{
  font-size: 16px;
  opacity: .9;
  width: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


main.container{
  padding: 26px 0 60px;
}

.page{
  padding-top: 10px;
}

.prose{
  margin: 0 auto;
}

.prose .meta{
  margin-top: 6px;
  font-size: 13px;
  color: rgba(255,255,255,.55);
}

.prose h2{
  margin-top: 16px;
  font-size: 16px;
}

.prose ul{
  margin: 10px 0 14px;
  padding-left: 18px;
}

.prose li{
  margin: 6px 0;
  color: var(--muted);
  line-height: 1.55;
}

.prose strong{
  color: rgba(255,255,255,.85);
  font-weight: 700;
}

.hero{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: stretch;
}

.lead{
  font-size: 16px;

}

.hero-actions{
  display:flex;
  gap: 10px;
  margin: 16px 0 10px;
  flex-wrap: wrap;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid var(--line2);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.9);
}
.btn:hover{ background: rgba(255,255,255,.05); }
.btn.primary{
  border-color: rgba(87, 172, 242, 0.25);
  background: linear-gradient(135deg, rgba(87,167,242,.10), rgba(87,172,242,.06));
  color: var(--text);
}
.btn.primary:hover{
  border-color: rgba(87, 180, 242, 0.35);
}
.btn.subtle{
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}

.hero-meta{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.glass-card{
  height: 100%;
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(400px 200px at 30% 0%, rgba(87, 185, 242, 0.1), transparent 60%),
    rgba(255,255,255,.03);
  box-shadow: var(--shadow);
  padding: 16px;
}
.card-title{
  font-weight: 800;
  letter-spacing: .02em;
  margin-bottom: 10px;
}
.card-list{
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.card-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.14);
}
.card-row:hover{
  border-color: rgba(87, 154, 242, 0.22);
}
.arrow{ opacity:.8; }
.card-note{
  margin-top: 12px;
  font-size: 13px;
  color: rgba(255,255,255,.62);
}

.grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.panel{
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(18, 20, 26, 0.83);
  padding: 16px;
}
.text-link{
  display:inline-flex;
  margin-top: 10px;
  color: rgba(87, 237, 242, 0.9);
}

.divider{
  height: 1px;
  background: var(--line);
  margin: 22px 0;
}

.callout-inner{
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(135deg, rgba(87, 167, 242, 0.1), rgba(255,255,255,.02));
  padding: 18px;
}


.site-footer{
  height: 150px;
  border-top: 1px solid var(--line);
  background: rgba(10,14,19,.65);
  display: flex;
}

.footer-row{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-center{
  text-align: center;
  color: rgba(255,255,255,.70);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.footer-main{
  color: rgba(255,255,255,.70);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.footer-legacy{
  margin-top: 21px;
  font-size: 11px;
  letter-spacing: .04em;
  color: rgba(149, 146, 146, 0.45);
  line-height: 1.4;
  text-transform: none;
}

.footer-legacy-link{
  color: rgba(172, 186, 219, 0.44);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.18);
  padding-bottom: 1px;
}

.footer-legacy-link:hover{
  color: rgba(255,255,255,.75);
  border-bottom-color: rgba(255,255,255,.30);
}


.page-layout{
  display: grid;
  gap: 14px;
  align-items: start;
}
.page-layout--2col{
  grid-template-columns: 1.25fr .75fr;
}

.hero-card{
  padding: 18px;
  border-radius: var(--radius2);
}
.hero-badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(87, 206, 242, 0.22);
  background: rgba(87, 227, 242, 0.08);
  color: rgba(255,255,255,.86);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 10px;
}

.section-card{
  padding: 16px;
  border-radius: var(--radius2);
  margin-top: 12px;
}
.section-head{
  margin-bottom: 12px;
}
.section-title{
  font-size: 14px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
  font-weight: 900;
}
.section-sub{
  margin-top: 6px;
  color: rgba(255,255,255,.60);
  font-size: 13px;
  line-height: 1.45;
}

.card-grid{
  display: grid;
  gap: 10px;
}
.card-grid--2{
  grid-template-columns: repeat(2, 1fr);
}

.box{
  display:flex;
  gap: 10px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}
.box-ico{
  font-size: 18px;
  opacity: .9;
  margin-top: 2px;
}
.box-title{
  font-weight: 900;
  color: rgba(255,255,255,.88);
  margin-bottom: 2px;
}
.box-text{
  font-size: 13px;
  color: rgba(255,255,255,.60);
  line-height: 1.45;
}

.note{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(255,255,255,.48);
}

.metrics{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 10px 0 12px;
}
.metric-label{
  font-size: 12px;
  color: rgba(255,255,255,.55);
  margin-bottom: 4px;
}
.metric-value{
  font-weight: 900;
  color: rgba(255,255,255,.88);
}

.steps{
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.step{
  display:flex;
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}
.step-num{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color: rgba(255,255,255,.88);
  border: 1px solid rgba(87,242,135,.22);
  background: rgba(87,242,135,.08);
  flex: 0 0 auto;
}
.step-title{
  font-weight: 900;
  margin-bottom: 3px;
  color: rgba(255,255,255,.86);
}
.step-text{
  font-size: 13px;
  color: rgba(255,255,255,.62);
  line-height: 1.5;
}
.step code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  background: rgba(255,255,255,.06);
  padding: 2px 6px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.10);
}

.wide{ width: 100%; }


@media (max-width: 980px){
  .page-layout--2col{ grid-template-columns: 1fr; }
  .card-grid--2{ grid-template-columns: 1fr; }
}


.ticket{
  padding: 16px;
  border-radius: var(--radius2);
}

.ticket-head{
  display:flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 12px;
}

.ticket-title{
  font-weight: 900;
  letter-spacing: .04em;
}

.ticket-sub{
  margin-top: 4px;
  color: rgba(0,0,0,.55);
  font-size: 13px;
}

.ticket-icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.22);
}

.ticket--gold{
  border: 1px solid rgba(255, 210, 90, .35);
  background:
    radial-gradient(500px 220px at 10% 0%, rgba(255,255,255,.35), transparent 60%),
    linear-gradient(135deg, rgba(255, 215, 100, .95), rgba(255, 190, 60, .82));
  box-shadow: 0 14px 30px rgba(0,0,0,.25);
  color: rgba(0,0,0,.82);
}

.ticket--gold .metric{
  border-color: rgba(0,0,0,.10);
  background: rgba(255,255,255,.18);
}
.ticket--gold .metric-label{ color: rgba(0,0,0,.55); }
.ticket--gold .metric-value{ color: rgba(0,0,0,.82); }

.ticket--gold .btn.primary{
  border-color: rgba(0,0,0,.12);
  background: rgba(0,0,0,.12);
  color: rgba(0,0,0,.85);
}
.ticket--gold .btn.primary:hover{
  background: rgba(0,0,0,.16);
}

.ticket--gold .legal{
  margin-top: 10px;
  font-size: 12px;
  color: rgba(0,0,0,.55);
}
.ticket--gold .legal a{
  color: rgba(0,0,0,.70);
  border-bottom: 1px solid rgba(0,0,0,.18);
  padding-bottom: 1px;
}
.ticket--gold .legal a:hover{
  color: rgba(0,0,0,.86);
  border-bottom-color: rgba(0,0,0,.28);
}


.player-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-weight:800;
  color:#85bdd2;
}
.player-link:hover{
  color: rgba(255,255,255,.98);
  border-bottom-color: rgba(255,255,255,.28);
}
.player-vip{
  color: #ffd35a;
  font-size: 1em;
  filter: drop-shadow(0 1px 6px rgba(255,210,80,.16));
}


.map-link{
  font-weight: 800;
}

.map-link.diff-0{  color: rgba(255,255,255,.80); }
.map-link.diff-1{  color: #75d47b; }   
.map-link.diff-1:hover{  color: #20bb73; }   
.map-link.diff-2{  color: #bcd75b; }  
.map-link.diff-2:hover{  color: #b4a71a; }  
.map-link.diff-3{  color: #e1cd60; }   
.map-link.diff-3:hover{  color: #928b46; }   
.map-link.diff-4{  color: #dd8e60; }  
.map-link.diff-4:hover{  color: #c7561e; }  
.map-link.diff-5{  color: #c6614a; }  
.map-link.diff-5:hover{  color: #a85844; }  
.map-link.diff-6{  color: #d75960; }  
.map-link.diff-6:hover{  color: #b33131; }  
.map-link.diff-7{  color: #cc6fb9; }  
.map-link.diff-7:hover{  color: #bb40a2; }  
.map-link.diff-8{  color: #9e61d2; }   
.map-link.diff-8:hover{  color: #683a8e; }   
.map-link.diff-9{  color: #b29acc; }   
.map-link.diff-9:hover{  color: #8a779f; }   
.map-link.diff-10{ color: #c6c6c6; }    
.map-link.diff-10:hover{ color: #8a8989; }    


.badges{ display:flex; flex-wrap:wrap; gap: 8px; margin-top: 10px; }
.badge{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.78);
  font-size: 12px;
}
.badge strong{ color: rgba(255,255,255,.90); font-weight: 900; }

.badge.diff-0{ }
.badge.diff-1{ border-color: #75d47b; background: #75d47b24; }
.badge.diff-2{ border-color: #bcd75b; background: #bcd75b24; }
.badge.diff-3{ border-color: #e1cd60; background: #e1cd6024; }
.badge.diff-4{ border-color: #dd8e60; background: #dd8e6024; }
.badge.diff-5{ border-color: #c6614a; background: #c6614a24; }
.badge.diff-6{ border-color: #d75960; background: #d7596024; }
.badge.diff-7{ border-color: #cc6fb9; background: #cc6fb924; }
.badge.diff-8{ border-color: #9e61d2; background: #9e61d224; }
.badge.diff-9{ border-color: #b29acc; background: #b29acc24; }
.badge.diff-10{ border-color: #c6c6c6; background: #c6c6c624; }


.tabs{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 8px 0 10px;
}
.tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.80);
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 12px;
}
.tab:hover{ background: rgba(255,255,255,.04); }
.tab.active{
  border-color: rgba(87,242,135,.25);
  background: rgba(87,242,135,.08);
  color: rgba(255,255,255,.92);
}

.tab-count{
  margin-left:6px;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,.55);
  letter-spacing: 0;
  text-transform: none;
}
.tab.active .tab-count{
  color: rgba(255,255,255,.72);
}

.sub{
  margin-left:6px;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,.55);
}


.table-wrap{
  overflow: hidden;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
}

.table{
  width:100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: rgba(0,0,0,.10);
}

.table th, .table td{
  padding: 8px 8px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-size: 12.5px;
  color: rgba(255,255,255,.74);
  text-align:left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table th{
  font-size: 11.5px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}

.table tr:hover td{
  background: rgba(255,255,255,.03);
}
.table td.mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: rgba(255,255,255,.84);
}


.page-split{
  display:grid;
  grid-template-columns: 1.7fr .9fr;
  gap: 14px;
  align-items: start;
}
.page-split > *{
  min-width: 0; 
}
@media (max-width: 980px){
  .page-split{ grid-template-columns: 1fr; }
  .table{ min-width: 640px; }
}


.league-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.league-badge{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(135deg, rgba(87,242,135,.10), rgba(90,220,255,.06));
}
.league-badge .title{
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(255,255,255,.68);
}
.league-badge .value{
  font-size: 20px;
  font-weight: 950;
  color: rgba(255,255,255,.95);
  line-height: 1.1;
}
.stats-grid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
}
@media (max-width: 980px){
  .stats-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
.stat .k i{ margin-right: 8px; opacity: .85; }


html,body{ overflow-x:hidden; }
img{ max-width:100%; height:auto; }
.brand-logo{ display:block; width:200px; height:auto; }

@media (max-width:980px){
  .header-row{
    position:relative;
    gap:8px;
    padding:10px 0;
  }
  .brand{
    flex:0 1 auto;
    min-width:0;
  }
  .brand-logo{ width:158px; }
  .header-right{
    order:2;
    margin-left:auto;
    gap:6px;
    min-width:0;
  }
  .hamburger{
    order:3;
    display:inline-flex;
    flex:0 0 42px;
    width:42px;
    height:40px;
    padding:8px 9px;
    align-items:center;
    justify-content:center;
  }
  .btn,.nav-link,.lang-btn,.user-chip{ min-height:40px; }
  .user-chip,.lang-btn{
    padding:6px 9px;
    border-radius:10px;
  }
  .user-name{ max-width:110px; }
  .nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    display:none;
    max-height:calc(100vh - 62px);
    overflow-y:auto;
    padding:8px 0 14px;
    background:rgba(10,14,19,.97);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 30px rgba(0,0,0,.24);
    backdrop-filter:blur(12px);
  }
  .nav.open{ display:block; }
  .nav-list{
    width:min(var(--container),calc(100% - 24px));
    margin:0 auto;
    flex-direction:column;
    align-items:stretch;
    gap:5px;
    padding:4px 0;
  }
  .nav-item{ width:100%; }
  .nav-link{
    width:100%;
    min-height:42px;
    justify-content:space-between;
    padding:9px 11px;
  }
  .nav .dropdown-menu{
    position:static;
    min-width:0;
    width:100%;
    margin-top:5px;
    padding:5px;
    box-shadow:none;
    background:rgba(255,255,255,.025);
  }
  .nav .dropdown-menu .dropdown-link{
    min-height:40px;
    border:1px solid rgba(255,255,255,.05);
    background:rgba(255,255,255,.015);
  }
  .header-right .dropdown-menu{
    position:absolute;
    top:calc(100% + 8px);
    min-width:230px;
    width:max-content;
    max-width:calc(100vw - 16px);
    margin-top:0;
  }
  .header-right .dropdown-menu.right{
    right:0;
    left:auto;
  }
  .hero,.grid{ grid-template-columns:1fr; }
}

@media (max-width:620px){
  .container{ width:min(var(--container),calc(100% - 20px)); }
  .brand-logo{ width:180px; }
  .user-flag{ display:none; }
  .user-name{ max-width:82px; }
  .header-right{ gap:5px; }
  main.container{ padding:18px 0 50px; }
  .hero-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .hero-actions .btn{ width:100%; }
  .panel,.glass-card,.callout-inner{
    padding:14px;
    border-radius:16px;
  }
  .header-right .dropdown-menu.right{ width:min(300px,calc(100vw - 16px)); }
  .pill{
    font-size:11px;
    padding:6px 9px;
  }
}

@media (max-width:500px){
  .brand-logo{ width:180px; }
  .user-name{ display:none; }
  .lang-label{ display:none; }
  .user-chip,.lang-btn{ gap:4px; padding:5px 6px; }
  .user-chip .chev,.lang-btn .chev{ display:none; }
  .avatar{ width:25px; height:25px; }
  .flag{ width:18px; height:12px; }
}

@media (max-width:380px){
  .brand-logo{ width:168px; }
  .header-row{ gap:4px; }
  .header-right{ gap:3px; }
  .hamburger{
    flex-basis:36px;
    width:36px;
    padding-left:8px;
    padding-right:8px;
  }
  .user-chip,.lang-btn{ padding:4px 5px; }
}

@media (max-width:340px){
  .brand-logo{ width:154px; }
}


.player-name{ line-height:1.1; }
.flag-sm{ width:18px; height:12px; }


.media{
  border-radius: 16px;

  background: rgba(0,0,0,.18);
  overflow: hidden;
}
.media img{
  width:100%;
  height:100%;
  display:block;
}


.scroll-list{
  margin-top: 8px;
  max-height: 120px;
  overflow:auto;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.10);
  padding: 8px;
}
.scroll-list .row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 6px;
  border-radius: 10px;
}
.scroll-list .row:hover{ background: rgba(255,255,255,.03); }


.table.sortable th[data-sort]{
  cursor: pointer;
  user-select: none;
}
.table.sortable th[data-sort] .sort-ico{
  opacity: .45;
  margin-left: 8px;
  font-size: 12px;
}
.table.sortable th.sorted-asc .sort-ico{ opacity: .95; }
.table.sortable th.sorted-desc .sort-ico{ opacity: .95; transform: rotate(180deg); }


.similar-grid{
  margin-top: 10px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.similar-card{
  display:grid;
  grid-template-columns: 140px 1fr;
  gap: 10px;
  align-items: center;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}
.similar-meta{
  color: rgba(255,255,255,.55);
  font-size: 12px;
  margin-top: 4px;
}

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

.stat{
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}
.stat .k{
  font-size: 12px;
  color: rgba(255,255,255,.60);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
}
.stat .v{
  margin-top: 6px;
  font-size: 18px;
  font-weight: 900;
  color: rgba(255,255,255,.92);
}


.settings-grid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.setting{
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}
.setting .k{
  font-size: 11px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.60);
}
.setting .v{
  margin-top: 6px;
  font-weight: 950;
  font-size: 16px;
  color: rgba(255,255,255,.92);
}
.setting .v.mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
}


.metrics-3{ margin-top: 12px; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.metrics-4{ margin-top: 10px; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.metric{
  padding: 10px 10px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
}
.metric .k{
  font-size: 11px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.60);
  display:flex; gap:8px; align-items:center;
}
.metric .v{
  margin-top: 6px;
  font-weight: 950;
  font-size: 18px;
  color: rgba(255,255,255,.93);
}
@media (max-width: 820px){
  .metrics-4{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metrics-3{ grid-template-columns: 1fr; }
  .settings-grid{ grid-template-columns: 1fr; }
}


.table .col-rank{ width:52px; }
.table .col-time{ width:110px; }
.table .col-gap{ width:90px; }
.table .col-ratio{ width:86px; }
.table .col-date{ width:112px; }
.table .col-cpgc{ width:86px; }
.table .col-place{ width:96px; }
.table .col-avgpro{ width:86px; }
.table .col-year{ width:86px; }
.table .col-rating{ width: 120px; }
.table .col-len{ width:86px; }
.table .col-type{ width:110px; }
.meta-list{ display:flex; flex-direction:column; gap:8px; }
.player-hero .avatar-lg{ width:192px; height:192px; border-radius: 18px; }
.steam-link{ text-decoration:none; color:#8abaee; }
.muted-sm{ color: rgba(255,255,255,.55); font-size: 12px; }


.player-hero-grid{
  display:grid;
  grid-template-columns: 192px 1fr;
  gap:14px;
  align-items:start;
}


.player-hero-main{
  display:grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap:12px;
  align-items:start;
  min-width:0;
}
.player-hero-main > *{ min-width:0; }


.hero-profile{
  display:flex;
  flex-direction:column;
  gap: 12px;
  min-width:0;
}

.player-hero-main .hero-rank{
  min-width:0;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
}


.hero-rank.league-newcomer{ border-color: #57575799; background: linear-gradient(135deg, #35353559, #3737372b); }
.hero-rank.league-bronze{ border-color: #845b4799; background: linear-gradient(135deg, #5b473b87, #332823a8); }
.hero-rank.league-silver{ border-color: #aeaeae99; background: linear-gradient(135deg, #59595987, #393939a8); }
.hero-rank.league-gold{ border-color: #dbb56c99; background: linear-gradient(135deg, #665d3ca6, #201f1cf2); }
.hero-rank.league-sapphire{ border-color: #6c73db99; background: linear-gradient(135deg, #3c4a6687, #272b39a8); }
.hero-rank.league-emerald{ border-color: #70db6c99; background: linear-gradient(135deg, #3d663c87, #1b2b1ba8); }
.hero-rank.league-ruby{ border-color: #db816c99; background: linear-gradient(135deg, #664a3c87, #201c1ca8); }
.hero-rank.league-diamond{ border-color: #6cdbcb99; background: linear-gradient(135deg, #40757587, #2f4248a8); }
.hero-rank.league-master{ border-color: #db6cc499; background: linear-gradient(135deg, #593c6687, #1e1c20a8); }
.hero-rank.league-grandmaster{ border-color: #f4819699; background: linear-gradient(135deg, #663c3c87, #291f31a8); }
.hero-rank.league-legend{ border-color: #e8e8e899; background: linear-gradient(135deg, #6f4b8c87, #602323a8); }

.hero-rank.league-bronze .rank-v{ color: #b37b63; }
.hero-rank.league-silver .rank-v{ color: #ccc; }
.hero-rank.league-gold .rank-v{ color: #dbc46c; }
.hero-rank.league-sapphire .rank-v{ color: #6c83db; }
.hero-rank.league-emerald .rank-v{ color: #70db6c; }
.hero-rank.league-ruby .rank-v{ color: #db816c; }
.hero-rank.league-diamond .rank-v{ color: #4dd8e1; }
.hero-rank.league-master .rank-v{ color: #db6cd9; }
.hero-rank.league-grandmaster .rank-v{ color: #db6c6c; }
.hero-rank.league-legend .rank-v{ color: #d7d4ae; }

.rank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px;}
.rank-k{font-weight:900;letter-spacing:.10em;text-transform:uppercase;font-size:11px;color:rgba(255,255,255,.65);}
.rank-v{font-weight:950;font-size:28px;line-height:1.6;}
.rank-ico{opacity:.5;font-size:20px;margin-top:2px;}
.rank-chips{display:flex;flex-wrap:wrap;gap:6px;}
.rank-chips.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.rank-completion{margin-top:6px;}
.rank-completion .chip{width:100%;}
.rank-chips.row.bottom{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px;}
.rank-chips .chip{flex:1 1 100px;min-width:100px;padding:6px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);}
.rank-chips .chip-wide{flex:2 1 190px;}
.rank-chips .chip .k{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.60);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-chips .chip .v{margin-top:2px;font-weight:900;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-chips .chip .sub{margin-left:6px;font-weight:800;color:rgba(255,255,255,.55);font-size:11px;}
.metrics-mini{
  margin-top: 10px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
}
.metric.mini{
  padding: 8px;
  border-radius: 12px;
}
.metric.mini .k{
  font-size: 10px;
}
.metric.mini .v{
  font-size: 15px;
}
.metric.mini .sub{
  margin-left: 6px;
  font-weight: 800;
  color: rgba(255,255,255,.55);
  font-size: 12px;
}
@media (max-width: 980px){
  .player-hero-main{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  .player-hero-grid{ grid-template-columns: 1fr; }
  .rank-chips.row{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}


.rating-big{ font-size: 26px; font-weight: 900; line-height: 1; }
.rating-outof{ font-size: 13px; opacity: .55; margin-left: 4px; font-weight: 800; }
.rating-bars{ display:flex; flex-direction:column; gap:6px; }
.rating-row{ display:grid; grid-template-columns: 18px 1fr 34px; gap:10px; align-items:center; }
.rating-label{ font-weight: 900; opacity:.65; font-size: 12px; }
.rating-count{ text-align:right; opacity:.65; font-size: 12px; font-weight: 800; }
.rating-bar{ height: 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.03); overflow:hidden; }
.rating-fill{ height: 100%; background: rgba(255, 211, 90, .70); }


.lb-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.lb-controls{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.lb-country{ min-width: 180px; }
.lb-label{
  display:block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.60);
  margin: 0 0 6px 0;
}
.lb-country-row{
  display:flex;
  align-items:center;
  gap:10px;
}
.lb-country select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.20);
  color: rgba(255,255,255,.90);
  font-weight: 800;
  min-width: 120px;
}
.lb-country select:focus{
  outline:none;
  border-color: rgba(87,242,135,.25);
}
.flag-md{ width:22px; height:16px; border-radius:4px; object-fit:cover; }

.table .col-medal{ width:72px; text-align:right; }
.table .col-tier{ width:140px; }
.table .col-proruns{ width:92px; }
.table .col-league{ width:160px; }

.lb-league{
  padding: 4px 6px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.02);
  font-weight: 900;
  font-size: 12px;
  letter-spacing: .02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.lb-trophy{ font-size: 14px; }
.lb-trophy.t1{ color: #ee9d00; }
.lb-trophy.t2{ color: rgba(220,220,220,.90); }
.lb-trophy.t3{ color: #b37b63; }
.lb-league.league-newcomer{ border-color:#57575799; color: rgba(255,255,255,.78); background: rgba(87,87,87,.10); }
.lb-league.league-bronze{ border-color:#845b4799; color:#b37b63; background: rgba(132,91,71,.08); }
.lb-league.league-silver{ border-color:#aeaeae99; color:#ccc; background: rgba(174,174,174,.08); }
.lb-league.league-gold{ border-color:#dbb56c99; color:#dbc46c; background: rgba(219,181,108,.08); }
.lb-league.league-sapphire{ border-color:#6c73db99; color:#6c83db; background: rgba(108,115,219,.08); }
.lb-league.league-emerald{ border-color:#70db6c99; color:#70db6c; background: rgba(112,219,108,.08); }
.lb-league.league-ruby{ border-color:#db816c99; color:#db816c; background: rgba(219,129,108,.08); }
.lb-league.league-diamond{ border-color:#6cdbcb99; color:#4dd8e1; background: rgba(108,219,203,.08); }
.lb-league.league-master{ border-color:#db6cc499; color:#db6cd9; background: rgba(219,108,196,.08); }
.lb-league.league-grandmaster{ border-color:#f4819699; color:#db6c6c; background: rgba(244,129,150,.08); }
.lb-league.league-legend{ border-color:#e8e8e899; color:#d7d4ae; background: rgba(232,232,232,.08); }
.lb-league.league-unk{ border-color: rgba(255,255,255,.12); color: rgba(255,255,255,.72); }

.table tr.lb-top1 td{ background: rgba(219, 196, 108, .10); }
.table tr.lb-top2 td{ background: rgba(255,255,255,.06); }
.table tr.lb-top3 td{ background: rgba(255,255,255,.04); }

@media (max-width: 980px){
  .lb-controls{ justify-content:flex-start; }
}


.team-hero .team-cta{ margin-top: 12px; }


.team-section{ position: relative; overflow: hidden; }
.team-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: radial-gradient(900px 240px at 15% 0%, var(--team-accent-bg, rgba(255,255,255,.03)) 0%, rgba(0,0,0,0) 60%);
}

.team-section-management{ --team-accent:#ffd35a; --team-accent-bg: rgba(255, 211, 90, .10); }
.team-section-administration{ --team-accent:#72b7ff; --team-accent-bg: rgba(114, 183, 255, .10); }
.team-section-contributors{ --team-accent:#a78bfa; --team-accent-bg: rgba(167, 139, 250, .10); }

.team-section .section-head{
  border-left: 3px solid var(--team-accent, rgba(255,255,255,.12));
  padding-left: 12px;
}
.team-section .section-title{
  color: rgba(255,255,255,.90);
}
.team-section .section-title::after{
  content:"";
  display:block;
  width: 56px;
  height: 2px;
  border-radius: 999px;
  background: var(--team-accent, rgba(255,255,255,.18));
  margin-top: 8px;
  opacity: .65;
}

.pill-missing{
  border-color: rgba(255, 120, 120, .25);
  background: rgba(255, 120, 120, .08);
  color: rgba(255, 220, 220, .95);
  margin-left: 10px;
}

.team-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.team-role{
  border-radius: var(--radius2);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  padding: 14px;
}

.team-role-head{
  display:flex;
  gap: 12px;
  align-items:flex-start;
}

.team-role-ico{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: var(--team-ico, rgba(255,255,255,.90));
  flex: 0 0 auto;
}
.team-role-ico i{ font-size: 20px; opacity: .92; }

.team-role-title{
  font-weight: 900;
  letter-spacing: .02em;
  display:flex;
  align-items:center;
  flex-wrap: wrap;
}

.team-role-desc{
  margin-top: 4px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.33);
  line-height: 1.35;
}

.team-members{
  margin-top: 12px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

.team-member-card{
  width: 124px;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 8px;
}

.team-avatar-link{
  display:block;
  width:60px;
  height:60px;
  border-radius:18px;
  transition: transform .16s ease, filter .16s ease;
}
.team-avatar-link:hover{
  transform: translateY(-1px);
  filter: brightness(1.08);
}
.team-avatar{
  width: 60px;
  height: 60px;
  border-radius: 18px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.team-avatar.placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 20px;
}

.team-member-link{ line-height: 1.15; text-align:center; }
.team-member-card .player-link{ border-bottom-color: rgba(255,255,255,.10); }
.team-member-card .player-link:hover{ border-bottom-color: rgba(255,255,255,.22); }

.member-static{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-weight: 800;
  color: rgba(255,255,255,.86);
}

@media (max-width: 980px){
  .team-grid{ grid-template-columns: 1fr; }
}


.maplist-hero{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.maplist-title{
  margin: 0 0 6px 0;
  font-size: 26px;
  letter-spacing: .02em;
}
.maplist-sub{
  color: rgba(255,255,255,.62);
  font-size: 13px;
  line-height: 1.5;
}

.maplist-actions{
  display:flex;
  align-items:center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.maplist-search{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
}
.maplist-search i{ opacity: .65; }
.maplist-search input{
  width: 240px;
  max-width: 60vw;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgba(255,255,255,.92);
  font-weight: 700;
}
.maplist-search input::placeholder{ color: rgba(255,255,255,.45); }

.maplist-right{
  display:flex;
  align-items:flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.maplist-sort{
  display:flex;
  gap: 10px;
  align-items:flex-end;
}
.maplist-sort .ml-dd{
  min-width: 170px;
}

.ml-label{
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .10em;
  font-weight: 900;
  color: rgba(255,255,255,.55);
  margin-bottom: 6px;
  display:block;
}

.maplist-sort select,
.maplist-filters select{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.14);
  color: rgba(255,255,255,.88);
  border-radius: 12px;
  padding: 8px 10px;
  font-weight: 800;
}

.maplist-filters{
  margin-top: 14px;
  display:flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items:flex-end;
}

.ml-group{
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.ml-group.ml-compact{ min-width: 160px; }

.pill-row{
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
}

.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  user-select: none;
}
.pill:hover{ background: rgba(255,255,255,.03); }
.pill.active{
  border-color: rgba(122,190,255,.35);
  background: rgba(122,190,255,.10);
  color: rgba(255,255,255,.92);
}


.pill-diff.diff-1{ border-color: #75d47b55; color: #75d47b; }
.pill-diff.diff-2{ border-color: #bcd75b55; color: #bcd75b; }
.pill-diff.diff-3{ border-color: #e1cd6055; color: #e1cd60; }
.pill-diff.diff-4{ border-color: #dd8e6055; color: #dd8e60; }
.pill-diff.diff-5{ border-color: #c6614a55; color: #c6614a; }
.pill-diff.diff-6{ border-color: #d7596055; color: #d75960; }
.pill-diff.diff-7{ border-color: #cc6fb955; color: #cc6fb9; }
.pill-diff.diff-8{ border-color: #9e61d255; color: #9e61d2; }
.pill-diff.diff-9{ border-color: #b29acc55; color: #b29acc; }
.pill-diff.diff-10{ border-color: #c6c6c655; color: #c6c6c6; }

.pill-diff.active{ color: rgba(255,255,255,.92); }
.pill-diff.diff-1.active{ border-color: #75d47b; background: #75d47b24; }
.pill-diff.diff-2.active{ border-color: #bcd75b; background: #bcd75b24; }
.pill-diff.diff-3.active{ border-color: #e1cd60; background: #e1cd6024; }
.pill-diff.diff-4.active{ border-color: #dd8e60; background: #dd8e6024; }
.pill-diff.diff-5.active{ border-color: #c6614a; background: #c6614a24; }
.pill-diff.diff-6.active{ border-color: #d75960; background: #d7596024; }
.pill-diff.diff-7.active{ border-color: #cc6fb9; background: #cc6fb924; }
.pill-diff.diff-8.active{ border-color: #9e61d2; background: #9e61d224; }
.pill-diff.diff-9.active{ border-color: #b29acc; background: #b29acc24; }
.pill-diff.diff-10.active{ border-color: #c6c6c6; background: #c6c6c624; }

.btn-ghost{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.80);
  font-weight: 900;
  cursor: pointer;
}
.btn-ghost:hover{ background: rgba(255,255,255,.03); }

.map-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}


.maplist-filters.compact{ gap: 10px 12px; }
.ml-dd{
  display:flex;
  flex-direction: column;
  gap: 6px;

}
.ml-dd .ml-label{ font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.55); font-weight: 900; }

.ml-dd-btn{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.90);
  font-weight: 900;
  cursor: pointer;
  user-select: none;
}
.ml-dd-btn:hover{ background: rgba(255,255,255,.07); }
.ml-dd-btn .lbl{ letter-spacing: .02em; }
.ml-dd-btn .meta{ color: rgba(255,255,255,.60); font-weight: 900; }
.ml-dd-btn .chev{ color: rgba(255,255,255,.55); font-weight: 900; }
.ml-sort-row{ display:flex; gap: 8px; }
.ml-sort-row select{ width:auto; min-width: 170px; }
#ml-sort-dir{ min-width: 140px; }


.dd-actions{
  display:flex;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.dd-act{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.80);
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  cursor:pointer;
}
.dd-act:hover{ background: rgba(255,255,255,.08); }

.dd-list{
  max-height: 280px;
  overflow:auto;
  padding: 10px 12px;
  display:flex;
  flex-direction: column;
  gap: 8px;
}
.dd-opt{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 800;
  color: rgba(255,255,255,.90);
  cursor: pointer;
}
.dd-opt input{ transform: translateY(1px); }

.pill-dot{ width: 10px; height: 10px; border-radius: 999px; background: rgba(255,255,255,.35); flex: 0 0 10px; }
.pill-dot.diff-1{ background: rgba(117,212,123,.95); }
.pill-dot.diff-2{ background: rgba(188,215,91,.95); }
.pill-dot.diff-3{ background: rgba(225,205,96,.95); }
.pill-dot.diff-4{ background: rgba(221,142,96,.95); }
.pill-dot.diff-5{ background: rgba(198,97,74,.95); }
.pill-dot.diff-6{ background: rgba(215,89,96,.95); }
.pill-dot.diff-7{ background: rgba(204,111,185,.95); }
.pill-dot.diff-8{ background: rgba(158,97,210,.95); }
.pill-dot.diff-9{ background: rgba(178,154,204,.95); }
.pill-dot.diff-10{ background: rgba(198,198,198,.95); }


.map-card{

  border-radius: 16px;
  overflow:hidden;
  background: rgba(255,255,255,.035);
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
}

.map-card.diff-1{ background: rgba(117,212,123,.08); border-color: rgba(117,212,123,.20); }
.map-card.diff-2{ background: rgba(188,215,91,.08); border-color: rgba(188,215,91,.20); }
.map-card.diff-3{ background: rgba(225,205,96,.08); border-color: rgba(225,205,96,.20); }
.map-card.diff-4{ background: rgba(221,142,96,.08); border-color: rgba(221,142,96,.20); }
.map-card.diff-5{ background: rgba(198,97,74,.08); border-color: rgba(198,97,74,.22); }
.map-card.diff-6{ background: rgba(215,89,96,.08); border-color: rgba(215,89,96,.22); }
.map-card.diff-7{ background: rgba(204,111,185,.08); border-color: rgba(204,111,185,.22); }
.map-card.diff-8{ background: rgba(158,97,210,.08); border-color: rgba(158,97,210,.22); }
.map-card.diff-9{ background: rgba(178,154,204,.08); border-color: rgba(178,154,204,.22); }
.map-card.diff-10{ background: rgba(198,198,198,.06); border-color: rgba(198,198,198,.18); }

.map-thumb{
  display:block;
  aspect-ratio: 3/2;
  background: rgba(0,0,0,.25);
}
.map-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display:block;
}

.map-card-body{ padding: 12px; }

.map-title{
  display:inline-block;
  font-weight: 950;
  font-size: 18px;
  line-height: 1.15;
  margin-bottom: 8px;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
}

.map-rating-row{
  display:flex;
  align-items:center;
  gap: 8px;
  margin: -2px 0 10px;
  color: rgba(255,255,255,.85);
}
.map-rating-row .cnt{ color: rgba(255,255,255,.55); font-weight: 900; }

.badges.compact{ display:flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }

.map-meta{
  display:flex;
  align-items:center;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.map-meta .k{
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(255,255,255,.55);
  flex: 0 0 auto;
}
.map-meta .v{ flex: 1 1 auto; text-align: left; display:flex; align-items:center; gap:8px; justify-content:flex-start; flex-wrap: wrap; font-size: 11px; }

.map-wrs{ display:flex; flex-direction: column; gap: 8px; }
.wr-row{ display:flex; align-items:center; justify-content: flex-start; gap: 10px; }
.wr-row .k{ font-weight: 950; letter-spacing: .10em; text-transform: uppercase; font-size: 11px; color: rgba(255,255,255,.55); flex: 0 0 auto; }
.wr-row .v{ text-align: left; flex: 1 1 auto; display:flex; align-items:center; gap:8px; justify-content:flex-start; flex-wrap: wrap; font-size: 11px; }
.wr-row .v .time{  }
.wr-row .sep{ color: rgba(255,255,255,.35); margin: 0 6px; }
.wr-row .time{ color: rgba(255,255,255,.88); font-weight: 950; }


.ml-pager{
  margin-top: 30px;
  display:flex;
  align-items:center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.ml-page{ color: rgba(255,255,255,.65); font-weight: 800; }


@media (max-width: 980px){
  .maplist-search input{ width: 200px; }
}

@media (max-width: 640px){
  .maplist-actions{ justify-content: flex-start; }
  .maplist-search input{ width: 56vw; }
  .ml-dd{ min-width: 140px; }
}

.map-card .player-link{ font-size: 11px; font-weight: 800; }
.map-card .player-vip{ font-size:.9em; }


.map-rating-row .stars i{ color: rgba(255,211,90,.95); }
.map-rating-row .stars .bi-star{ color: rgba(255,255,255,.22); }
.map-rating-row .stars .bi-star-half{ color: rgba(255,211,90,.82); }


.ratio-3-2{ aspect-ratio: 3 / 2; }

.home-gallery-panel,
.home-intro-panel,
.home-servers-panel,
.home-runs-panel,
.home-top-panel,
.home-weekly-panel,
.home-socials-panel,
.home-partners-panel{
  padding:16px;
  border-radius: var(--radius2);
}


.home-hero-row{
  display:grid;
  grid-template-columns: 1.45fr .95fr;
  gap:14px;
  align-items:stretch;
  margin:14px 0;
}

.home-gallery-panel,
.home-intro-panel{
  overflow:hidden;
}

.home-gallery{
  position:relative;
  min-height:380px;
  border-radius:16px;
  overflow:hidden;
  background: rgba(255,255,255,.02);
}

.home-slide{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .55s ease;
}

.home-slide.active{
  opacity:1;
  pointer-events:auto;
}

.home-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:none !important;
}

.home-slide-overlay{
  position:absolute;
  inset:0;

}

.home-slide-label{
  position:absolute;
  left:18px;
  bottom:18px;
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(13,18,26,.60);
  backdrop-filter: blur(6px);
  color: rgba(255,255,255,.92);
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:none;
}

.home-gallery-dots{
  margin-top:12px;
  display:flex;
  justify-content:center;
  gap:8px;
}

.home-dot{
  width:9px;
  height:9px;
  border:0;
  border-radius:999px;
  padding:0;
  cursor:pointer;
  background: rgba(255,255,255,.22);
}

.home-dot.is-active{
  background: rgba(87,191,242,.95);
}

.home-intro-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(500px 260px at 15% -10%, rgba(87,191,242,.12), transparent 58%),
    rgba(18,20,26,.83);
}

.home-kicker{
  color: rgba(87,191,242,.95);
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.home-title{
  font-size: clamp(28px, 3vw, 40px);
  line-height:1.02;
  margin-bottom:12px;
}

.home-copy{
  margin:0 0 10px 0;
  font-size:15px;
}

.home-copy.muted{
  color: rgba(255,255,255,.58);
}

.home-quick-stats{
  margin-top:8px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
}

.home-stat{
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}

.home-stat-v{
  font-size:26px;
  font-weight:900;
  color: rgba(255,255,255,.94);
}

.home-stat-k{
  font-size:12px;
  color: rgba(255,255,255,.56);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.home-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
}


.home-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}

.home-panel-head.compact{
  align-items:flex-start;
}

.home-panel-kicker{
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color: rgba(255,255,255,.72);
}

.home-panel-sub{
  margin-top:6px;
  font-size:13px;
  color: rgba(255,255,255,.58);
}

.home-online-total-box{
  min-width:104px;
  padding:14px 12px;
  border-radius:16px;
  text-align:center;
  border:1px solid rgba(87,191,242,.24);
  background: rgba(87,191,242,.10);
}

.home-online-total-box .n{
  font-size:30px;
  font-weight:900;
  line-height:1;
  color:#8dcfff;
}

.home-online-total-box .l{
  margin-top:6px;
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color: rgba(255,255,255,.68);
}


.home-servers-grid{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap:12px;
}

.home-server-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}

.home-server-title{
  text-align:center;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color: rgba(255,255,255,.88);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.home-server-image{
  display:block;
  overflow:hidden;
  border-radius:14px;
}

.home-server-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.home-server-map{
  min-height:20px;
}

.home-server-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:12px;
  color: rgba(255,255,255,.62);
}

.home-server-connect{
  color: rgba(141,207,255,.92);
  font-weight:800;
  white-space:nowrap;
}

.home-server-players-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.82);
  font:inherit;
  cursor:pointer;
}

.home-server-players{
  display:none;
  max-height:132px;
  overflow:auto;
  padding:6px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.12);
}

.home-server-card.open .home-server-players{
  display:block;
}

.home-server-player{
  padding:5px 6px;
}

.home-server-empty{
  padding:6px;
  color: rgba(255,255,255,.50);
}


.home-main-grid{
  display:grid;
  grid-template-columns: minmax(0,1.55fr) minmax(320px,.95fr);
  gap:14px;
  align-items:start;
  margin:14px 0 20px;
}

.home-side-col{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}


.home-runs-wrap{
  max-height:980px;
  overflow:auto;
}

.home-runs-table .col-rank{ width:44px; }
.home-runs-table .col-time{ width:104px; }
.home-runs-table .col-date{ width:126px; }
.home-runs-table.home-runs-table-compact .col-run-player{ width:31%; }
.home-runs-table.home-runs-table-compact .col-run-map{ width:33%; }
.home-runs-table.home-runs-table-compact .col-run-time{ width:13%; }
.home-runs-table.home-runs-table-compact .col-run-place{ width:12%; }
.home-runs-table.home-runs-table-compact .col-run-mode{ width:10%; }
.home-runs-table.home-runs-table-compact .col-run-when{ width:13%; }

.home-mode-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}

.home-mode-badge.pro{
  color:#7fe59d;
  background: rgba(87,242,135,.10);
  border-color: rgba(87,242,135,.18);
}

.home-mode-badge.noob{
  color:#f4c98a;
  background: rgba(244,166,90,.10);
  border-color: rgba(244,166,90,.18);
}

.home-run-podium.home-run-gold td{ background: rgba(255,211,90,.07); }
.home-run-podium.home-run-silver td{ background: rgba(200,200,200,.05); }
.home-run-podium.home-run-bronze td{ background: rgba(214,141,90,.05); }
.home-run-trophy{ margin-right:6px; }
.home-run-trophy.gold{ color:#ffd35a; }
.home-run-trophy.silver{ color:#d7d7d7; }
.home-run-trophy.bronze{ color:#c98752; }


.home-top-panel .tabs.small .tab{
  padding:6px 10px;
  min-height:auto;
}

.home-top-list{ display:none; }
.home-top-list.active{ display:block; }

.home-top-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:9px 2px;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.home-top-row:last-child{
  border-bottom:none;
}

.home-top-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.home-top-rank{
  width:22px;
  flex:0 0 22px;
  text-align:center;
  color: rgba(255,255,255,.58);
  font-size:12px;
  font-weight:900;
}

.home-top-row .player-link{
  min-width:0;
  border-bottom:none;
}

.home-top-row .player-name{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-top-row .lb-league{
  padding:4px 6px;
  font-size:11px;
  white-space:nowrap;
}


.home-weekly-prize{
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  font-size:12px;
  font-weight:900;
}

.home-weekly-maps{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-bottom:12px;
}

.home-weekly-map{
  display:block;
  padding:8px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}

.home-weekly-map .media{
  border-radius:12px;
  overflow:hidden;
}

.home-weekly-map-name{
  margin-top:8px;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.home-weekly-map .badge.small{
  width:max-content;
  margin-top:6px;
  padding:4px 8px;
  font-size:11px;
}

.weekly-row{
  align-items:center;
}

.home-weekly-right{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}

.home-weekly-total{
  font-size:12px;
  color: rgba(255,255,255,.82);
}

.home-weekly-tag{
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(255,211,90,.22);
  background: rgba(255,211,90,.08);
  color:#f0d788;
  font-size:11px;
  font-weight:900;
}

.home-weekly-cta{
  margin-top:12px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.07);
}

.home-missing{
  color: rgba(255,255,255,.50);
}


.home-socials-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top:12px;
}

.home-social{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:74px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}

.home-social i{
  font-size:22px;
}

.home-social span{
  font-size:12px;
  font-weight:700;
}

.home-partners-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:12px;
}

.home-partner{
  min-height:94px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}

.home-partner img{
  display:block;
  max-width:100%;
  max-height:100px;
  object-fit:contain;
}

.home-partner span{
  display:none;
  text-align:center;
  font-weight:800;
  color: rgba(255,255,255,.80);
}

.home-partner.text-only span{
  display:block;
}

.home-partner.text-only img{
  display:none;
}


@media (max-width: 1200px){
  .home-servers-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 980px){
  .home-hero-row,
  .home-main-grid{
    grid-template-columns: 1fr;
  }

  .home-gallery,
  .home-intro-panel{
    min-height:320px;
  }

  .home-servers-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-weekly-maps{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-main-grid,
  .home-main-grid > section,
  .home-side-col,
  .home-side-col > section{
    min-width:0;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }

  .home-runs-panel,
  .home-top-panel,
  .home-weekly-panel,
  .home-socials-panel,
  .home-partners-panel{
    overflow:hidden;
  }

  .home-runs-wrap,
  .home-top-list,
  .home-weekly-maps,
  .home-socials-grid,
  .home-partners-grid{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }

  .home-runs-wrap{
    overflow-y:auto;
    max-height:min(70vh, 980px);
    touch-action: pan-x pan-y;
  }

  .home-runs-wrap .table{
    min-width:720px;
  }

  .weekly-row,
  .home-top-row{
    min-width:0;
  }
}

@media (max-width: 640px){
  .home-gallery{
    min-height:260px;
  }

  .home-quick-stats{
    grid-template-columns:1fr;
  }

  .home-servers-grid,
  .home-weekly-maps,
  .home-socials-grid,
  .home-partners-grid{
    grid-template-columns:1fr;
  }

  .home-panel-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .home-runs-wrap .table{
    min-width:680px;
  }

  .home-top-row .player-name,
  .weekly-row .player-name{
    max-width: calc(100vw - 220px);
  }

  .home-weekly-right{
    flex-shrink:0;
  }
}

.home-main-grid > section,
.home-side-col > .panel{
  min-width:0;
}


.table-wrap{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.table-wrap .table{
  min-width:680px;
}
.home-runs-wrap{
  overflow-x:auto;
  overflow-y:auto;
}
.home-runs-wrap .table{
  min-width:720px;
}
@media (max-width: 720px){
  .table-wrap .table{ min-width:640px; }
  .home-runs-wrap .table{ min-width:680px; }
}


.map-page-layout{
  grid-template-columns: minmax(0,1.7fr) minmax(320px,.9fr);
}
.map-main-col,
.map-side-col{
  min-width:0;
}
.map-main-col,
.map-side-col{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.map-hero-panel,
.runs-panel{
  padding:16px;
  border-radius:var(--radius2);
}
.map-hero-grid{
  display:grid;
  grid-template-columns:minmax(180px,360px) minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.map-hero-media{
  width:100%;
}
.map-hero-info{
  min-width:0;
}
.map-hero-title{
  margin:0 0 12px 0;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.09);
  font-size:clamp(22px, 3vw, 26px);
  overflow-wrap:anywhere;
}
.map-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.map-detail-list{
  margin-top:10px;
  color:rgba(255,255,255,.62);
  font-size:13px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.map-detail-line strong{
  color:rgba(255,255,255,.82);
}

/* Download and future viewer actions within the map hero. */
.map-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.09);
}
.map-action{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  min-height:42px;
  padding:9px 11px;
  border:1px solid rgba(87,172,242,.21);
  border-radius:11px;
  background:rgba(87,172,242,.055);
  color:rgba(238,248,255,.94);
  font-size:12px;
  font-weight:750;
  line-height:1.3;
  text-decoration:none;
  transition:background .15s ease, border-color .15s ease;
}
.map-action .bi{
  flex:0 0 18px;
  font-size:17px;
  text-align:center;
  color:#78c7fb;
}
.map-action span{ min-width:0; }
a.map-action:hover,
a.map-action:focus-visible{
  background:rgba(87,172,242,.13);
  border-color:rgba(87,172,242,.46);
  color:#fff;
}
a.map-action:focus-visible{ outline:2px solid #78c7fb; outline-offset:2px; }
.map-action.is-disabled{
  border-color:rgba(255,255,255,.065);
  background:rgba(255,255,255,.018);
  color:rgba(255,255,255,.38);
  cursor:not-allowed;
  user-select:none;
}
.map-action.is-disabled .bi{ color:rgba(255,255,255,.32); }
/* Keep download feedback inside the action that initiated it. */
.map-action-content{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
.map-action-label{
  display:block;
  min-width:0;
}
.map-action-feedback{
  display:block;
  overflow:hidden;
  min-width:0;
  color:inherit;
  font-size:11px;
  font-weight:600;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.map-action-feedback:empty{ display:none; }
.map-action.is-checking{
  border-color:rgba(87,172,242,.42);
  background:rgba(87,172,242,.11);
}
.map-action.is-checking .map-action-feedback{ color:#addbff; }
.map-action.is-checking .map-action-icon{ animation:map-action-spin .9s linear infinite; }
.map-action.is-started{
  border-color:rgba(79,199,145,.44);
  background:rgba(79,199,145,.095);
}
.map-action.is-started .map-action-icon,
.map-action.is-started .map-action-feedback{ color:#a5efc5; }
.map-action.is-error{
  border-color:rgba(245,121,121,.42);
  background:rgba(245,121,121,.09);
}
.map-action.is-error .map-action-icon,
.map-action.is-error .map-action-feedback{ color:#ffb6b6; }
a.map-action.is-started:hover,
a.map-action.is-started:focus-visible{ background:rgba(79,199,145,.14); border-color:rgba(79,199,145,.6); }
a.map-action.is-error:hover,
a.map-action.is-error:focus-visible{ background:rgba(245,121,121,.14); border-color:rgba(245,121,121,.6); }
.map-action[aria-busy="true"]{ cursor:progress; pointer-events:none; }
@keyframes map-action-spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){
  .map-action.is-checking .map-action-icon{ animation:none; }
}
.map-download-frame{
  position:absolute;
  width:0;
  height:0;
  border:0;
  visibility:hidden;
}
.similar-thumb{
  display:block;
}
.similar-thumb:hover{
  outline:1px solid rgba(87,191,242,.28);
}
@media (max-width:980px){
  .map-page-layout{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .map-hero-grid{ grid-template-columns:1fr; }
  .map-hero-panel,
  .runs-panel{ padding:14px; }
  .map-side-col{ width:100%; }
  .map-badges .badge{ max-width:100%; }
}


.podium-trophy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:-0.12em;
  filter:drop-shadow(0 1px 5px rgba(0,0,0,.25));
}
.podium-trophy.gold{ color:#ffd35a; }
.podium-trophy.silver{ color:#d7d7d7; }
.podium-trophy.bronze{ color:#c98752; }
.map-rank-trophy{ font-size:15px; }
.player-place-trophy{ margin-right:4px; }


.scroll-list{
  max-height:233px;
}


.home-social-discord i{ color:#5865F2; }
.home-social-steam i{ color:#1b9fff; }
.home-social-youtube i{ color:#ff0000; }
.home-social:hover{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
}


.networth-panel{
  padding:16px;
  border-radius:var(--radius2);
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(420px 180px at 10% 0%, rgba(63,224,127,.12), transparent 62%),
    radial-gradient(260px 160px at 100% 20%, rgba(242,211,107,.10), transparent 60%),
    rgba(18,20,26,.83);
}
.networth-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.networth-kicker{
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:12px;
  color:rgba(255,255,255,.70);
}
.networth-title{
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:28px;
  line-height:1;
  font-weight:950;
  color:rgba(255,255,255,.96);
}
.networth-title i{
  color:#3fe07f;
}
.networth-icon{
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#f2d36b;
  font-size:22px;
}
.networth-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.networth-card{
  padding:11px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.14);
}
.networth-card .k{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.60);
}
.networth-card .v{
  margin-top:6px;
  font-size:20px;
  font-weight:950;
  color:rgba(255,255,255,.94);
}
.networth-card .v span{
  font-size:12px;
  color:rgba(255,255,255,.56);
}
.networth-card.tokens .v,
.networth-card.tokens .k i{
  color:#3fe07f;
}
.networth-card.vip .k i{
  color:#f2d36b;
}
.networth-card.intrinsic .v,
.networth-card.intrinsic .k i{
  color:#f2d36b;
}
.networth-card .hint{
  margin-top:4px;
  font-size:12px;
  color:rgba(255,255,255,.48);
}


.player-side-table-wrap{
  overflow-x:hidden;
}
.player-side-table-wrap .player-side-table{
  min-width:0;
  width:100%;
  table-layout:fixed;
}
.player-side-table th,
.player-side-table td{
  padding:7px 6px;
  font-size:12px;
  letter-spacing:0;
}
.player-side-table th{
  font-size:10.5px;
  letter-spacing:.055em;
}
.player-bhop-table .col-bhop-type{ width:46px; }
.player-bhop-table .col-bhop-jumps{ width:64px; }
.player-bhop-table .col-bhop-stat{ width:54px; }
.player-maps-table .col-side-map{ width:auto; }
.player-maps-table .col-side-rating{ width:88px; }
.player-maps-table .col-side-year{ width:54px; }
.player-maps-table td:first-child a{
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:bottom;
}
@media (max-width:360px){
  .player-side-table-wrap{
    overflow-x:auto;
  }
  .player-side-table-wrap .player-bhop-table{ min-width:326px; }
  .player-side-table-wrap .player-maps-table{ min-width:300px; }
}


.btn .btn-title{
  margin-left:8px;
  line-height:1;
}

.weekly-page{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.weekly-hero-panel{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(340px, .8fr);
  gap:18px;
  align-items:stretch;
  padding:18px;
  border-radius:var(--radius2);
  overflow:hidden;
  position:relative;
}
.weekly-hero-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(700px 260px at 16% 0%, rgba(255, 211, 90, .12), transparent 62%),
    radial-gradient(520px 220px at 92% 10%, rgba(87, 191, 242, .12), transparent 58%);
}
.weekly-hero-copy,
.weekly-hero-metrics{
  position:relative;
  z-index:1;
}
.weekly-hero-copy h1{
  max-width:760px;
}
.weekly-hero-metrics{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}
.weekly-metric{
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:13px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.16);
}
.weekly-metric.primary{
  border-color:rgba(255, 211, 90, .24);
  background:linear-gradient(135deg, rgba(255,211,90,.12), rgba(87,191,242,.05));
}
.weekly-metric-label{
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.58);
  font-weight:900;
}
.weekly-metric strong{
  color:rgba(255,255,255,.94);
  font-size:18px;
  line-height:1.15;
}

.weekly-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(320px, .34fr);
  gap:14px;
  align-items:start;
}
.weekly-main-col,
.weekly-side-col{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.weekly-full-section{
  width:100%;
}
.weekly-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.weekly-counts{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.weekly-status-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.weekly-status-pill.live{
  border-color:rgba(87,242,135,.24);
  background:rgba(87,242,135,.08);
  color:#9eeaae;
}
.weekly-status-pill.ended{
  border-color:rgba(255,211,90,.22);
  background:rgba(255,211,90,.08);
  color:#f0d788;
}

.weekly-map-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.weekly-map-card{
  display:flex;
  flex-direction:column;
  position:relative;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  overflow:hidden;
}
.weekly-map-card:hover{
  border-color:rgba(87,191,242,.28);
  background:rgba(255,255,255,.035);
}
.weekly-map-card-link{
  display:block;
  min-width:0;
}
.weekly-map-order{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.22);
  background:rgba(8,12,18,.78);
  backdrop-filter:blur(8px);
  color:rgba(255,255,255,.88);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.weekly-map-media{
  border-radius:14px;
  overflow:hidden;
}
.weekly-map-media img,
.weekly-history-map img{
  object-fit:cover;
}
.weekly-map-name{
  display:block;
  margin-top:10px;
  font-weight:950;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.weekly-map-badges{
  margin-top:8px;
}
.weekly-map-badges .badge{
  max-width:100%;
}
.weekly-record-stack{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}
.weekly-record-line{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:8px;
  border-radius:12px;
  background:rgba(0,0,0,.12);
}
.weekly-record-line-hot{
  border:1px solid rgba(255,211,90,.12);
  background:rgba(255,211,90,.055);
}
.weekly-record-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.weekly-record-value{
  min-width:0;
  color:rgba(255,255,255,.82);
  font-size:12px;
}
.weekly-record-value .player-name{
  max-width:130px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.weekly-record-value .time{
  margin-left:4px;
  color:rgba(255,255,255,.78);
}

.weekly-table-wrap{
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.weekly-standings-table,
.weekly-history-table{
  min-width:1120px;
}
.weekly-leaderboard-table{
  min-width:780px;
}
.table .weekly-rank-col{ width:94px; min-width:94px; }
.table .weekly-col-player{ width:230px; }
.table .weekly-col-time{ width:128px; }
.table .weekly-col-map-time{ width:170px; }
.table .weekly-col-gap{ width:96px; }
.table .weekly-col-progress{ width:82px; }
.table .weekly-col-points{ width:90px; }
.table .weekly-col-prize{ width:132px; }
.table .weekly-col-small{ width:92px; }
.weekly-standings-table th.weekly-col-map-time,
.weekly-history-table th.weekly-col-map-time{
  white-space:normal;
  text-overflow:clip;
  line-height:1.2;
}
.weekly-rank-cell{
  font-weight:950;
  color:rgba(255,255,255,.86) !important;
  text-align:center;
}
.weekly-table-trophy{
  font-size:15px;
  vertical-align:middle;
}
.weekly-rank-gold td{ background:rgba(255,211,90,.075); }
.weekly-rank-silver td{ background:rgba(220,220,220,.05); }
.weekly-rank-bronze td{ background:rgba(201,135,82,.055); }
.weekly-token-prize{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(255,211,90,.22);
  background:rgba(255,211,90,.08);
  color:#f0d788;
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
}
.weekly-missing{
  color:rgba(255,255,255,.42);
}

.weekly-prize-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:12px;
}
.weekly-prize-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(0,0,0,.13);
}
.weekly-prize-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.weekly-prize-place{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(255,255,255,.66);
  font-size:12px;
  font-weight:950;
}
.weekly-prize-player{
  min-width:0;
  font-size:12px;
}
.weekly-prize-player .player-name{
  max-width:160px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.weekly-prize-row strong{
  color:#f0d788;
  white-space:nowrap;
}
.weekly-format-list{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:12px;
}
.weekly-format-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(0,0,0,.12);
}
.weekly-format-item span{
  width:24px;
  text-align:center;
  font-size:18px;
}
.weekly-format-item strong{
  color:rgba(255,255,255,.84);
  font-size:13px;
  line-height:1.25;
}

.weekly-empty-state{
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  padding:22px;
  border-radius:16px;
  border:1px dashed rgba(255,255,255,.14);
  background:rgba(0,0,0,.12);
  color:rgba(255,255,255,.64);
}
.weekly-empty-state.compact{
  min-height:120px;
}
.weekly-empty-state i{
  font-size:28px;
  color:rgba(255,255,255,.48);
}
.weekly-empty-state strong{
  color:rgba(255,255,255,.86);
}
.weekly-empty-state span{
  font-size:13px;
}

.weekly-history-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.weekly-history-item{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  overflow:hidden;
}
.weekly-history-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  color:rgba(255,255,255,.88);
  background:transparent;
  border:0;
  cursor:pointer;
  font:inherit;
  text-align:left;
}
.weekly-history-toggle:hover{
  background:rgba(255,255,255,.03);
}
.weekly-history-title{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.weekly-history-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.weekly-history-meta .pill{
  cursor:default;
}
.weekly-history-chevron{
  transition:transform .16s ease;
  opacity:.75;
}
.weekly-history-item.open .weekly-history-chevron{
  transform:rotate(180deg);
}
.weekly-history-body{
  display:none;
  padding:0 14px 14px;
}
.weekly-history-item.open .weekly-history-body{
  display:block;
}
.weekly-history-maps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.weekly-history-map{
  display:block;
  padding:8px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(0,0,0,.12);
}
.weekly-history-map .media{
  border-radius:12px;
  overflow:hidden;
  margin-bottom:8px;
}
.weekly-history-map > span{
  display:block;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  line-height:1.25;
}
.weekly-history-badges{
  gap:6px;
}
.weekly-history-badges .badge{
  font-size:11px;
  padding:5px 7px;
}

@media (max-width:1100px){
  .weekly-hero-panel,
  .weekly-layout{
    grid-template-columns:1fr;
  }
}
@media (max-width:860px){
  .weekly-map-grid,
  .weekly-history-maps{
    grid-template-columns:1fr;
  }
}
@media (max-width:760px){
  .weekly-hero-panel{
    padding:14px;
  }
  .weekly-hero-metrics{
    grid-template-columns:1fr 1fr;
  }
  .weekly-section-head{
    flex-direction:column;
  }
  .weekly-counts{
    justify-content:flex-start;
  }
  .weekly-standings-table,
  .weekly-history-table{
    min-width:1040px;
  }
  .weekly-leaderboard-table{
    min-width:720px;
  }
}
@media (max-width:480px){
  .weekly-hero-metrics{
    grid-template-columns:1fr;
  }
  .weekly-metric{
    min-height:82px;
  }
  .weekly-history-toggle{
    padding:12px;
  }
  .weekly-history-body{
    padding:0 12px 12px;
  }
  .weekly-prize-row{
    align-items:flex-start;
  }
}


.weekly-format-strip-panel{
  padding:14px;
}
.weekly-format-strip-head .section-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.weekly-format-strip{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.weekly-format-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.13);
  white-space:nowrap;
}
.weekly-format-chip span{
  line-height:1;
  font-size:16px;
}
.weekly-format-chip strong{
  color:rgba(255,255,255,.84);
  font-size:12px;
  line-height:1;
}
.weekly-layout{
  align-items:stretch;
}
.weekly-main-col,
.weekly-side-col,
.weekly-current-panel,
.weekly-prize-panel{
  height:100%;
}
.weekly-prize-panel{
  display:flex;
  flex-direction:column;
}
.weekly-prize-list{
  flex:1;
  justify-content:space-between;
}
.weekly-map-badges{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.weekly-map-badges .badge{
  display:inline-flex;
  max-width:100%;
}
.weekly-metric-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.weekly-table-wrap{
  max-height:560px;
  overflow:auto;
}
.weekly-history-body .weekly-table-wrap{
  max-height:460px;
}
.weekly-table-wrap .table th{
  position:sticky;
  top:0;
  z-index:3;
  background:rgba(15,22,32,.98);
  backdrop-filter:blur(8px);
}
.table .weekly-rank-col{
  width:118px;
  min-width:118px;
}
.table .weekly-col-player{
  width:260px;
  min-width:260px;
}
.table .weekly-col-map-time{
  width:200px;
  min-width:200px;
}
.weekly-standings-table{
  min-width:1240px;
}
.weekly-history-table{
  min-width:1380px;
}
.weekly-leaderboard-table{
  min-width:840px;
}
.weekly-standings-table th.weekly-col-map-time,
.weekly-history-table th.weekly-col-map-time{
  white-space:normal;
  overflow:visible;
}
@media (max-width:760px){
  .weekly-format-strip{
    gap:7px;
  }
  .weekly-format-chip{
    width:100%;
    justify-content:flex-start;
    border-radius:14px;
  }
  .weekly-table-wrap{
    max-height:520px;
  }
  .weekly-standings-table{
    min-width:1240px;
  }
  .weekly-history-table{
    min-width:1380px;
  }
}


.weekly-page .section-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.weekly-page .section-title i{
  color:rgba(255,211,90,.88);
  line-height:1;
  flex:0 0 auto;
}
.weekly-prize-list{
  justify-content:flex-start;
  gap:10px;
}
.weekly-prize-row{
  padding:13px 12px;
}
.weekly-prize-place{
  gap:7px;
}
.weekly-standings-table,
.weekly-history-table,
.weekly-leaderboard-table{
  width:100%;
}
.weekly-standings-table{
  min-width:980px;
}
.weekly-history-table{
  min-width:1120px;
}
.weekly-leaderboard-table{
  min-width:720px;
}
.weekly-standings-table th,
.weekly-standings-table td{
  padding:7px 6px;
}
.table .weekly-rank-col{
  width:76px;
  min-width:76px;
}
.table .weekly-col-player{
  width:190px;
  min-width:190px;
}
.table .weekly-col-map-time{
  width:150px;
  min-width:150px;
}
.table .weekly-col-time{
  width:108px;
  min-width:108px;
}
.table .weekly-col-gap{
  width:84px;
  min-width:84px;
}
.table .weekly-col-points{
  width:76px;
  min-width:76px;
}
.table .weekly-col-small{
  width:82px;
  min-width:82px;
}
.table .weekly-col-prize{
  width:118px;
  min-width:118px;
}
.weekly-standings-table th.weekly-col-map-time{
  font-size:10.5px;
  letter-spacing:.055em;
  line-height:1.15;
}
.weekly-standings-table td.mono{
  font-size:12px;
}
.weekly-standings-table .player-name,
.weekly-leaderboard-table .player-name{
  max-width:160px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (min-width:960px){
  .weekly-standings-table{
    min-width:0;
  }
}
@media (max-width:760px){
  .weekly-standings-table{
    min-width:980px;
  }
  .weekly-history-table{
    min-width:1120px;
  }
  .weekly-leaderboard-table{
    min-width:720px;
  }
}


.weekly-hero-panel .hero-actions .btn.primary:first-child{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-color:rgba(255,211,90,.52);
  background:
    linear-gradient(135deg, rgba(255,211,90,.32), rgba(87,191,242,.18) 48%, rgba(255,211,90,.22)),
    rgba(255,211,90,.10);
  box-shadow:
    0 0 0 1px rgba(255,211,90,.08) inset,
    0 12px 30px rgba(255,211,90,.12),
    0 8px 26px rgba(87,191,242,.10);
  color:rgba(255,255,255,.96);
  font-weight:950;
}
.weekly-hero-panel .hero-actions .btn.primary:first-child::before{
  content:"";
  position:absolute;
  inset:-60% auto -60% -45%;
  width:42%;
  transform:rotate(18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  opacity:.85;
  animation:weeklyConnectShine 3.2s ease-in-out infinite;
  z-index:-1;
}
.weekly-hero-panel .hero-actions .btn.primary:first-child:hover{
  border-color:rgba(255,211,90,.76);
  background:
    linear-gradient(135deg, rgba(255,211,90,.40), rgba(87,191,242,.22) 48%, rgba(255,211,90,.30)),
    rgba(255,211,90,.13);
  box-shadow:
    0 0 0 1px rgba(255,211,90,.14) inset,
    0 14px 34px rgba(255,211,90,.18),
    0 10px 30px rgba(87,191,242,.14);
  transform:translateY(-1px);
}
@keyframes weeklyConnectShine{
  0%, 48%{ left:-45%; }
  76%, 100%{ left:125%; }
}
@media (prefers-reduced-motion:reduce){
  .weekly-hero-panel .hero-actions .btn.primary:first-child::before{
    animation:none;
    opacity:0;
  }
}


.weekly-page .pill,
.weekly-page .weekly-status-pill,
.weekly-page .weekly-format-chip{
  cursor:default;
}


.weekly-euro-prize{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 7px;
  border-radius:999px;
  border:1px solid rgba(87,191,242,.24);
  background:rgba(87,191,242,.08);
  color:#8dcfff;
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
}
.weekly-history-table{
  min-width:1200px;
}
.weekly-history-table .weekly-col-player{
  width:220px;
  min-width:220px;
}
.weekly-history-table td.weekly-col-player .player-link{
  max-width:100%;
  min-width:0;
}
.weekly-history-table td.weekly-col-player .player-name{
  max-width:170px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (max-width:760px){
  .weekly-history-table{
    min-width:1200px;
  }
  .weekly-history-table .weekly-col-player{
    width:220px;
    min-width:220px;
  }
}


.rules-page{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.rules-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  background:
    radial-gradient(760px 260px at 0% 0%, rgba(87,242,135,.13), transparent 58%),
    radial-gradient(520px 260px at 100% 0%, rgba(87,191,242,.11), transparent 60%),
    rgba(255,255,255,.035);
}
.rules-hero h1{
  margin:0 0 10px;
  font-size:clamp(28px, 3.2vw, 44px);
  line-height:1;
}
.rules-hero .lead{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.72);
}
.rules-hero-btn{
  flex:0 0 auto;
  gap:8px;
  white-space:nowrap;
}
.rules-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
.rules-card{
  padding:18px;
}
.rules-card p{
  margin:0 0 12px;
  color:rgba(255,255,255,.72);
  line-height:1.65;
}
.rules-card strong{
  color:rgba(255,255,255,.94);
}
.rules-card code{
  padding:2px 6px;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.20);
  color:#c8fdf1;
}
.rules-card .section-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.rules-link-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(87,191,242,.18);
  background:rgba(87,191,242,.055);
}
.rules-link-card:hover{
  border-color:rgba(87,191,242,.34);
  background:rgba(87,191,242,.08);
}
.rules-link-card strong{
  display:block;
  color:#8dcfff;
  font-size:13px;
  word-break:break-word;
}
.rules-link-card small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.56);
  line-height:1.45;
}
.rules-link-card i{
  color:rgba(255,255,255,.70);
}
.rules-fairplay-card{
  background:
    radial-gradient(440px 220px at 100% 0%, rgba(200,253,241,.08), transparent 62%),
    rgba(255,255,255,.035);
}
.fairplay-list{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.fairplay-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:12px;
  min-width:0;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(0,0,0,.12);
}
.fairplay-item > i{
  flex:0 0 auto;
  width:34px;
  height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(200,253,241,.15);
  background:rgba(200,253,241,.06);
  color:#c8fdf1;
}
.fairplay-item span{
  min-width:0;
}
.fairplay-item strong{
  display:block;
  font-size:13px;
  line-height:1.2;
}
.fairplay-item small{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.58);
  line-height:1.45;
}
.rules-closing{
  margin:16px 0 0 !important;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(87,242,135,.16);
  background:rgba(87,242,135,.055);
  color:rgba(255,255,255,.82) !important;
  font-weight:800;
}
.rules-banlist-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.banlist-stats{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.banlist-stats span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.62);
  font-size:12px;
  white-space:nowrap;
}
.banlist-stats strong{
  color:rgba(255,255,255,.92);
}
.rules-banlist-wrap{
  margin-top:8px;
}
.rules-banlist-table{
  min-width:880px;
}
.rules-banlist-table th:nth-child(1){ width:24%; }
.rules-banlist-table th:nth-child(2){ width:24%; }
.rules-banlist-table th:nth-child(3){ width:13%; }
.rules-banlist-table th:nth-child(4){ width:13%; }
.rules-banlist-table th:nth-child(5){ width:26%; }
.rules-banlist-table td:nth-child(5){
  white-space:normal;
  line-height:1.45;
}
.ban-end{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  font-weight:850;
  font-size:11px;
  line-height:1.1;
  white-space:nowrap;
}
.ban-end.permanent{
  border:1px solid rgba(255,92,92,.22);
  background:rgba(255,92,92,.075);
  color:#ffb0b0;
}
.ban-end.active{
  border:1px solid rgba(255,211,90,.26);
  background:rgba(255,211,90,.09);
  color:#ffe39a;
}
.ban-end.expired{
  border:1px solid rgba(87,242,135,.24);
  background:rgba(87,242,135,.08);
  color:#a8f7c1;
}
.ban-end.unknown{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
  color:rgba(255,255,255,.70);
}
.empty-state{
  margin-top:10px;
  padding:18px;
  border-radius:14px;
  border:1px dashed rgba(255,255,255,.14);
  background:rgba(0,0,0,.10);
  color:rgba(255,255,255,.62);
  text-align:center;
}
@media (max-width:980px){
  .rules-hero{
    align-items:flex-start;
    flex-direction:column;
  }
  .rules-hero-btn{
    width:100%;
    justify-content:center;
  }
  .rules-grid{
    grid-template-columns:1fr;
  }
  .fairplay-list{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width:640px){
  .rules-card,
  .rules-hero{
    padding:14px;
  }
  .fairplay-list{
    grid-template-columns:1fr;
  }
  .rules-banlist-head{
    flex-direction:column;
  }
  .banlist-stats{
    justify-content:flex-start;
  }
  .rules-banlist-table{
    min-width:820px;
  }
}


.stats-page{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.stats-hero-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
  overflow:hidden;
  position:relative;
}
.stats-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(760px 260px at 15% 0%, rgba(87, 191, 242, .12), transparent 62%),
    radial-gradient(520px 220px at 92% 0%, rgba(87, 242, 135, .09), transparent 58%);
}
.stats-hero-copy,
.stats-tabs{ position:relative; z-index:1; }
.stats-hero-copy h1{ margin-bottom:6px; }
.stats-hero-copy p{
  margin:0;
  max-width:760px;
  color:rgba(255,255,255,.62);
  line-height:1.5;
  font-size:14px;
}
.stats-tabs{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.stats-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:9px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.12);
  color:rgba(255,255,255,.76);
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.stats-tab:hover{
  color:rgba(255,255,255,.92);
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
}
.stats-tab.active{
  color:rgba(255,255,255,.94);
  border-color:rgba(87,242,135,.26);
  background:linear-gradient(135deg, rgba(87,242,135,.13), rgba(87,191,242,.07));
}
.stats-tab-panel{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.stats-metrics-grid{
  display:grid;
  gap:10px;
}
.stats-metrics-grid.metrics-2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.stats-metrics-grid.metrics-5{ grid-template-columns:repeat(5, minmax(0,1fr)); }
.stats-metrics-grid.metrics-6{ grid-template-columns:repeat(6, minmax(0,1fr)); }
.stats-metric{
  min-height:90px;
  padding:12px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.15);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
}
.stats-metric-k{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.58);
  font-size:11px;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1.25;
  text-transform:uppercase;
}
.stats-metric-k i{ color:rgba(87,242,135,.70); font-size:14px; }
.stats-metric-v{
  color:rgba(255,255,255,.94);
  font-size:22px;
  font-weight:950;
  line-height:1.1;
}
.stats-metric-sub{
  color:rgba(255,255,255,.46);
  font-size:12px;
  font-weight:800;
}
.stats-section-head-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.stats-mini-note{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(87,191,242,.20);
  background:rgba(87,191,242,.07);
  color:rgba(255,255,255,.62);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  white-space:nowrap;
}
.stats-world-panel{ overflow:hidden; }
.stats-world-map{
  height:min(82vh, 860px);
  min-height:760px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(1100px 460px at 50% 45%, rgba(113,247,255,.13), transparent 66%),
    linear-gradient(180deg, rgba(13,21,38,.94), rgba(5,9,19,.98));
  overflow:hidden;
}
.stats-world-map.fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.50);
  font-weight:900;
}
.stats-world-map .jvm-container,
.stats-world-map .jvm-container > svg,
.stats-world-map svg{
  width:100% !important;
  height:100% !important;
}
.stats-world-map .jvm-container svg{
  min-height:760px !important;
  transform:scale(1.34);
  transform-origin:center center;
}
.stats-world-map .jvm-region{
  fill:#48515f;
  fill-opacity:1;
  transition:fill .12s ease, filter .12s ease;
}
.stats-world-map .jvm-region:hover{
  fill:#8dfcff !important;
  filter:drop-shadow(0 0 8px rgba(113,247,255,.40));
}
.jvm-tooltip{
  padding:0 !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(9,14,27,.96) !important;
  color:rgba(255,255,255,.92) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.40) !important;
  font-family:inherit !important;
  font-weight:800 !important;
  font-size:12px !important;
  white-space:normal !important;
  line-height:1.25 !important;
  overflow:hidden !important;
}
.jvm-tooltip .stats-map-tooltip{
  min-width:220px;
  padding:10px 11px;
}
.stats-map-tooltip-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.stats-map-tooltip-title strong{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:rgba(255,255,255,.96);
  font-size:13px;
  font-weight:950;
}
.stats-map-tooltip-title span{
  color:#78fbff;
  font-size:11px;
  font-weight:950;
  white-space:nowrap;
}
.stats-map-tooltip-sub{
  color:rgba(255,255,255,.50);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:5px;
}
.stats-map-tooltip-list{
  display:grid;
  gap:4px;
  max-height:286px;
  overflow-y:auto;
  padding-right:2px;
  scrollbar-width:thin;
}
.stats-map-tooltip-list div{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:6px;
  align-items:center;
}
.stats-map-tooltip-list span{
  color:rgba(255,255,255,.45);
  font-size:11px;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.stats-map-tooltip-list a{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:inherit;
  text-decoration:none;
}
.stats-map-tooltip-list a:hover strong{
  color:#8dfcff;
}
.stats-map-tooltip-list strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,255,255,.86);
  font-size:12px;
  font-weight:900;
}
.stats-map-tooltip-vip{
  flex:0 0 auto;
  font-size:10px;
}
.stats-country-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.stats-country-card{
  padding:10px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.025);
}
.stats-country-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:rgba(255,255,255,.88);
  font-weight:900;
}
.stats-country-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.stats-country-label span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.stats-country-top3{
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:5px;
  font-size:12px;
}
.stats-country-top3 .player-link{
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
}
.stats-country-top3 .player-vip{
  flex:0 0 auto;
  margin-left:1px;
}
.stats-top-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}
.stats-top-grid-2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.stats-top-grid .stats-top-card{
  min-width:0;
  margin-top:0;
}
.stats-top-head{ margin-bottom:12px; }
.stats-top-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.stats-top-title i{ color:rgba(87,191,242,.78); font-size:14px; }
.stats-top-sub{ margin-top:6px; }
.stats-top-scroll{
  max-height:323px;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:thin;
}
.stats-top-scroll .table{
  width:100%;
  min-width:0 !important;
  table-layout:fixed;
}
.stats-table th,
.stats-table td{
  vertical-align:middle;
  padding-left:12px;
  padding-right:12px;
}
.stats-table th:first-child,
.stats-table td:first-child{
  width:44px;
  color:rgba(255,255,255,.45);
  font-weight:900;
}
.stats-table .right,
.stats-table th.right{
  text-align:left;
}
.stats-table th:last-child,
.stats-table td:last-child{
  padding-right:18px;
}
.stats-table .map-link,
.stats-table .player-link{ max-width:100%; }
.stats-activity-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:10px;
}
.stats-activity-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.70);
  font-size:11px;
  font-weight:900;
}
.stats-activity-legend i{
  color:rgba(87,191,242,.86);
  font-size:13px;
}
.stats-activity-chart-wrap{
  position:relative;
  min-height:340px;
  overflow:auto;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.09);
  background:
    radial-gradient(520px 220px at 50% 0%, rgba(87,191,242,.10), transparent 70%),
    rgba(0,0,0,.13);
}
.stats-activity-chart{
  display:block;
  width:100%;
  min-width:1120px;
  height:auto;
}
.stats-chart-grid-line{
  stroke:rgba(255,255,255,.08);
  stroke-width:1;
}
.stats-chart-day-line{
  stroke:rgba(255,255,255,.055);
  stroke-width:1;
}
.stats-chart-y-label,
.stats-chart-day-label{
  fill:rgba(255,255,255,.48);
  font-size:11px;
  font-weight:900;
}
.stats-chart-y-label{ text-anchor:end; }
.stats-chart-time-label{
  fill:rgba(255,255,255,.42);
  font-size:8.4px;
  font-weight:900;
  text-anchor:end;
}
.stats-chart-area{ fill:url(#statsActivityAreaGradient); }
.stats-chart-line{
  fill:none;
  stroke:url(#statsActivityLineGradient);
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(87,242,135,.16));
}
.stats-chart-point circle{
  fill:#111827;
  stroke-width:2.2;
  transition:r .14s ease, fill .14s ease, stroke-width .14s ease;
}
.stats-chart-point.low circle{ stroke:#ff9f43; }
.stats-chart-point.mid circle{ stroke:#ffd35a; }
.stats-chart-point.high circle{ stroke:#57f287; }
.stats-chart-point.active circle,
.stats-chart-point:hover circle,
.stats-chart-point:focus circle{
  r:7;
  fill:rgba(255,255,255,.95);
  stroke-width:3;
}
.stats-chart-point.low.active circle,
.stats-chart-point.low:hover circle,
.stats-chart-point.low:focus circle{ fill:#ff9f43; }
.stats-chart-point.mid.active circle,
.stats-chart-point.mid:hover circle,
.stats-chart-point.mid:focus circle{ fill:#ffd35a; }
.stats-chart-point.high.active circle,
.stats-chart-point.high:hover circle,
.stats-chart-point.high:focus circle{ fill:#57f287; }
.stats-chart-tooltip{
  position:absolute;
  z-index:8;
  min-width:220px;
  max-width:260px;
  padding:10px 11px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(8,13,24,.96);
  box-shadow:0 16px 34px rgba(0,0,0,.38);
  color:rgba(255,255,255,.88);
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.stats-chart-tooltip-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:12px;
  font-weight:950;
  color:rgba(255,255,255,.95);
  margin-bottom:8px;
}
.stats-chart-tooltip-title span{
  color:#8dcfff;
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:11px;
}
.stats-chart-tooltip-grid{
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 14px;
  font-size:12px;
}
.stats-chart-tooltip-grid span{
  color:rgba(255,255,255,.58);
  font-weight:800;
}
.stats-chart-tooltip-grid strong{
  text-align:right;
  color:rgba(255,255,255,.92);
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
@media (max-width:1180px){
  .stats-metrics-grid.metrics-5{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .stats-metrics-grid.metrics-6{ grid-template-columns:repeat(3, minmax(0,1fr)); }
  .stats-country-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:920px){
  .stats-hero-card{ grid-template-columns:1fr; align-items:start; }
  .stats-tabs{ justify-content:flex-start; }
  .stats-tab{ flex:1 1 145px; }
  .stats-top-grid,
  .stats-top-grid-2{ grid-template-columns:1fr; }
}
@media (max-width:820px){
  .stats-metrics-grid.metrics-2,
  .stats-metrics-grid.metrics-5,
  .stats-metrics-grid.metrics-6,
  .stats-country-grid{ grid-template-columns:1fr; }
  .stats-world-map{
    height:560px;
    min-height:560px;
  }
  .stats-world-map .jvm-container svg{
    min-height:560px !important;
    transform:scale(1.18);
  }
}
@media (max-width:560px){
  .stats-tab span{ font-size:11px; }
  .stats-metric{ min-height:78px; }
  .stats-metric-v{ font-size:19px; }
  .stats-world-map{
    height:460px;
    min-height:460px;
  }
  .stats-world-map .jvm-container svg{
    min-height:460px !important;
    transform:scale(1.10);
  }
  .stats-top-scroll .table{ min-width:0 !important; }
}


.player-role-icons{
  display:inline-flex;
  align-items:center;
  gap:2px;
  flex:0 0 auto;
  margin-left:2px;
  line-height:1;
}
.player-role-icons .player-vip,
.player-role-icons .player-admin{
  margin-left:0;
}
.player-role-icons-lg{
  gap:2px;
  margin-left:-2px;
  font-size:.92em;
}
.player-admin{
  color:rgba(205,214,222,.96);
  font-size:.94em;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));
}
.stats-map-tooltip-roles{
  gap:2px;
  margin-left:2px;
}
.stats-map-tooltip-admin,
.stats-map-tooltip-vip{
  margin-left:0;
}
.player-avatar-shell{
  width:192px;
  height:192px;
  border-radius:20px;
  position:relative;
}
.player-avatar-shell .avatar-lg{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.22);
}
.player-avatar-shell.is-vip .avatar-lg{
  border-color:rgba(255,216,96,.42);
  box-shadow:
    0 0 9px rgba(255,211,90,.20),
    0 0 20px rgba(255,190,58,.10);
}


.site-video-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
}
.site-video-canvas{
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
}
.site-video-source{
  position:fixed;
  left:-10000px;
  top:-10000px;
  width:2px;
  height:2px;
  opacity:0;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
}

.btn-icon-label{ gap:8px; }


.bank-page,
.bank-shell,
.bank-content,
.bank-card,
.bank-table-wrap,
.bank-rich-wrap{
  min-width:0;
  max-width:100%;
}
.bank-shell{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.bank-sidebar{
  position:sticky;
  top:84px;
  min-height:570px;
  padding:14px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
}
.bank-sidebar-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:3px 4px 14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.bank-sidebar-logo{
  width:35px;
  height:35px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:#79d5f4;
  font-size:17px;
}
.bank-sidebar-brand strong{
  display:block;
  color:rgba(255,255,255,.94);
  font-size:14px;
  line-height:1.2;
}
.bank-sidebar-brand span:not(.bank-sidebar-logo){
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.43);
  font-size:11px;
}
.bank-sidebar-account{
  padding:14px 5px 10px;
  min-width:0;
}
.bank-sidebar-account-label,
.bank-view-kicker{
  color:rgba(255,255,255,.40);
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.bank-sidebar-account-label{ margin-bottom:6px; }
.bank-sidebar-account .player-link{ max-width:100%; }
.bank-sidebar-account .player-name{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.bank-side-nav{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin-top:4px;
}
.bank-side-link{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 10px;
  border:1px solid transparent;
  border-radius:10px;
  color:rgba(255,255,255,.62);
  font-size:13px;
  font-weight:850;
  transition:background .14s ease,border-color .14s ease,color .14s ease;
}
.bank-side-link i{
  width:17px;
  flex:0 0 17px;
  text-align:center;
  color:rgba(255,255,255,.44);
  font-size:15px;
}
.bank-side-link:hover{
  color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.035);
}
.bank-side-link.active{
  color:#a5e8ff;
  background:rgba(87,191,242,.085);
  border-color:rgba(87,191,242,.14);
}
.bank-side-link.active i{ color:#79d5f4; }
.bank-sidebar-actions{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;
  flex-direction:column;
  gap:7px;
}
.bank-sidebar-actions .btn{
  width:100%;
  justify-content:center;
}
.bank-sidebar-vip{
  min-height:35px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:rgba(255,255,255,.56);
  font-size:12px;
  font-weight:850;
}
.bank-sidebar-vip:hover{ color:#ffd35a; }
.bank-view-head{
  min-height:92px;
  padding:5px 2px 15px;
  display:flex;
  align-items:flex-end;
}
.bank-view-kicker{ margin-bottom:4px; }
.bank-view-head h1{
  margin:0;
  font-size:27px;
  letter-spacing:-.02em;
}
.bank-view-head p{
  margin:5px 0 0;
  max-width:680px;
  color:rgba(255,255,255,.51);
  font-size:13px;
  line-height:1.5;
}
.bank-overview-balance{
  padding:20px;
  border-radius:18px;
  display:grid;
  grid-template-columns:minmax(250px,1fr) minmax(350px,1.15fr);
  gap:24px;
  align-items:center;
  background:linear-gradient(135deg,rgba(29,70,50,.28),rgba(13,20,28,.74));
  border-color:rgba(92,214,139,.14);
}
.bank-label,
.bank-overview-stat span,
.bank-summary-card span{
  display:block;
  color:rgba(255,255,255,.46);
  font-size:10.5px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.bank-big-balance{
  margin-top:8px;
  color:#69e99a;
  font-size:47px;
  font-weight:950;
  letter-spacing:-.035em;
  line-height:1;
}
.bank-big-balance span{
  margin-left:6px;
  color:rgba(255,255,255,.48);
  font-size:18px;
}
.bank-balance-note{
  margin-top:9px;
  color:rgba(255,255,255,.42);
  font-size:12px;
}
.bank-overview-secondary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-left:1px solid rgba(255,255,255,.07);
}
.bank-overview-stat{
  padding:8px 15px;
  min-width:0;
}
.bank-overview-stat strong{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.91);
  font-size:18px;
  white-space:nowrap;
}
.bank-overview-stat small,
.bank-summary-card small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.38);
  font-size:10.5px;
  line-height:1.4;
}
.bank-overview-links{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:11px;
}
.bank-overview-link{
  min-height:74px;
  padding:12px;
  border-radius:15px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 14px;
  gap:9px;
  align-items:center;
  color:inherit;
}
.bank-overview-link>i:first-child,
.bank-card-title>i{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:rgba(87,191,242,.07);
  border:1px solid rgba(87,191,242,.10);
  color:#79cbe8;
}
.bank-overview-link>i:first-child{
  width:34px;
  height:34px;
  border-radius:10px;
}
.bank-overview-link>i:last-child{
  color:rgba(255,255,255,.24);
  font-size:11px;
}
.bank-overview-link strong{
  display:block;
  color:rgba(255,255,255,.85);
  font-size:12.5px;
}
.bank-overview-link span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.41);
  font-size:10.5px;
  line-height:1.4;
}
.bank-overview-link:hover{
  border-color:rgba(87,191,242,.18);
  background:rgba(87,191,242,.035);
}
.bank-overview-link:hover>i:last-child{ color:#87d8f5; }
.bank-card{
  padding:16px;
  border-radius:17px;
}
.bank-card-title{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-bottom:15px;
}
.bank-card-title>i{
  width:34px;
  height:34px;
  border-radius:10px;
}
.bank-card-title strong{
  display:block;
  margin-top:1px;
  color:rgba(255,255,255,.90);
  font-size:13px;
}
.bank-card-title span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.43);
  font-size:11px;
  line-height:1.45;
}
.bank-summary-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}
.bank-summary-row-three{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.bank-summary-card{
  min-height:86px;
  padding:14px 15px;
  border-radius:15px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.bank-summary-card strong{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.91);
  font-size:20px;
}
.bank-summary-card.positive-card strong{ color:#62e997; }
.bank-summary-card.negative-card strong{ color:#ff8f8f; }
.bank-page .positive,
.bank-page .bank-amount.positive{
  color:#62e997;
}
.bank-page .negative,
.bank-page .bank-amount.negative{
  color:#ff8f8f;
}
.bank-page .bank-summary-card strong.bank-token-value,
.bank-page .bank-rich-table td.bank-rich-tokens,
.bank-page .bank-rich-table td.bank-rich-worth{
  color:#3fe07f;
  font-weight:950;
}
.bank-page .bank-summary-card small span.bank-intrinsic-value,
.bank-page .bank-rich-table td.bank-rich-intrinsic{
  color:#f2d36b;
  font-weight:900;
}
.bank-stats-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.bank-stat-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.bank-stat-list>div{
  padding:10px 11px;
  border-radius:11px;
  background:rgba(255,255,255,.022);
  border:1px solid rgba(255,255,255,.065);
  min-width:0;
}
.bank-stat-list span{
  display:block;
  color:rgba(255,255,255,.42);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:900;
}
.bank-stat-list strong{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.88);
  font-size:16px;
}
.bank-weekly-stat{ min-height:175px; }
.bank-weekly-total{
  margin-top:18px;
  color:#ffd35a;
  font-size:36px;
  font-weight:950;
  line-height:1;
}
.bank-weekly-total span{
  margin-left:5px;
  color:rgba(255,255,255,.44);
  font-size:16px;
}
.bank-filters{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 190px auto;
  gap:8px;
  align-items:center;
  margin-bottom:14px;
  min-width:0;
}
.bank-search{
  height:40px;
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(0,0,0,.13);
}
.bank-search i{ color:rgba(255,255,255,.38); }
.bank-search input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:rgba(255,255,255,.88);
  font:inherit;
}
.bank-search input::placeholder{ color:rgba(255,255,255,.32); }
.bank-filters select{
  height:40px;
  min-width:0;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.09);
  background:#111a23;
  color:rgba(255,255,255,.80);
  padding:0 28px 0 10px;
  font:inherit;
  font-size:12px;
}
.bank-filters .btn{
  height:40px;
  min-height:40px;
  padding:0 12px;
}
.bank-table-wrap,
.bank-rich-wrap{
  width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  touch-action:pan-x pan-y;
}
.bank-table{
  min-width:720px;
  table-layout:fixed;
}
.bank-table .bank-col-date{ width:150px; }
.bank-table .bank-col-amount{ width:112px; }
.bank-table th:nth-child(2){ width:205px; }
.bank-table td{ vertical-align:middle; }
.bank-amount{ font-weight:950; }
.bank-system{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(255,255,255,.56);
  font-weight:800;
}
.bank-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:14px;
  max-width:100%;
}
.bank-page-btn,
.bank-page-gap{
  min-width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border-radius:9px;
  font-size:11px;
  font-weight:900;
}
.bank-page-btn{
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.02);
  color:rgba(255,255,255,.62);
}
.bank-page-btn:hover{
  border-color:rgba(87,191,242,.22);
  color:rgba(255,255,255,.85);
}
.bank-page-btn.active{
  color:#8ddcff;
  border-color:rgba(87,191,242,.30);
  background:rgba(87,191,242,.08);
}
.bank-page-gap{ color:rgba(255,255,255,.28); }
.bank-empty{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:rgba(255,255,255,.42);
  font-size:12px;
}
.bank-empty i{ font-size:23px; opacity:.55; }
.bank-note{ margin-bottom:10px; }
.bank-purchase-list{
  display:flex;
  flex-direction:column;
}
.bank-purchase-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 3px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.bank-purchase-row:last-child{ border-bottom:0; }
.bank-purchase-icon{
  width:32px;
  height:32px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(73,223,132,.055);
  border:1px solid rgba(73,223,132,.10);
  color:#68df96;
}
.bank-purchase-main strong,
.bank-purchase-money strong{
  display:block;
  color:rgba(255,255,255,.88);
  font-size:12px;
}
.bank-purchase-main span,
.bank-purchase-money span{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.40);
  font-size:10.5px;
}
.bank-purchase-money{ text-align:right; }
.bank-rich-title{ margin-bottom:10px; }
.bank-rich-table{
  min-width:780px;
  table-layout:auto;
}
.bank-rich-table th:first-child,
.bank-rich-table td:first-child{ width:66px; }
.bank-rich-table th:nth-child(3),
.bank-rich-table th:nth-child(4),
.bank-rich-table th:nth-child(5){ width:124px; }
.bank-rich-table th.bank-col-intrinsic,
.bank-rich-table td.bank-rich-intrinsic{
  width:110px;
  min-width:110px;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}
.bank-rich-table tbody tr.is-you{
  background:rgba(87,191,242,.075);
  box-shadow:inset 2px 0 0 rgba(87,191,242,.65);
}
.bank-rich-rank{
  color:rgba(255,255,255,.44);
  font-weight:950;
}
.bank-rich-table tbody tr:nth-child(1) .bank-rich-rank{ color:#ffd35a; }
.bank-rich-table tbody tr:nth-child(2) .bank-rich-rank{ color:#dbe3e9; }
.bank-rich-table tbody tr:nth-child(3) .bank-rich-rank{ color:#d7a47a; }
.bank-rich-player{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}
.bank-you{
  flex:0 0 auto;
  padding:2px 5px;
  border-radius:999px;
  background:rgba(87,191,242,.08);
  border:1px solid rgba(87,191,242,.14);
  color:#8ddcff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.bank-formula{
  margin-top:10px;
  display:flex;
  align-items:flex-start;
  gap:6px;
  color:rgba(255,255,255,.38);
  font-size:10.5px;
  line-height:1.4;
}
.bank-formula i{
  margin-top:1px;
  color:rgba(255,255,255,.46);
}


.table tr.map-run-you td{ background:rgba(87,191,242,.085); }
.table tr.map-run-you td:first-child{ box-shadow:inset 2px 0 0 rgba(87,191,242,.72); }
.table tr.map-run-you:hover td{ background:rgba(87,191,242,.12); }
.map-run-player{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.map-run-player .player-link{ min-width:0; }
.map-you{
  flex:0 0 auto;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(87,191,242,.10);
  border:1px solid rgba(87,191,242,.18);
  color:#8ddcff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.table tr.lb-row-you td{ background:rgba(87,191,242,.085); }
.table tr.lb-row-you td:first-child{ box-shadow:inset 2px 0 0 rgba(87,191,242,.72); }
.table tr.lb-row-you:hover td{ background:rgba(87,191,242,.12); }
.lb-player-cell{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.lb-player-cell .player-link{ min-width:0; }
.lb-you{
  flex:0 0 auto;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(87,191,242,.10);
  border:1px solid rgba(87,191,242,.18);
  color:#8ddcff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}

@media (max-width:1100px){
  .bank-overview-links{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:980px){
  .bank-shell{
    grid-template-columns:1fr;
    gap:10px;
  }
  .bank-sidebar{
    position:static;
    min-height:0;
    padding:8px;
    border-radius:14px;
    overflow:hidden;
  }
  .bank-sidebar-brand,
  .bank-sidebar-account,
  .bank-sidebar-actions{ display:none; }
  .bank-side-nav{
    margin:0;
    flex-direction:row;
    gap:5px;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:3px;
    scrollbar-width:thin;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
  }
  .bank-side-link{
    flex:0 0 auto;
    min-height:40px;
    padding:0 12px;
    scroll-snap-align:start;
  }
  .bank-view-head{
    min-height:78px;
    padding-top:4px;
  }
  .bank-overview-balance{
    grid-template-columns:1fr;
    gap:15px;
  }
  .bank-overview-secondary{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.07);
    padding-top:10px;
  }
}

@media (max-width:720px){
  .bank-view-head{ min-height:70px; }
  .bank-view-head h1{ font-size:24px; }
  .bank-view-head p{ font-size:12.5px; }
  .bank-overview-secondary,
  .bank-overview-links,
  .bank-summary-row,
  .bank-summary-row-three,
  .bank-stats-grid{ grid-template-columns:1fr; }
  .bank-overview-stat{ padding:9px 2px; }
  .bank-overview-secondary{ gap:2px; }
  .bank-overview-link{ min-height:68px; }
  .bank-filters{ grid-template-columns:1fr; }
  .bank-filters .btn{
    width:100%;
    justify-content:center;
  }
  .bank-stat-list{ grid-template-columns:1fr; }
  .bank-pagination{
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:4px;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  .bank-table{ min-width:680px; }
  .bank-rich-table{ min-width:760px; }
}

@media (max-width:520px){
  .bank-side-link{
    width:auto;
    justify-content:flex-start;
    padding:0 11px;
  }
  .bank-side-link span{ display:inline; }
  .bank-big-balance{ font-size:40px; }
  .bank-overview-balance,
  .bank-card,
  .bank-summary-card{ padding:14px; }
  .bank-purchase-row{ grid-template-columns:34px minmax(0,1fr); }
  .bank-purchase-money{
    grid-column:2;
    text-align:left;
  }
}


@media (max-width:720px){
  .lb-hero{
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }
  .lb-controls{
    width:100%;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
  }
  .lb-controls>.tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .lb-controls>.tabs .tab{
    justify-content:center;
    text-align:center;
  }
  .lb-country,
  .lb-country-dd,
  .lb-country-btn{ width:100%; min-width:0; }
  .lb-country-btn{ justify-content:flex-start; }
  .lb-country-btn .chev{ margin-left:auto; }
  .lb-country-dd .dropdown-menu{
    left:0;
    right:auto;
    width:100%;
    max-height:55vh;
    overflow-y:auto;
  }
  .table-wrap .leaderboard-table{
    min-width:0;
    table-layout:auto;
  }
  .leaderboard-table .col-date,
  .leaderboard-table .col-medal,
  .leaderboard-table .col-tier,
  .leaderboard-table .col-avgpro{ display:none; }
  .leaderboard-table .col-rank{ width:44px; }
  .leaderboard-table .col-proruns{
    width:70px;
    text-align:right;
  }
  .leaderboard-table .col-league{ width:112px; }
  .leaderboard-table th,
  .leaderboard-table td{ padding:9px 7px; }
  .leaderboard-table .player-link{ min-width:0; }
  .leaderboard-table .player-name{
    max-width:34vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media (max-width:460px){
  .leaderboard-table .col-proruns{ display:none; }
  .leaderboard-table .col-league{ width:104px; }
  .leaderboard-table .player-name{ max-width:43vw; }
}

/* League system */
.league2-page{
  padding-bottom:40px;
}

.league2-page .league-bronze{ --league-color:#b98268; }
.league2-page .league-silver{ --league-color:#d3d7dc; }
.league2-page .league-gold{ --league-color:#e0c75f; }
.league2-page .league-sapphire{ --league-color:#7891ee; }
.league2-page .league-emerald{ --league-color:#6edb82; }
.league2-page .league-ruby{ --league-color:#e17d72; }
.league2-page .league-diamond{ --league-color:#55dce4; }
.league2-page .league-master{ --league-color:#db78dd; }
.league2-page .league-grandmaster{ --league-color:#ee879a; }
.league2-page .league-legend{ --league-color:#e5dfa8; }
.league2-page .league-newcomer{ --league-color:#a7adb5; }

.league2-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:42px;
  align-items:center;
  min-height:320px;
  padding:42px 46px;
  overflow:hidden;
  border-color:rgba(117,210,255,.16);
  background:
    radial-gradient(700px 330px at 4% 0%,rgba(60,157,217,.15),transparent 70%),
    radial-gradient(470px 300px at 100% 100%,rgba(197,111,231,.08),transparent 74%),
    rgba(17,20,26,.90);
}
.league2-hero::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#57bff2 18%,#7891ee 40%,#db78dd 72%,#e5dfa8 92%,transparent);
  opacity:.55;
}
.league2-hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 44%,rgba(255,255,255,.018));
}
.league2-hero-copy,
.league2-spectrum{
  position:relative;
  z-index:1;
  min-width:0;
}
.league2-hero-copy{
  padding:4px 2px;
}
.league2-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#8bdcff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.league2-kicker i{
  color:#e0c75f;
  font-size:14px;
}
.league2-hero h1{
  margin:12px 0 0;
  font-size:clamp(42px,4.5vw,60px);
  line-height:.98;
  letter-spacing:-.045em;
}
.league2-hero-copy > p{
  max-width:650px;
  margin:16px 0 0;
  color:rgba(255,255,255,.68);
  font-size:17px;
  line-height:1.55;
}
.league2-hero-rules{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  margin-top:20px;
}
.league2-hero-rules span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.74);
  font-size:13px;
  font-weight:800;
}
.league2-hero-rules i{
  color:#72de98;
  font-size:14px;
}

.league2-spectrum{
  --league-color:#a7adb5;
  padding:25px 24px 22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:0 18px 40px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025);
}
.league2-spectrum-head,
.league2-spectrum-endpoints,
.league2-spectrum-groups{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.league2-spectrum-head{
  margin-bottom:20px;
}
.league2-spectrum-head span{
  color:rgba(255,255,255,.48);
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.league2-spectrum-head strong{
  padding:5px 9px;
  border:1px solid rgba(87,191,242,.18);
  border-radius:999px;
  background:rgba(87,191,242,.07);
  color:#a5e7ff;
  font-size:12px;
  font-weight:900;
}
.league2-spectrum-endpoints{
  margin-bottom:8px;
}
.league2-spectrum-endpoints strong{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(255,255,255,.90);
  font-size:15px;
}
.league2-spectrum-endpoints strong:first-child{ color:#c89177; }
.league2-spectrum-endpoints strong:last-child{ color:#e5dfa8; }
.league2-spectrum-endpoints i{ font-size:13px; }
.league2-spectrum-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(10,1fr);
  align-items:center;
  height:46px;
}
.league2-spectrum-line{
  position:absolute;
  left:3%;
  right:3%;
  top:50%;
  height:4px;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,#b98268 0%,#e0c75f 20%,#7891ee 35%,#6edb82 45%,#55dce4 68%,#db78dd 78%,#ee879a 88%,#e5dfa8 100%);
  box-shadow:0 0 18px rgba(120,145,238,.16);
  opacity:.82;
}
.league2-spectrum-node{
  --league-color:#a7adb5;
  position:relative;
  z-index:1;
  width:16px;
  height:16px;
  justify-self:center;
  border:3px solid rgba(17,20,26,.98);
  border-radius:50%;
  background:var(--league-color);
  box-shadow:0 0 0 1px rgba(255,255,255,.18);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--league-color) 48%,transparent);
}
.league2-spectrum-node.is-current{
  width:24px;
  height:24px;
  border-width:4px;
  box-shadow:0 0 0 2px rgba(255,255,255,.28),0 0 28px rgba(255,255,255,.12);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--league-color) 56%,transparent),0 0 28px color-mix(in srgb,var(--league-color) 42%,transparent);
}
.league2-spectrum-groups{
  margin-top:7px;
  color:rgba(255,255,255,.42);
  font-size:12px;
  font-weight:800;
}
.league2-spectrum-groups span:nth-child(2){ text-align:center; }
.league2-spectrum-groups span:last-child{ text-align:right; }

.league2-factors{
  display:grid;
  grid-template-columns:minmax(200px,.82fr) repeat(3,minmax(0,1fr));
  padding:0;
  margin-top:18px;
  overflow:hidden;
}
.league2-factor-intro,
.league2-factor{
  min-width:0;
  padding:24px 22px;
}
.league2-factor-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(255,255,255,.025);
}
.league2-factor-intro > span,
.league2-section-head > div > span{
  color:rgba(255,255,255,.46);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.league2-factor-intro h2{
  margin:7px 0 0;
  font-size:25px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.league2-factor{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:14px;
  align-content:center;
  border-left:1px solid rgba(255,255,255,.065);
}
.league2-factor > i{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  font-size:20px;
}
.league2-factor-skill > i{ color:#7bd7ff; background:rgba(87,191,242,.08); }
.league2-factor-experience > i{ color:#7de49c; background:rgba(87,242,135,.07); }
.league2-factor-performance > i{ color:#df9df0; background:rgba(205,120,255,.07); }
.league2-factor span{
  display:block;
  color:rgba(255,255,255,.50);
  font-size:12px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.league2-factor strong{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.95);
  font-size:17px;
  line-height:1.25;
}
.league2-factor p{
  margin:6px 0 0;
  color:rgba(255,255,255,.60);
  font-size:14px;
  line-height:1.48;
}

.league2-section{
  margin-top:30px;
}
.league2-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:13px;
}
.league2-section-head h2{
  margin:5px 0 0;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.025em;
}
.league2-text-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:4px 0;
  color:#8bdcff;
  font-size:13px;
  font-weight:850;
  text-decoration:none;
}
.league2-text-link:hover{ color:#b9ebff; }

.league2-progress-card{
  --league-color:#a7adb5;
  display:grid;
  grid-template-columns:190px 160px minmax(0,1fr);
  padding:0;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--league-color) 30%,rgba(255,255,255,.08));
  background:
    radial-gradient(520px 200px at 25% 50%,color-mix(in srgb,var(--league-color) 9%,transparent),transparent 74%),
    rgba(17,20,26,.90);
}
.league2-progress-rank,
.league2-next-rank{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:22px;
}
.league2-progress-rank{
  border-right:1px solid rgba(255,255,255,.065);
}
.league2-progress-rank span,
.league2-next-rank span{
  color:rgba(255,255,255,.46);
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.league2-progress-rank strong{
  margin-top:5px;
  color:var(--league-color);
  font-size:30px;
  line-height:1;
}
.league2-progress-rank small{
  margin-top:7px;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.58);
  font-size:13px;
  white-space:nowrap;
}
.league2-next-rank{
  position:relative;
  border-right:1px solid rgba(255,255,255,.065);
  background:linear-gradient(135deg,color-mix(in srgb,var(--league-color) 8%,transparent),transparent 70%);
}
.league2-next-rank::before{
  content:"\F138";
  font-family:"bootstrap-icons";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:color-mix(in srgb,var(--league-color) 28%,transparent);
  font-size:24px;
}
.league2-next-rank strong{
  max-width:calc(100% - 26px);
  margin-top:5px;
  color:var(--league-color);
  font-size:23px;
  line-height:1.08;
}
.league2-progress-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.league2-progress-metric{
  min-width:0;
  padding:19px 18px 17px;
  border-left:1px solid rgba(255,255,255,.045);
}
.league2-progress-metric:first-child{ border-left:0; }
.league2-progress-metric-top,
.league2-progress-values{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}
.league2-progress-metric-top > span{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  color:rgba(255,255,255,.66);
  font-size:12.5px;
  font-weight:850;
  line-height:1.25;
}
.league2-progress-metric-top > span i{
  flex:0 0 auto;
  color:var(--league-color);
  font-size:14px;
}
.league2-progress-metric-top > i{
  flex:0 0 auto;
  color:var(--league-color);
}
.league2-progress-metric.is-met .league2-progress-metric-top > i,
.league2-progress-metric.is-met .league2-progress-metric-top > span i{ color:#72de98; }
.league2-progress-values{
  margin-top:12px;
  align-items:baseline;
}
.league2-progress-values strong{
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.96);
  font-size:19px;
  white-space:nowrap;
}
.league2-progress-values span{
  color:rgba(255,255,255,.48);
  font-size:11.5px;
  text-align:right;
}
.league2-progress-bar{
  height:5px;
  margin-top:10px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.league2-progress-bar > span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--league-color);
  opacity:.88;
}
.league2-progress-metric.is-met .league2-progress-bar > span{
  background:#72de98;
}
.league2-legend-state{
  grid-column:2 / -1;
  display:flex;
  align-items:center;
  gap:14px;
  padding:22px;
}
.league2-legend-state > i{
  color:#e5dfa8;
  font-size:29px;
}
.league2-legend-state strong,
.league2-legend-state span{ display:block; }
.league2-legend-state strong{ font-size:17px; }
.league2-legend-state span{
  margin-top:4px;
  color:rgba(255,255,255,.58);
  font-size:13.5px;
}
.league2-empty{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:20px;
}
.league2-empty > i{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:rgba(87,191,242,.08);
  color:#8bdcff;
  font-size:20px;
}
.league2-empty strong,
.league2-empty span{ display:block; }
.league2-empty strong{ font-size:15.5px; }
.league2-empty span{
  margin-top:3px;
  color:rgba(255,255,255,.56);
  font-size:13.5px;
}

.league2-ranks-head{ align-items:center; }
.league2-ranked-count{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(255,255,255,.03);
}
.league2-ranked-count i{
  color:#8bdcff;
  font-size:14px;
}
.league2-ranked-count strong{ font-size:15px; }
.league2-ranked-count span{
  color:rgba(255,255,255,.50);
  font-size:12px;
  font-weight:800;
}
.league2-ladder{
  padding:0;
  overflow:hidden;
}
.league2-ladder-columns,
.league2-ladder-row{
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 140px;
  gap:20px;
  align-items:center;
}
.league2-ladder-columns{
  min-height:44px;
  padding:0 20px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.45);
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.league2-ladder-columns > div{
  display:grid;
  grid-template-columns:1.3fr .8fr 1fr;
  gap:14px;
}
.league2-ladder-columns > div span:last-child{
  line-height:1.15;
}
.league2-group-label{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:13px 20px 8px;
  border-top:1px solid rgba(255,255,255,.05);
  background:rgba(0,0,0,.08);
}
.league2-ladder-columns + .league2-group-label{ border-top:0; }
.league2-group-label span{
  color:rgba(255,255,255,.86);
  font-size:13.5px;
  font-weight:900;
}
.league2-group-label small{
  color:rgba(255,255,255,.42);
  font-size:11.5px;
}
.league2-ladder-row{
  --league-color:#a7adb5;
  position:relative;
  min-height:64px;
  padding:10px 20px;
  border-top:1px solid rgba(255,255,255,.045);
  background:linear-gradient(90deg,color-mix(in srgb,var(--league-color) 4%,transparent),transparent 44%);
}
.league2-ladder-row::before{
  content:"";
  position:absolute;
  left:0;
  top:13px;
  bottom:13px;
  width:2px;
  border-radius:999px;
  background:var(--league-color);
  opacity:.42;
}
.league2-ladder-row.is-current{
  background:linear-gradient(90deg,rgba(68,154,206,.19),rgba(48,117,160,.07) 58%,transparent);
  box-shadow:inset 3px 0 0 #64c8f4;
}
.league2-ladder-row.is-current::before{ display:none; }
.league2-rank-cell{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}
.league2-rank-mark{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--league-color);
  border-color:color-mix(in srgb,var(--league-color) 35%,rgba(255,255,255,.08));
  border-radius:9px;
  background:rgba(255,255,255,.035);
  background:color-mix(in srgb,var(--league-color) 9%,transparent);
  color:var(--league-color);
  font-size:13px;
}
.league2-rank-cell strong{
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--league-color);
  font-size:15.5px;
  white-space:nowrap;
}
.league2-rank-cell small{
  padding:3px 7px;
  border-radius:999px;
  background:rgba(76,178,231,.16);
  color:#a4e8ff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.league2-requirement-cells{
  display:grid;
  grid-template-columns:1.3fr .8fr 1fr;
  gap:14px;
}
.league2-requirement-cells > span{ min-width:0; }
.league2-requirement-cells small{ display:none; }
.league2-requirement-cells strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  color:rgba(255,255,255,.84);
  font-size:13.5px;
  white-space:nowrap;
}
.league2-community-cell > div:first-child{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:8px;
}
.league2-community-cell strong{
  color:rgba(255,255,255,.86);
  font-size:13.5px;
}
.league2-community-cell span{
  color:rgba(255,255,255,.46);
  font-size:11.5px;
}
.league2-community-bar{
  height:4px;
  margin-top:7px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.055);
}
.league2-community-bar > span{
  display:block;
  height:100%;
  min-width:2px;
  border-radius:inherit;
  background:var(--league-color);
  background:color-mix(in srgb,var(--league-color) 78%,transparent);
}

.league2-more{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
  margin-top:22px;
}
.league2-details{
  align-self:start;
  padding:0;
  overflow:hidden;
}
.league2-details summary{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:68px;
  padding:14px 17px;
  cursor:pointer;
  list-style:none;
}
.league2-details summary::-webkit-details-marker{ display:none; }
.league2-details-icon{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  background:rgba(87,191,242,.07);
  color:#8bdcff;
  font-size:18px;
}
.league2-details summary strong,
.league2-details summary small{ display:block; }
.league2-details summary strong{ font-size:15.5px; }
.league2-details summary small{
  margin-top:3px;
  color:rgba(255,255,255,.47);
  font-size:12.5px;
}
.league2-details summary > i{
  color:rgba(255,255,255,.42);
  transition:transform .18s ease;
}
.league2-details[open] summary > i{ transform:rotate(180deg); }
.league2-details-body{
  border-top:1px solid rgba(255,255,255,.065);
  background:rgba(0,0,0,.09);
}
.league2-example-list > div{
  display:grid;
  grid-template-columns:95px 165px minmax(0,1fr);
  gap:13px;
  align-items:start;
  padding:14px 17px;
  border-top:1px solid rgba(255,255,255,.045);
}
.league2-example-list > div:first-child{ border-top:0; }
.league2-example-list > div > span{
  --league-color:#a7adb5;
  color:var(--league-color);
  font-size:13.5px;
  font-weight:900;
}
.league2-example-list > div > strong{
  color:rgba(255,255,255,.78);
  font-size:12.5px;
}
.league2-example-list p{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.48;
}
.league2-math-list > div{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:14px 17px;
  border-top:1px solid rgba(255,255,255,.045);
}
.league2-math-list > div:first-child{ border-top:0; }
.league2-math-list > div > span{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:rgba(87,191,242,.07);
  color:#8bdcff;
  font-size:11.5px;
  font-weight:900;
}
.league2-math-list p{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:13px;
  line-height:1.52;
}
.league2-math-list p strong{
  display:block;
  margin-bottom:4px;
  color:rgba(255,255,255,.88);
  font-size:13.5px;
}
.league2-math-list code{
  display:block;
  width:100%;
  margin-top:9px;
  padding:9px 11px;
  overflow-wrap:anywhere;
  border:1px solid rgba(87,191,242,.12);
  border-radius:8px;
  background:rgba(87,191,242,.045);
  color:#a7e7ff;
  font-size:12px;
  line-height:1.45;
  white-space:normal;
}
.league2-math-list .league2-math-note{
  grid-template-columns:auto minmax(0,1fr);
  background:rgba(255,255,255,.018);
}
.league2-math-note > i{
  margin-top:2px;
  color:#8bdcff;
  font-size:15px;
}

@media (max-width:1100px){
  .league2-hero{
    grid-template-columns:minmax(0,1fr) 350px;
    gap:28px;
    padding:36px;
  }
  .league2-factors{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .league2-factor-intro{
    grid-column:1 / -1;
    padding-bottom:18px;
    border-bottom:1px solid rgba(255,255,255,.065);
  }
  .league2-factor:nth-child(2){ border-left:0; }
  .league2-progress-card{
    grid-template-columns:170px 150px minmax(0,1fr);
  }
  .league2-progress-metrics{
    grid-template-columns:1fr;
  }
  .league2-progress-metric{
    display:grid;
    grid-template-columns:minmax(0,1fr) 190px;
    align-items:center;
    gap:10px 14px;
    padding:11px 14px;
    border-top:1px solid rgba(255,255,255,.045);
    border-left:0;
  }
  .league2-progress-metric:first-child{ border-top:0; }
  .league2-progress-values{ margin-top:0; }
  .league2-progress-bar{
    grid-column:1 / -1;
    margin-top:0;
  }
}

@media (max-width:840px){
  .league2-hero{
    grid-template-columns:1fr;
    min-height:0;
    padding:30px;
  }
  .league2-hero-copy{ padding:0; }
  .league2-spectrum{ padding:22px; }
  .league2-factors{ grid-template-columns:1fr; }
  .league2-factor-intro{
    grid-row:auto;
    padding-bottom:18px;
  }
  .league2-factor{
    border-top:1px solid rgba(255,255,255,.065);
    border-left:0;
  }
  .league2-progress-card{ grid-template-columns:1fr 1fr; }
  .league2-progress-rank,
  .league2-next-rank{ padding:19px; }
  .league2-progress-rank{ border-right:1px solid rgba(255,255,255,.065); }
  .league2-next-rank{ border-right:0; }
  .league2-progress-metrics{
    grid-column:1 / -1;
    border-top:1px solid rgba(255,255,255,.065);
  }
  .league2-legend-state{
    grid-column:1 / -1;
    border-top:1px solid rgba(255,255,255,.065);
  }
  .league2-ladder-columns{ display:none; }
  .league2-ladder-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px 15px;
    padding:13px 16px;
  }
  .league2-requirement-cells{
    grid-column:1 / -1;
    grid-row:2;
  }
  .league2-requirement-cells small{
    display:block;
    margin-bottom:3px;
    color:rgba(255,255,255,.40);
    font-size:10.5px;
    font-weight:850;
    letter-spacing:.045em;
    line-height:1.2;
    text-transform:uppercase;
  }
  .league2-community-cell{
    grid-column:2;
    grid-row:1;
    min-width:88px;
  }
  .league2-more{ grid-template-columns:1fr; }
}

@media (max-width:640px){
  .league2-page{ padding-bottom:26px; }
  .league2-hero{
    padding:24px 20px;
    border-radius:16px;
  }
  .league2-hero h1{
    margin-top:9px;
    font-size:39px;
  }
  .league2-hero-copy > p{
    margin-top:13px;
    font-size:15.5px;
  }
  .league2-hero-rules{
    display:grid;
    gap:8px;
    margin-top:16px;
  }
  .league2-hero-rules span{ font-size:12.5px; }
  .league2-spectrum{
    padding:19px 17px 17px;
    border-radius:14px;
  }
  .league2-spectrum-head{ margin-bottom:15px; }
  .league2-spectrum-track{ height:40px; }
  .league2-spectrum-node{ width:14px; height:14px; }
  .league2-spectrum-node.is-current{ width:21px; height:21px; }
  .league2-factors{ margin-top:12px; }
  .league2-factor-intro,
  .league2-factor{ padding:18px; }
  .league2-factor-intro h2{ font-size:22px; }
  .league2-factor p{ font-size:13.5px; }
  .league2-section{ margin-top:24px; }
  .league2-section-head{
    align-items:flex-start;
    margin-bottom:11px;
  }
  .league2-section-head h2{ font-size:24px; }
  .league2-text-link{ margin-top:6px; }
  .league2-progress-card{ grid-template-columns:1fr 1fr; }
  .league2-progress-rank strong{ font-size:25px; }
  .league2-next-rank strong{ font-size:20px; }
  .league2-progress-metric{
    grid-template-columns:1fr;
    gap:8px;
    padding:13px 15px;
  }
  .league2-progress-values{ margin-top:0; }
  .league2-progress-bar{ margin-top:0; }
  .league2-empty{
    grid-template-columns:auto minmax(0,1fr);
    padding:17px;
  }
  .league2-empty .btn{
    grid-column:1 / -1;
    width:100%;
    justify-content:center;
  }
  .league2-ranks-head{ align-items:center; }
  .league2-ranked-count span{ display:none; }
  .league2-group-label{ padding:12px 15px 7px; }
  .league2-group-label small{ display:none; }
  .league2-ladder-row{ padding:12px 15px; }
  .league2-requirement-cells{ gap:7px; }
  .league2-requirement-cells > span{
    padding:8px 9px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:8px;
    background:rgba(0,0,0,.10);
  }
  .league2-requirement-cells strong{ font-size:12.5px; }
  .league2-example-list > div{
    grid-template-columns:90px minmax(0,1fr);
  }
  .league2-example-list p{ grid-column:1 / -1; }
}

@media (max-width:430px){
  .league2-hero h1{ font-size:35px; }
  .league2-kicker,
  .league2-section-head > div > span,
  .league2-factor-intro > span{ font-size:11px; }
  .league2-spectrum-head span,
  .league2-spectrum-groups{ font-size:10.5px; }
  .league2-spectrum-endpoints strong{ font-size:13px; }
  .league2-factor{
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
  }
  .league2-factor > i{
    width:40px;
    height:40px;
    font-size:18px;
  }
  .league2-progress-rank,
  .league2-next-rank{ padding:16px; }
  .league2-progress-rank span,
  .league2-next-rank span{ font-size:10.5px; }
  .league2-progress-rank strong{ font-size:22px; }
  .league2-progress-rank small{ font-size:12px; }
  .league2-next-rank strong{ font-size:18px; }
  .league2-requirement-cells{
    grid-template-columns:1.2fr .8fr 1fr;
  }
  .league2-requirement-cells small{ font-size:9.5px; }
  .league2-requirement-cells strong{ font-size:11.5px; }
  .league2-rank-cell strong{ font-size:14px; }
  .league2-community-cell{ min-width:76px; }
  .league2-details summary{ padding:12px 14px; }
  .league2-details summary small{ display:none; }
  .league2-math-list code{ font-size:11px; }
}


/* Same-page GoldSrc viewer: fixed sizing, no clipped tools, mobile-first controls. */
button.map-action{font-family:inherit;text-align:left;cursor:pointer}
button.map-action:hover,button.map-action:focus-visible{background:rgba(87,172,242,.13);border-color:rgba(87,172,242,.5);color:#fff}
button.map-action:focus-visible{outline:2px solid #78c7fb;outline-offset:2px}
.kv-backdrop[hidden],.kv-issue[hidden],.kv-loading[hidden]{display:none!important}
.kv-backdrop{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;
 padding:clamp(10px,2vw,26px);background:rgba(5,10,18,.88);backdrop-filter:blur(12px);animation:kv-arrive .2s ease-out}
.kv-dialog{box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:0;
 width:min(1440px,100%);height:min(880px,94dvh);max-height:100dvh;overflow:hidden;isolation:isolate;
 border:1px solid rgba(122,192,240,.23);border-radius:16px;background:#080f19;color:#ebf6ff;
 box-shadow:0 35px 120px #000b,0 0 0 1px #ffffff09 inset}
.kv-dialog:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}
.kv-bar{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) max-content;
 align-items:center;column-gap:18px;row-gap:10px;min-width:0;padding:12px 16px;
 border-bottom:1px solid rgba(165,210,240,.14);background:linear-gradient(115deg,#101f30,#0a1521)}
.kv-heading{display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}
.kv-mark{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:11px;
 border:1px solid rgba(92,192,255,.24);background:rgba(52,145,223,.12);color:#85cbfc;font-size:21px}
.kv-heading-copy{min-width:0;flex:1}
.kv-heading h2{margin:2px 0 0;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;
 text-overflow:ellipsis;font-size:clamp(16px,1.6vw,21px);line-height:1.3;letter-spacing:.015em}
.kv-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:850;text-transform:uppercase;color:#8db2ca}
.kv-live-dot{display:inline-block;margin-left:5px;width:6px;height:6px;border-radius:50%;background:#4acb95;box-shadow:0 0 9px #4acb9590}
.kv-toolbar{display:grid;grid-template-columns:max-content 38px 38px;align-items:center;gap:8px;min-width:0}
.kv-tabs{display:flex;min-width:0;gap:3px;border:1px solid rgba(125,193,235,.16);background:#08111c;border-radius:11px;padding:3px}
.kv-tab{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;border:0;border-radius:8px;
 color:#aabfce;background:transparent;padding:9px 13px;cursor:pointer;font-family:inherit;font-weight:700;font-size:12px;white-space:nowrap}
.kv-tab i{font-size:14px}
.kv-tab[aria-pressed="true"]{background:#17344c;color:#bde7ff;box-shadow:0 1px 5px #0005}
.kv-tab:not(:disabled):hover{color:#fff;background:#1e4059}
.kv-tab:disabled{opacity:.35;cursor:not-allowed}
.kv-icon-btn{box-sizing:border-box;display:grid;place-items:center;width:38px;height:38px;min-width:38px;
 padding:0;background:#122535;border:1px solid rgba(135,194,230,.2);border-radius:10px;
 color:#c7dbea;cursor:pointer;font-size:16px;line-height:1;appearance:none}
.kv-icon-btn:hover{background:#24516e;color:white}
.kv-close:hover{border-color:#da8a8a;background:#642e36;color:#fff}
.kv-icon-btn:focus-visible,.kv-tab:focus-visible{outline:2px solid #7fd0ff;outline-offset:2px}
.kv-stage{position:relative;flex:1 1 auto;min-height:0;min-width:0;background:#060c12}
.kv-iframe{display:block;width:100%;height:100%;border:0;background:#050b12}
.kv-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
 flex-direction:column;gap:14px;background:#070e18;color:#a9ccdf;font-size:14px;text-align:center;padding:20px}
.kv-spinner{width:34px;height:34px;border:3px solid #214159;border-top-color:#65c3fc;border-radius:50%;animation:map-action-spin .8s linear infinite}
.kv-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;min-width:0;
 padding:8px 16px;background:#0c1925;border-top:1px solid rgba(165,210,240,.12);
 color:#a8c4d7;font-size:11px;font-weight:600}
.kv-foot>span:first-child{min-width:0}
.kv-foot .bi{font-size:13px;color:#68bbee;margin-right:5px}
.kv-brand{white-space:nowrap;letter-spacing:.06em;color:#6e94ad}
.kv-issue{display:flex;align-items:center;gap:8px;min-height:35px;padding:8px 16px;
 background:#312617;color:#f3ce91;border-top:1px solid #bd853354;font-size:12px;line-height:1.45}
.kv-issue .bi{color:#f7bc62;font-size:15px;flex:none}
.kv-issue span{min-width:0;overflow-wrap:anywhere}
body.kv-open{overflow:hidden}
@keyframes kv-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){
 .kv-bar{grid-template-columns:minmax(0,1fr)}
 .kv-heading h2{font-size:19px}
 .kv-toolbar{width:100%;grid-template-columns:minmax(0,1fr) 38px 38px}
 .kv-tabs{width:max-content;max-width:100%}
}
@media(max-width:750px){
 .kv-backdrop{padding:0}
 .kv-dialog,.kv-dialog:fullscreen{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
 .kv-bar{padding:calc(9px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) 9px calc(10px + env(safe-area-inset-left,0px));gap:9px}
 .kv-mark{flex-basis:32px;height:32px;font-size:17px;border-radius:9px}
 .kv-heading{gap:9px}
 .kv-heading h2{font-size:17px}
 .kv-eyebrow{font-size:9px}
 .kv-tab{padding:9px 10px;font-size:11px}
 .kv-foot{padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));font-size:10px}
 .kv-brand{display:none}
 .kv-issue{padding:8px 10px;font-size:11px}
}
@media(max-width:400px){
 .kv-tab{flex:1;padding:9px 6px}
 .kv-tab span{overflow:hidden;text-overflow:ellipsis}
 .kv-heading h2{font-size:16px}
}
@media(max-width:345px){.kv-tab span{display:none}.kv-tabs{width:max-content}}
@media(prefers-reduced-motion:reduce){.kv-backdrop,.kv-spinner{animation:none}}

/* Kreedz.ee record theater - a single compact timeline and transport. */
.kv-replay-head[hidden],.kv-replay-controls[hidden],.kv-speed-overlay[hidden]{display:none!important}
.kv-is-record .kv-foot{display:none}
.kv-replay-head{position:absolute;z-index:3;top:12px;left:12px;right:12px;
  display:flex;pointer-events:none}
.kv-replay-person{display:block;max-width:min(74%,520px);min-width:0;padding:9px 13px;
  pointer-events:auto;background:rgba(5,15,26,.78);border:1px solid rgba(140,195,225,.22);
  border-radius:11px;backdrop-filter:blur(8px);box-shadow:0 4px 20px #0005}
.kv-replay-label{display:flex;align-items:center;gap:7px;color:#9bcfea;letter-spacing:.07em;
  font-size:10px;font-weight:800;text-transform:uppercase}
.kv-replay-label .bi{color:#f2cb82}
.kv-replay-brand{padding-left:9px;margin-left:3px;border-left:1px solid #aacada44;color:#e0eef7}
.kv-replay-identity{display:flex;align-items:center;gap:8px;min-width:0;margin-top:5px}
.kv-replay-identity .flag{flex:none;max-width:25px}
.kv-replay-name{font-size:clamp(13px,1.5vw,17px);font-weight:800;color:#f6fbff;
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
a.kv-replay-name:hover{color:#8bdbff;text-decoration:underline}
.kv-replay-recordtime{flex:none;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;
  color:#90ebc2;padding:3px 7px;background:#154332c0;border:1px solid #3b8b6566;border-radius:6px}
.kv-speed-overlay{position:absolute;z-index:3;left:50%;top:50%;bottom:auto;
  transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;
  display:flex;align-items:center;justify-content:center;padding:0;margin:0;
  background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;
  font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.kv-speed-overlay strong{font-size:clamp(28px,4vw,46px);font-weight:750;line-height:1;
  color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.58)}
.kv-replay-controls{flex:none;z-index:5;min-width:0;padding:9px 15px 10px;
  background:#0a1a29;border-top:1px solid #beddf52b}
.kv-replay-progress{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;
  align-items:center;gap:9px}
.kv-replay-clock{color:#b9d9eb;font-size:11px;font-weight:760;text-align:center;
  font-variant-numeric:tabular-nums}
.kv-seek{display:block;width:100%;min-width:0;height:16px;margin:0;accent-color:#5fc9f7;cursor:pointer}
.kv-seek:disabled{opacity:.45;cursor:wait}
.kv-replay-actions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:10px;min-width:0;margin-top:4px}
.kv-replay-transport,.kv-replay-options{display:flex;align-items:center;gap:6px}
.kv-replay-transport{justify-content:center}
.kv-replay-options{justify-content:flex-end}
.kv-replay-actions button,.kv-speed-select{font:inherit;font-size:12px;font-weight:750;appearance:none;
  color:#c6ddeb;background:#122a3c;border:1px solid #82c2e833;border-radius:8px;
  height:35px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;padding:0 8px;transition:background .12s,border-color .12s}
.kv-replay-actions button:hover,.kv-speed-select:hover{color:#fff;background:#1b415a;border-color:#5fa7d0}
.kv-replay-actions button[aria-pressed=true]{color:#aef6de;background:#164b3b;border-color:#329575}
.kv-replay-actions .kv-replay-play{background:#257e64;border-color:#56b391;color:white;
  min-width:45px;height:38px;font-size:20px}
.kv-replay-actions .kv-replay-play:hover{background:#329c7c}
.kv-speed-select{padding:0 21px 0 11px;min-width:71px;
  background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"%3E%3Cpath d="m3 4 3 3 3-3" fill="none" stroke="%23d5efff" stroke-width="1.5"/%3E%3C/svg%3E');
  background-repeat:no-repeat;background-position:right 6px center}
.kv-speed-select option{color:#e9f7ff;background:#112638}
.kv-replay-actions :is(button,select):focus-visible,.kv-seek:focus-visible{outline:2px solid #91dfff;outline-offset:2px}
.kv-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The whole 3D surface remains visible in fullscreen. Controls float above it. */
.kv-dialog:fullscreen.kv-is-record{background:#060e18}
.kv-dialog:fullscreen.kv-is-record .kv-bar{position:absolute;z-index:8;top:0;left:0;right:0;
  background:linear-gradient(#081420ee,#08142096 72%,transparent);border:0}
.kv-dialog:fullscreen.kv-is-record .kv-stage{flex:1 1 auto;min-height:0}
.kv-dialog:fullscreen.kv-is-record .kv-replay-controls{position:absolute;bottom:0;left:0;right:0;
  padding:15px max(18px,env(safe-area-inset-right,0px)) calc(13px + env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));
  background:linear-gradient(transparent,#07131ee5 25%,#07131ef7);border:0}
.kv-dialog:fullscreen.kv-is-record .kv-replay-head{top:68px}
/* Nonessential unsupported-model notices are not shown in fullscreen. */
.kv-dialog:fullscreen.kv-is-record .kv-issue{display:none!important}
.kv-dialog:fullscreen.kv-is-record .kv-bar,.kv-dialog:fullscreen.kv-is-record .kv-replay-controls{
  transition:opacity .24s ease,transform .24s ease}
.kv-dialog:fullscreen.kv-is-record.kv-ui-idle .kv-bar{opacity:0;transform:translateY(-12px);pointer-events:none}
.kv-dialog:fullscreen.kv-is-record.kv-ui-idle .kv-replay-controls{opacity:0;transform:translateY(12px);pointer-events:none}
@media(max-width:750px){
 .kv-replay-head{top:8px;left:8px;right:8px}
 .kv-replay-person{max-width:min(92%,440px);padding:7px 10px}
 .kv-replay-label{font-size:9px}
 .kv-replay-name{font-size:13px}
 .kv-replay-recordtime{font-size:10px}
 .kv-replay-controls{padding:8px max(10px,env(safe-area-inset-right,0px)) calc(9px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}
 .kv-replay-actions{gap:4px;margin-top:3px}
 .kv-replay-transport,.kv-replay-options{gap:4px}
 .kv-replay-actions button{height:34px;min-width:34px;padding:0 6px}
 .kv-replay-actions .kv-replay-play{height:37px;min-width:42px}
 .kv-speed-select{height:34px;min-width:66px;padding-left:8px}
 .kv-replay-progress{grid-template-columns:39px minmax(0,1fr) 39px;gap:6px}
 .kv-replay-clock{font-size:10px}
 .kv-speed-overlay strong{font-size:clamp(26px,7vw,36px)}
 .kv-dialog:fullscreen.kv-is-record .kv-replay-head{top:104px}
}
@media(max-width:350px){
 .kv-replay-actions button{min-width:31px;padding:0 4px}
 .kv-replay-actions .kv-replay-play{min-width:38px}
 .kv-speed-select{min-width:61px}
 .kv-replay-person{max-width:96%}
 .kv-replay-brand{display:none}
}
@media(prefers-reduced-motion:reduce){
 .kv-dialog:fullscreen.kv-is-record .kv-bar,.kv-dialog:fullscreen.kv-is-record .kv-replay-controls{transition:none}
}

/* Prevent the small restart control from expanding across its grid column. */
.kv-replay-actions .kv-restart{justify-self:start;width:36px;min-width:36px}
@media(max-width:350px){.kv-replay-actions .kv-restart{width:32px;min-width:32px}}
.kv-dialog:fullscreen.kv-is-record .kv-replay-head{transition:top .2s ease}
.kv-dialog:fullscreen.kv-is-record.kv-ui-idle .kv-replay-head{top:12px}

@media(max-width:350px){.kv-replay-transport{gap:2px}.kv-replay-actions{gap:2px}}


/* Record replay v4: quieter cinema UI, responsive settings and real DEM keys. */
.kv-speed-overlay strong{font-size:clamp(24px,3.4vw,39px);font-weight:720}
@media(max-width:750px){.kv-speed-overlay strong{font-size:clamp(22px,5.95vw,31px)}}
.kv-keys-overlay[hidden],.kv-settings-menu[hidden]{display:none!important}
.kv-keys-overlay{position:absolute;z-index:5;left:50%;bottom:16px;transform:translateX(-50%);
  display:flex;flex-direction:column;gap:3px;align-items:center;pointer-events:none;
  font-size:11px;font-weight:800;color:#d4dfe6;user-select:none}
.kv-keys-w,.kv-keys-asd,.kv-keys-extra{display:flex;justify-content:center;gap:4px}
.kv-keys-overlay span{min-width:27px;height:25px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:5px;background:rgba(8,18,28,.32);border:1px solid rgba(220,237,250,.32);
  box-shadow:0 1px 5px #0005;transition:background-color .08s,border-color .08s,color .08s}
.kv-keys-overlay .kv-keys-extra{margin-top:3px}
.kv-keys-overlay .kv-keys-extra span{gap:4px;min-width:66px;font-size:9px;padding:0 6px}
.kv-keys-overlay span.kv-pressed{background:rgba(76,192,153,.87);border-color:#a5ffe3;color:#031e1b}
.kv-is-record .kv-issue{display:none!important}
/* The 3D scene occupies the whole dialog in record mode, even before fullscreen. */
.kv-dialog.kv-is-record .kv-bar{position:absolute;top:0;left:0;right:0;z-index:9;
  background:linear-gradient(#081420ee,#081420b0 75%,transparent);border:0}
.kv-dialog.kv-is-record .kv-stage{flex:1 1 auto;min-height:0}
.kv-dialog.kv-is-record .kv-replay-controls{position:absolute;bottom:0;left:0;right:0;z-index:8;
  background:linear-gradient(transparent,#07131ee5 24%,#07131ef7);border:0;
  padding-bottom:max(10px,env(safe-area-inset-bottom,0px))}
.kv-dialog.kv-is-record .kv-replay-head{top:75px;transition:opacity .22s ease}
.kv-dialog.kv-is-record .kv-keys-overlay{bottom:93px}
.kv-dialog.kv-is-record .kv-bar,.kv-dialog.kv-is-record .kv-replay-controls{
  transition:opacity .22s ease,transform .22s ease}
.kv-dialog.kv-is-record.kv-ui-idle .kv-bar,.kv-dialog.kv-is-record.kv-ui-idle .kv-replay-head{
  opacity:0;pointer-events:none}
.kv-dialog.kv-is-record.kv-ui-idle .kv-bar{transform:translateY(-9px)}
.kv-dialog.kv-is-record.kv-ui-idle .kv-replay-controls{opacity:0;transform:translateY(10px);pointer-events:none}
/* Small settings panel opens up, never below viewport edge. */
.kv-settings{position:relative;display:flex;align-items:center}
.kv-settings-menu{position:absolute;right:0;bottom:calc(100% + 12px);width:210px;max-width:calc(100vw - 24px);
  z-index:20;background:#0c2030f5;box-shadow:0 14px 42px #000b;
  border:1px solid #5a93b650;border-radius:11px;padding:11px;color:#e9f6ff;backdrop-filter:blur(12px)}
.kv-settings-menu strong{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:#a7cbe2;margin:1px 4px 8px}
.kv-settings-menu label{display:flex;align-items:center;gap:9px;padding:10px 6px;
  border-radius:7px;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap}
.kv-settings-menu label:hover{background:#22425a}
.kv-settings-menu input{width:16px;height:16px;accent-color:#54cba5;cursor:pointer}
@media(max-width:1100px){.kv-dialog.kv-is-record .kv-replay-head{top:116px}}
@media(max-width:750px){
 .kv-dialog.kv-is-record .kv-replay-head{top:calc(110px + env(safe-area-inset-top,0px));left:10px;right:10px}
 .kv-dialog.kv-is-record .kv-keys-overlay{bottom:calc(85px + env(safe-area-inset-bottom,0px))}
 .kv-keys-overlay{font-size:10px}.kv-keys-overlay span{min-width:24px;height:23px}
 .kv-keys-overlay .kv-keys-extra span{min-width:58px;font-size:8px}
 .kv-replay-person{max-width:min(87vw,440px)}
 .kv-settings-menu{right:0;bottom:calc(100% + 6px)}
}
@media(max-width:365px){
 .kv-dialog.kv-is-record .kv-replay-head{top:calc(109px + env(safe-area-inset-top,0px))}
 .kv-dialog.kv-is-record .kv-keys-overlay{bottom:calc(83px + env(safe-area-inset-bottom,0px))}
 .kv-replay-actions{gap:1px}
 .kv-replay-options{gap:2px}
 .kv-settings-menu{right:-2px}
}
@media(prefers-reduced-motion:reduce){
 .kv-dialog.kv-is-record .kv-bar,.kv-dialog.kv-is-record .kv-replay-controls,
 .kv-dialog.kv-is-record .kv-replay-head,.kv-keys-overlay span{transition:none}
}
/* Anchor the record-mode absolute header/footer to the dialog, not viewport. */
.kv-dialog{position:relative}

/* Record Replay refinement: hide the cursor along with the 2s idle chrome. */
.kv-dialog.kv-is-record.kv-ui-idle, .kv-dialog.kv-is-record.kv-ui-idle .kv-stage,
.kv-dialog.kv-is-record.kv-ui-idle .kv-iframe {cursor:none!important}
.kv-loading-text{display:block;font-size:clamp(15px,2vw,19px);font-weight:750;
 color:#e8f6ff;letter-spacing:.015em;line-height:1.35}
.kv-loading-wait{font-size:12px;color:#94b8cd;font-weight:600;letter-spacing:.03em}
.kv-loading-wait[hidden]{display:none!important}

/* Record Replay v7: neutral cinema gradients, compact skip actions, fullbright. */
.kv-dialog.kv-is-record .kv-bar,
.kv-dialog:fullscreen.kv-is-record .kv-bar{
  background:linear-gradient(to bottom,rgba(5,7,10,.97) 0%,rgba(6,8,11,.82) 63%,rgba(6,8,11,0) 100%);
}
.kv-dialog.kv-is-record .kv-replay-controls,
.kv-dialog:fullscreen.kv-is-record .kv-replay-controls{
  background:linear-gradient(to top,rgba(5,7,10,.98) 0%,rgba(6,8,11,.88) 58%,rgba(6,8,11,0) 100%);
}
.kv-replay-transport button[data-kv-control="back"],
.kv-replay-transport button[data-kv-control="forward"]{min-width:56px;padding:0 6px}
.kv-skip-label{font-size:11px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.kv-settings-menu{width:226px;background:rgba(8,12,17,.97);border-color:rgba(170,197,212,.25)}
.kv-settings-menu label:hover{background:rgba(255,255,255,.07)}
.kv-toolbar{grid-template-columns:max-content 38px 38px 38px}
.kv-dialog.kv-is-record .kv-toolbar{grid-template-columns:max-content 38px 38px}
.kv-toolbar .kv-icon-btn[hidden]{display:none!important}
.kv-nightvision-map[aria-pressed="true"]{color:#ceffe4;background:#153d2d;border-color:#4d9b74}
@media(max-width:1100px){
  .kv-toolbar{grid-template-columns:minmax(0,1fr) 38px 38px 38px}
  .kv-dialog.kv-is-record .kv-toolbar{grid-template-columns:minmax(0,1fr) 38px 38px}
}
@media(max-width:350px){
 .kv-replay-transport button[data-kv-control="back"],
 .kv-replay-transport button[data-kv-control="forward"]{min-width:47px;padding:0 2px}
 .kv-skip-label{font-size:9px}
}