@import url("../ui/t2b-index.css");

/* Ranking screen only: business layout on top of shared t2b-* components. */
#s-ranking.ptr-show .tab-pull-indicator{
  top:14px;
  z-index:220;
  min-width:208px;
}

#s-ranking .content{
  background:
    radial-gradient(circle at 100% 6%,color-mix(in srgb,var(--t2b-brand) 10%,transparent),transparent 36%),
    linear-gradient(105deg,var(--t2b-bg-a) 0%,var(--t2b-bg-b) 48%,var(--t2b-bg-c) 100%);
  padding:10px 8px 94px;
}

#s-ranking .rank-feed-screen > .tab-refresh-zone{position:relative;z-index:90;margin:8px 0 12px;min-height:44px;height:44px;overflow:visible;background:linear-gradient(135deg,#e6fbff,#f4fffb)!important;}

#s-ranking .rank-feed-screen > .tab-refresh-zone.visible + .rf-hero{margin-top:0;}

#s-ranking .rank-feed-screen > .tab-refresh-zone.visible + .rf-hero:before{display:none!important;}

#s-ranking .rank-feed-screen > .tab-refresh-zone b,
#s-ranking .rank-feed-screen > .tab-refresh-zone em,
#s-ranking .rank-feed-screen > .tab-refresh-zone span{position:relative;z-index:2;opacity:1!important;visibility:visible!important;}

@media(min-width:768px){
  #s-ranking .content{
      padding:16px 22px 110px;
      background:
        radial-gradient(circle at 100% 6%,color-mix(in srgb,var(--t2b-brand) 10%,transparent),transparent 36%),
        linear-gradient(105deg,var(--t2b-bg-a) 0%,var(--t2b-bg-b) 48%,var(--t2b-bg-c) 100%);
    }
}

@media(min-width:768px){
  #s-ranking .content{max-width:100%;}
}

@media(max-width:767px){
  #s-ranking .content{padding:6px 8px calc(88px + env(safe-area-inset-bottom))!important;}
}

[data-theme="dark"] #s-ranking .rank-feed-screen .rf-hero,
[data-theme="dark"] #s-ranking .rf-hero{
  border-color:var(--dark-line)!important;
}

[data-theme="dark"] #s-ranking .rank-feed-screen .rf-hero:before,
[data-theme="dark"] #s-ranking .rf-hero:before{
  background:var(--dark-line-soft)!important;
  opacity:.45!important;
}

html[data-theme="dark"] .heavy-sk-card,
html[data-theme="dark"] .heavy-loading-strip,
html[data-theme="dark"] .tab-pull-indicator,
html[data-theme="dark"] .tab-refresh-zone,
html[data-theme="dark"] #s-ranking .rank-feed-screen > .tab-refresh-zone{
  background:var(--t2b-surface-card)!important;
  border-color:var(--t2b-line)!important;
  color:var(--t2b-brand-text-deep)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}

#s-ranking,
#s-ranking .content,
#s-ranking .rank-feed-screen,
#s-ranking .rf-hero,
#s-ranking .rf-ranking-list,
#s-ranking .rf-podium-insight,
#s-ranking .rf-mini-sheet{
  max-width:100%!important;
  overflow-x:hidden!important;
}

#s-ranking .rank-feed-screen{
  font-family:var(--t2b-font)!important;
  letter-spacing:0!important;
  width:min(100%,1040px)!important;
  margin:0 auto!important;
  color:var(--t2b-text-2,#263445)!important;
}

#s-ranking .rf-hero,
#s-ranking .rf-ranking-list,
#s-ranking .rf-podium-insight,
#s-ranking .rf-mini-sheet{
  border-color:var(--t2b-line,#dde7f0)!important;
  background:var(--t2b-surface-card,#fff)!important;
}

#s-ranking .rf-hero{
  position:relative;
  overflow:hidden;
  box-shadow:var(--t2b-shadow-card)!important;
}

#s-ranking .rf-title,
#s-ranking .rf-current,
#s-ranking .rank-row-main{
  min-width:0!important;
}

#s-ranking .rf-title b,
#s-ranking .rf-title span,
#s-ranking .rf-current,
#s-ranking .insight-head b,
#s-ranking .insight-line .typing-target{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

#s-ranking .rf-title b{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  font-size:calc(var(--t2b-font-title) * var(--rf-font-scale,1))!important;
  line-height:1.17!important;
  font-weight:760!important;
  color:var(--t2b-text,#151b23)!important;
}

#s-ranking .rf-title span{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  font-size:calc(var(--t2b-font-meta) * var(--rf-font-scale,1))!important;
  line-height:1.2!important;
  font-weight:500!important;
  color:var(--t2b-muted,#7d8898)!important;
}

#s-ranking .rf-current{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:3px 6px!important;
  font-size:calc(var(--t2b-font-meta) * .87 * var(--rf-font-scale,1))!important;
  line-height:1.25!important;
  color:var(--t2b-muted,#66758a)!important;
}

#s-ranking .rf-current b{
  font-size:inherit!important;
  line-height:inherit!important;
  color:var(--t2b-brand-text-deep,#007e99)!important;
  text-shadow:0 7px 16px rgba(0,175,210,.10);
}

#s-ranking .rf-tools{
  gap:7px!important;
}

#s-ranking .rf-tools button{
  min-width:0!important;
  height:auto!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  letter-spacing:0!important;
}

#s-ranking .rf-tools button:not(.t2b-btn){
  background:var(--t2b-surface-control)!important;
}

#s-ranking .rf-tools .t2b-btn svg{
  color:var(--t2b-brand-text-deep)!important;
  stroke:currentColor!important;
}

#s-ranking .rf-podium{
  gap:7px!important;
  min-height:0!important;
  align-items:stretch!important;
}

#s-ranking .rank-row{
  border-radius:0!important;
}

#s-ranking .rf-hero .t2b-segmented{
  margin:9px 0 8px!important;
}

#s-ranking .rank-row-main .rank-player-zone > b{
  min-width:0;
}

#s-ranking .rank-row-main .rank-row-record,
#s-ranking .rank-row-main .rank-row-ratios{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

#s-ranking .rank-row-main .rank-row-record .t2b-meta-win,
#s-ranking .rank-row-main .rank-row-record .t2b-meta-loss,
#s-ranking .rank-row-main .rank-row-record .t2b-meta-draw,
#s-ranking .rank-row-main .rank-row-record .t2b-meta-muted,
#s-ranking .rank-row-main .rank-row-ratios .t2b-meta-win,
#s-ranking .rank-row-main .rank-row-ratios .t2b-meta-loss,
#s-ranking .rank-row-main .rank-row-ratios .t2b-meta-draw,
#s-ranking .rank-row-main .rank-row-ratios .t2b-meta-muted{
  display:inline-flex!important;
  margin-top:0!important;
  white-space:nowrap!important;
}

#s-ranking .full-line,
#s-ranking .pair-synergy,
#s-ranking .score-rate,
#s-ranking .pair-sub-rate{
  min-width:0!important;
}

#s-ranking .full-line,
#s-ranking .pair-synergy{
  gap:4px!important;
}

#s-ranking .full-line em,
#s-ranking .pair-synergy em,
#s-ranking .score-rate i,
#s-ranking .pair-sub-rate i,
#s-ranking .pair-sub-rate em{
  height:auto!important;
  min-height:20px!important;
  padding:3px 6px!important;
  font-size:calc(var(--t2b-font-meta) * .75 * var(--rf-font-scale,1))!important;
  line-height:1!important;
}

#s-ranking .score-rate{
  gap:3px!important;
}

#s-ranking .rf-mini-sheet{
  display:none!important;
  position:fixed!important;
  left:var(--rf-sheet-left,10px)!important;
  top:var(--rf-sheet-top,120px)!important;
  transform:none!important;
  z-index:260!important;
  width:var(--rf-sheet-width,min(340px,calc(100vw - 20px)))!important;
  max-height:min(72vh,460px)!important;
  margin:0!important;
  padding:8px!important;
  border-radius:16px!important;
  overflow:auto!important;
  box-shadow:0 22px 48px rgba(15,23,42,.18)!important;
}

#s-ranking .rf-mini-sheet.open{
  display:block!important;
}

#s-ranking .rf-mini-sheet h3{
  font-size:calc(var(--t2b-font-control) * var(--rf-font-scale,1))!important;
  line-height:1.2!important;
}

#s-ranking .rf-sheet-option{
  gap:8px!important;
  padding:9px!important;
  border-radius:13px!important;
}

#s-ranking .rf-sheet-option span,
#s-ranking .rf-sheet-option b{
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.18!important;
}

#s-ranking .rf-sheet-option span{
  font-size:calc(var(--t2b-font-control) * .92 * var(--rf-font-scale,1))!important;
}

#s-ranking .rf-sheet-option b{
  font-size:calc(var(--t2b-font-meta) * .77 * var(--rf-font-scale,1))!important;
}

#s-ranking .insight-box{
  padding:10px!important;
}

#s-ranking .insight-head{
  align-items:flex-start!important;
}

#s-ranking .thinking{
  flex:0 0 auto!important;
  font-size:calc(var(--t2b-font-meta) * .75 * var(--rf-font-scale,1))!important;
}

#s-ranking .insight-line{
  grid-template-columns:25px minmax(0,1fr)!important;
  gap:8px!important;
}

#s-ranking .insight-line .typing-target{
  font-size:calc(var(--t2b-font-control) * .92 * var(--rf-font-scale,1))!important;
  line-height:1.38!important;
}

@media(max-width:390px){
  #s-ranking .rf-rank-only{
      width:26px!important;
      height:26px!important;
      font-size:calc(var(--t2b-font-meta) * .86)!important;
    }
  
  #s-ranking .full-line em,
    #s-ranking .pair-synergy em{
      padding:3px 5px!important;
    }
}

@media(max-width:767px){
  #s-ranking .content{
      padding:0!important;
    }
  
  #s-ranking .rank-feed-screen{
      padding:6px 6px calc(88px + env(safe-area-inset-bottom))!important;
    }
  
#s-ranking .rf-hero{
      margin:0 0 10px!important;
      padding:10px!important;
      border-radius:17px!important;
      border:1px solid var(--t2b-line)!important;
      background:var(--t2b-surface-card)!important;
      box-shadow:var(--t2b-shadow-card)!important;
    }
  
  #s-ranking .rf-hero-top{
      display:grid!important;
      grid-template-columns:42px minmax(0,1fr)!important;
      align-items:center!important;
      gap:10px!important;
    }
  
  #s-ranking .rf-current{
      margin-top:8px!important;
    }
  
  #s-ranking .rf-podium{
      margin-bottom:10px!important;
    }
}

@media(min-width:768px){
  #s-ranking .rank-feed-screen,
    #s-ranking .rf-ranking-list,
    #s-ranking .rf-podium-insight,
    #s-ranking .rf-tools{
      width:min(100%,920px)!important;
    }
  
  #s-ranking .rf-podium{
      gap:12px!important;
    }
}

html[data-theme="dark"] #s-ranking .rf-hero,
html[data-theme="dark"] #s-ranking .rf-ranking-list,
html[data-theme="dark"] #s-ranking .rf-podium-insight,
html[data-theme="dark"] #s-ranking .rf-mini-sheet,
html[data-theme="dark"] #s-ranking .rank-row,
html[data-theme="dark"] #s-ranking .rank-row-detail{
  background:var(--t2b-surface-card)!important;
  border-color:var(--t2b-line)!important;
  color:var(--t2b-text)!important;
  box-shadow:none!important;
}

html[data-theme="dark"] #s-ranking .rf-title b,
html[data-theme="dark"] #s-ranking .rank-row-main b,
html[data-theme="dark"] #s-ranking .insight-head b,
html[data-theme="dark"] #s-ranking .insight-line .typing-target b{
  color:var(--t2b-text)!important;
}

html[data-theme="dark"] #s-ranking .rf-title span,
html[data-theme="dark"] #s-ranking .rf-current,
html[data-theme="dark"] #s-ranking .rank-row-main span,
html[data-theme="dark"] #s-ranking .insight-line .typing-target{
  color:var(--t2b-muted)!important;
}

html[data-theme="dark"] #s-ranking .rank-row-main .t2b-meta-win{
  color:var(--t2b-brand-text-deep)!important;
}

html[data-theme="dark"] #s-ranking .rank-row-main .t2b-meta-loss{
  color:var(--t2b-hot-text)!important;
}

html[data-theme="dark"] #s-ranking .rank-row-main .t2b-meta-draw{
  color:var(--t2b-warn-text-deep)!important;
}

#s-ranking .score-rate,
#s-ranking .pair-sub-rate{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:2px!important;
}

#s-ranking .score-rate i,
#s-ranking .pair-sub-rate i,
#s-ranking .pair-sub-rate em{
  min-width:0!important;
  max-width:100%!important;
  min-height:18px!important;
  padding:2px 3px!important;
  font-size:calc(var(--t2b-font-meta) * .56 * var(--rf-font-scale,1))!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

.app:has(#s-ranking.active) #config-bar{
  display:none!important;
}

#s-ranking{
  --rk-surface:color-mix(in srgb,var(--t2b-surface-card) 88%,var(--t2b-bg-c) 12%);
  --rk-row-surface:linear-gradient(180deg,
    color-mix(in srgb,var(--t2b-surface) 88%,var(--t2b-bg-c) 12%),
    color-mix(in srgb,var(--t2b-surface-soft) 82%,var(--t2b-bg-c) 18%)
  );
}

#s-ranking .rf-hero,
#s-ranking .rf-ranking-list,
#s-ranking .rf-podium-insight,
#s-ranking .rf-mini-sheet,
#s-ranking .rank-row{
  background:var(--rk-surface)!important;
}

#s-ranking .rank-row{
  background:var(--rk-row-surface)!important;
}

#s-ranking .rank-row:active,
#s-ranking .rank-row.open{
  background:var(--t2b-surface-soft)!important;
  transform:scale(.996);
}

#s-ranking .rank-row-detail{
  display:block;
  grid-column:1/-1;
  max-height:0;
  opacity:0;
  transform:translateY(-4px);
  margin:0;
  border-top:0 solid var(--t2b-line-soft);
  background:var(--t2b-surface-soft);
  overflow:hidden;
  pointer-events:none;
  transition:max-height .32s cubic-bezier(.22,.9,.28,1),opacity .18s ease,transform .22s ease,border-top-width .01s linear .2s;
}

#s-ranking .rank-row.open + .rank-row-detail{
  max-height:820px;
  opacity:1;
  transform:translateY(0);
  border-top-width:1px;
  pointer-events:auto;
  transition:max-height .36s cubic-bezier(.22,.9,.28,1),opacity .18s ease,transform .22s ease,border-top-width .01s linear;
}

#s-ranking .rf-tools button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-width:767px){
  #s-ranking .rf-mini-sheet{
      max-height:min(58vh,390px)!important;
    }
}

html[data-theme="dark"] #s-ranking{
  --rk-surface:var(--t2b-surface-card);
}

html[data-theme="dark"] #s-ranking .rank-row.me{
  background:linear-gradient(90deg,var(--t2b-good-soft),var(--t2b-surface-card) 52%)!important;
  box-shadow:inset 3px 0 0 var(--t2b-good)!important;
}

@media(max-width:767px){
  #s-ranking .rf-title b{
      font-size:calc(var(--t2b-font-title) * var(--rf-font-scale,1))!important;
      font-weight:760!important;
    }
  
  #s-ranking .rf-current{
      display:-webkit-box!important;
      -webkit-box-orient:vertical!important;
      -webkit-line-clamp:2!important;
      overflow:hidden!important;
    }
  
  #s-ranking .score-rate i,
    #s-ranking .pair-sub-rate i,
    #s-ranking .pair-sub-rate em{
      font-size:calc(var(--t2b-font-meta) * .67 * var(--rf-font-scale,1))!important;
    }
}

@media(max-width:767px){
  #s-ranking .rf-pair-podium{
      min-height:204px!important;
    }
  
  #s-ranking .rf-pair-podium .metric-main{
      font-size:calc(var(--t2b-font-title) * var(--rf-font-scale,1))!important;
    }
}

#s-ranking .rf-podium.count-1{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:156px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

#s-ranking .rf-podium.count-2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

#s-ranking .rf-individual-podium{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:end!important;
  gap:6px!important;
}

@media (min-width:1024px){
  #s-ranking .rank-feed-screen{
      max-width:1180px!important;
      margin:0 auto!important;
      padding:16px 20px 32px!important;
    }
  
  #s-ranking .rf-ranking-list,
    #s-ranking .rf-podium-insight{
      border-radius:var(--t2b-radius-card)!important;
    }
  
}

html[data-theme="dark"] #s-ranking .rank-player-stats-card,
html[data-theme="dark"] #s-ranking .rank-outcome,
html[data-theme="dark"] #s-ranking .rank-person-empty,
html[data-theme="dark"] #s-ranking .rank-person-stat{
  background:var(--dark-surface)!important;
  border-color:var(--dark-line)!important;
  color:var(--dark-text)!important;
}

html[data-theme="dark"] #s-ranking .rank-match-donut:before{
  background:var(--dark-surface-2)!important;
  box-shadow:inset 0 0 0 1px var(--dark-line)!important;
}

html[data-theme="dark"] #s-ranking .rank-badge-grid,
html[data-theme="dark"] #s-ranking .rank-badge-grid div,
html[data-theme="dark"] #s-ranking .rank-person-stat{
  border-color:var(--dark-line)!important;
}

html[data-theme="dark"] #s-ranking .rank-player-title b,
html[data-theme="dark"] #s-ranking .rank-outcome b,
html[data-theme="dark"] #s-ranking .rank-person-main b,
html[data-theme="dark"] #s-ranking .rank-match-donut b{
  color:var(--dark-text)!important;
}

html[data-theme="dark"] #s-ranking .rank-player-title span,
html[data-theme="dark"] #s-ranking .rank-outcome span,
html[data-theme="dark"] #s-ranking .rank-outcome em,
html[data-theme="dark"] #s-ranking .rank-person-title,
html[data-theme="dark"] #s-ranking .rank-person-main span,
html[data-theme="dark"] #s-ranking .rank-match-donut span,
html[data-theme="dark"] #s-ranking .rank-badge-grid span{
  color:var(--dark-muted)!important;
}

#s-ranking .rf-pair-podium{
  min-height:220px!important;
}

#s-ranking .rf-pair-podium .metric-main{
  font-size:calc(var(--t2b-font-score) * 1.29 * var(--rf-font-scale,1))!important;
  line-height:1!important;
}

@media (min-width:1025px){
  #s-ranking .rank-feed-screen,
    #s-account .account-screen,
    .finance-screen,
    #s-settings #settings-content,
    #monitor-content{
      width:min(var(--ui-work-max),calc(100vw - 260px))!important;
      max-width:var(--ui-work-max)!important;
      margin:0 auto!important;
      padding-left:18px!important;
      padding-right:18px!important;
    }
  
}

:where(#s-ranking,.ranking-badge-preview-scope) .rf-podium-card.badge{
  width:100%!important;
  max-width:var(--tin2b-badge-w)!important;
  height:var(--tin2b-badge-h)!important;
  min-height:var(--tin2b-badge-h)!important;
  max-height:var(--tin2b-badge-h)!important;
  display:grid!important;
  grid-template-rows:var(--tin2b-badge-head) var(--tin2b-badge-body) var(--tin2b-badge-foot)!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:0!important;
  margin:0!important;
  border-radius:24px!important;
  border:1px solid var(--badge-edge)!important;
  color:var(--badge-ink)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.62),transparent 24%),radial-gradient(circle at 42% 0%,rgba(255,255,255,.75),transparent 34%),linear-gradient(135deg,var(--badge-1),var(--badge-2) 48%,var(--badge-3))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -14px 26px rgba(0,0,0,.10),inset 10px 0 18px rgba(255,255,255,.22),inset -10px 0 18px rgba(0,0,0,.10),0 13px 28px rgba(21,37,61,.20)!important;
  transform:translateZ(0);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
  font-synthesis:none;
  justify-self:center!important;
}

#s-ranking .rf-podium,
.ranking-badge-preview-scope .rf-podium{--tin2b-badge-w:132px;width:100%!important;max-width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-content:center!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .rf-podium-card.badge:before{display:none!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .rf-podium-card.badge:after{
  content:""!important;
  position:absolute!important;
  inset:-42px -60px auto auto!important;
  width:130px!important;
  height:210px!important;
  rotate:28deg!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important;
  opacity:.75!important;
  z-index:0!important;
  pointer-events:none!important;
}

:where(#s-ranking,.ranking-badge-preview-scope) .rf-podium-card.badge--gold{--badge-1:var(--tin2b-gold-1);--badge-2:var(--tin2b-gold-2);--badge-3:var(--tin2b-gold-3);--badge-edge:var(--tin2b-gold-edge);--badge-ink:var(--tin2b-gold-ink);}

:where(#s-ranking,.ranking-badge-preview-scope) .rf-podium-card.badge--silver{--badge-1:var(--tin2b-silver-1);--badge-2:var(--tin2b-silver-2);--badge-3:var(--tin2b-silver-3);--badge-edge:var(--tin2b-silver-edge);--badge-ink:var(--tin2b-silver-ink);}

:where(#s-ranking,.ranking-badge-preview-scope) .rf-podium-card.badge--bronze{--badge-1:var(--tin2b-bronze-1);--badge-2:var(--tin2b-bronze-2);--badge-3:var(--tin2b-bronze-3);--badge-edge:var(--tin2b-bronze-edge);--badge-ink:var(--tin2b-bronze-ink);}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__header,
:where(#s-ranking,.ranking-badge-preview-scope) .badge__body,
:where(#s-ranking,.ranking-badge-preview-scope) .badge__footer{position:relative!important;z-index:2!important;min-width:0!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__header{display:grid!important;place-items:center!important;align-content:center!important;padding:0 8px!important;text-align:center!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__rank{width:100%!important;font-size:8px!important;line-height:1!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;color:var(--badge-ink)!important;text-shadow:0 .55px 0 rgba(255,255,255,.58),0 -.55px 0 rgba(0,0,0,.18)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__body{display:grid!important;grid-template-rows:40px 12px 56px 22px!important;align-content:center!important;justify-items:center!important;gap:8px!important;padding:6px 8px!important;text-align:center!important;overflow:visible!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:50%!important;color:var(--badge-ink)!important;font-size:30px!important;line-height:1!important;margin:0!important;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.78),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.28),rgba(0,0,0,.10))!important;border:1px solid rgba(255,255,255,.46)!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.46),inset 0 -4px 8px rgba(0,0,0,.16),0 4px 10px rgba(0,0,0,.12)!important;text-shadow:0 .65px 0 rgba(255,255,255,.68),0 -.65px 0 rgba(0,0,0,.28)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__icon span{display:grid!important;place-items:center!important;line-height:1!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge--pair .badge__icon{width:80px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;border-radius:999px!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge--pair .badge__icon span{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;font-size:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(0,0,0,.08))!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.42),inset 0 -2px 4px rgba(0,0,0,.12)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge--pair .badge__icon span + span{margin-left:-8px!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__award{width:100%!important;min-width:0!important;font-size:8px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-transform:uppercase!important;letter-spacing:.01em!important;color:var(--badge-ink)!important;text-shadow:0 .6px 0 rgba(255,255,255,.66),0 -.6px 0 rgba(0,0,0,.22)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__player{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;overflow:hidden!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__name{min-width:0!important;max-width:calc(var(--tin2b-badge-w) - 34px)!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;font-family:var(--tin2b-badge-script)!important;font-size:24px!important;line-height:1.05!important;font-weight:950!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;color:var(--badge-ink)!important;text-shadow:0 .65px 0 rgba(255,255,255,.62),0 -.65px 0 rgba(0,0,0,.28)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__level{flex:0 0 auto!important;align-self:center!important;transform:translateY(-5px)!important;font-size:7px!important;line-height:1!important;font-weight:900!important;opacity:.58!important;color:var(--badge-ink)!important;text-shadow:0 .55px 0 rgba(255,255,255,.42)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__player--pair{align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__pair-name{min-width:0!important;flex:1 1 0!important;max-width:50%!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;font-family:var(--tin2b-badge-script)!important;font-size:16px!important;line-height:1.05!important;font-weight:950!important;text-align:center!important;color:var(--badge-ink)!important;text-shadow:0 .65px 0 rgba(255,255,255,.62),0 -.65px 0 rgba(0,0,0,.28)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__pair-level{display:block!important;margin-top:1px!important;font-family:Arial,"Roboto",system-ui,sans-serif!important;font-size:7px!important;line-height:1!important;font-weight:900!important;opacity:.58!important;color:var(--badge-ink)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__pair-divider{flex:0 0 auto!important;width:1px!important;height:46px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22),transparent)!important;opacity:.5!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__metric{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;margin:0!important;color:var(--badge-ink)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__metric .metric-main{font-size:15px!important;line-height:1!important;font-weight:950!important;color:var(--badge-ink)!important;text-shadow:0 .65px 0 rgba(255,255,255,.66),0 -.65px 0 rgba(0,0,0,.24)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__footer{display:grid!important;align-content:center!important;justify-items:center!important;gap:6px!important;padding:0 8px!important;text-align:center!important;overflow:hidden!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__footer:before{content:""!important;width:78%!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(0,0,0,.13),transparent)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__row{width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;white-space:nowrap!important;overflow:hidden!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__row span{min-width:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:1px!important;flex:0 1 auto!important;overflow:hidden!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__row b{min-width:0!important;font-size:9px!important;line-height:1!important;font-weight:950!important;color:var(--badge-ink)!important;text-shadow:0 .55px 0 rgba(255,255,255,.58),0 -.45px 0 rgba(0,0,0,.16)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__row i{min-width:0!important;font-size:7px!important;line-height:1!important;font-style:normal!important;font-weight:900!important;opacity:.78!important;color:var(--badge-ink)!important;text-shadow:0 .45px 0 rgba(255,255,255,.50)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__actions{position:absolute!important;top:72px!important;right:8px!important;z-index:6!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__actions button{width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.62)!important;border-radius:999px!important;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.68),transparent 36%),linear-gradient(145deg,rgba(255,255,255,.32),rgba(0,0,0,.08))!important;color:var(--badge-ink)!important;display:grid!important;place-items:center!important;font-size:18px!important;font-weight:950!important;line-height:1!important;box-shadow:inset 0 2px 4px rgba(255,255,255,.42),inset 0 -4px 8px rgba(0,0,0,.14),0 4px 10px rgba(15,23,42,.14)!important;cursor:pointer!important;backdrop-filter:blur(5px)!important;opacity:.88!important;pointer-events:auto!important;text-shadow:0 .65px 0 rgba(255,255,255,.68),0 -.65px 0 rgba(0,0,0,.28)!important;}

:where(#s-ranking,.ranking-badge-preview-scope) .badge__actions button:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.42)!important;opacity:1!important;}

#s-ranking .rf-date-section{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
  padding:10px;
  border:1px solid rgba(8,182,213,.18);
  border-radius:14px;
  background:rgba(236,254,255,.58);
}
#s-ranking .rf-date-section label{
  display:grid;
  gap:5px;
  min-width:0;
  color:#64748b;
  font-size:calc(var(--t2b-font-meta) * .86);
  line-height:1;
  font-weight:850;
}
#s-ranking .rf-date-section input{
  width:100%;
  min-width:0;
  height:34px;
  border:1px solid #dbe8f2;
  border-radius:12px;
  background:#fff;
  padding:0 9px;
  color:#0f172a;
  font-size:var(--t2b-font-control);
  font-weight:780;
}
#s-ranking .rf-date-section button{
  height:34px;
  border-radius:12px;
  border:1px solid transparent;
  font-size:calc(var(--t2b-font-control) * .92);
  font-weight:900;
}
#s-ranking .rf-date-apply{
  background:var(--cyan);
  color:#fff;
  box-shadow:0 8px 18px rgba(8,182,213,.18);
}
#s-ranking .rf-date-clear{
  background:#fff;
  color:#64748b;
  border-color:#dbe8f2!important;
}
@media (max-width:520px){
  #s-ranking .rf-date-section{
    grid-template-columns:1fr;
  }
}
[data-theme="dark"] #s-ranking .rf-date-section{
  border-color:rgba(34,211,238,.22);
  background:rgba(8,47,73,.28);
}
[data-theme="dark"] #s-ranking .rf-date-section input,
[data-theme="dark"] #s-ranking .rf-date-clear{
  border-color:rgba(148,163,184,.24)!important;
  background:rgba(15,23,42,.84);
  color:#e2e8f0;
}
#s-ranking .rank-row.unranked{
  opacity:.78;
  border-style:dashed;
  background:rgba(248,250,252,.82);
}

#s-ranking .t2b-player-index{
  background:linear-gradient(180deg,var(--t2b-surface),var(--t2b-surface-soft));
  color:var(--t2b-control-text);
  border-color:var(--t2b-line);
}

#s-ranking .t2b-player-index.brand-mark{
  background:var(--t2b-brand);
  color:var(--t2b-on-accent);
  border-color:var(--t2b-surface);
}

#s-ranking .rank-row,
#s-ranking .rf-podium-card{
  position:relative;
}

#s-ranking .rf-reigning-mark{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:24px;
  height:24px;
  border:0;
  border-radius:999px;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95) 0 16%,rgba(254,240,138,.98) 17% 38%,rgba(245,158,11,.92) 39% 58%,rgba(245,158,11,.18) 59% 68%,transparent 69%);
  color:#3f2600;
  box-shadow:0 0 0 1px rgba(245,158,11,.34),0 0 14px rgba(245,158,11,.52);
  font-size:calc(var(--t2b-font-control) * 1.08);
  line-height:1;
  font-weight:900;
  white-space:nowrap;
  pointer-events:none;
  isolation:isolate;
  overflow:visible;
  transform:translateY(-1px);
}
#s-ranking .rf-reigning-mark em{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  border-radius:999px;
  background:linear-gradient(135deg,#fff7cc,#f59e0b);
  box-shadow:0 0 8px rgba(255,255,255,.95),0 0 2px rgba(74,42,0,.22) inset;
  font-style:normal;
  animation:rfReigningCore 1.2s ease-in-out infinite;
}
#s-ranking .rf-reigning-mark::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:999px;
  border:1px solid rgba(245,158,11,.38);
  box-shadow:0 0 0 0 rgba(245,158,11,.45),0 0 12px rgba(245,158,11,.45);
  animation:rfReigningGlow 1.45s ease-out infinite;
  z-index:-1;
}
#s-ranking .rf-reigning-mark::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  background:repeating-conic-gradient(from 0deg,rgba(245,158,11,.82) 0 9deg,transparent 9deg 18deg);
  -webkit-mask:radial-gradient(circle,transparent 0 38%,#000 39% 56%,transparent 57%);
  mask:radial-gradient(circle,transparent 0 38%,#000 39% 56%,transparent 57%);
  animation:rfReigningRay 2.4s linear infinite;
  z-index:-2;
}
@keyframes rfReigningGlow{
  0%{transform:scale(.72);opacity:.7;}
  72%,100%{transform:scale(1.18);opacity:0;}
}
@keyframes rfReigningRay{
  to{transform:rotate(360deg);}
}
@keyframes rfReigningCore{
  0%,100%{transform:scale(.92);filter:brightness(1);}
  50%{transform:scale(1.12);filter:brightness(1.28);}
}
#s-ranking .rank-row-main .rank-level{
  display:inline-flex!important;
  flex:0 0 auto;
  min-width:max-content!important;
  color:var(--t2b-brand-text-deep)!important;
  font-size:calc(var(--t2b-font-control) * .92 * var(--rf-font-scale,1))!important;
  line-height:1!important;
  font-weight:760!important;
  white-space:nowrap!important;
  position:relative;
  z-index:3;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
}
#s-ranking .rank-row-main .rf-reigning-mark{
  display:inline-flex!important;
  width:20px;
  height:20px;
  margin-left:2px;
  font-size:calc(var(--t2b-font-control) * .92);
  flex:0 0 20px;
  vertical-align:middle;
}
#s-ranking .rank-row-main,
#s-ranking .rf-rank-only{
  cursor:pointer;
}
#s-ranking .rank-row-main:active,
#s-ranking .rf-rank-only:active{
  filter:brightness(.98);
}
#s-ranking .rf-podium-card .rf-reigning-mark{
  position:absolute;
  left:8px;
  top:8px;
  z-index:5;
}
[data-theme="dark"] #s-ranking .rf-reigning-mark{
  background:linear-gradient(135deg,#fde68a,#b45309);
  border-color:rgba(245,158,11,.42);
  color:#2b1700;
}
#s-ranking .rank-player-stats-card{
  padding:9px!important;
}
#s-ranking .rank-detail-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:-9px -9px 10px!important;
  border-bottom:1px solid var(--t2b-line-soft);
  background:var(--t2b-surface-soft);
}
#s-ranking .rank-detail-metric{
  min-width:0;
  min-height:64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:9px 6px;
  text-align:center;
  border-left:1px solid var(--t2b-line-soft);
}
#s-ranking .rank-detail-metric:first-child{
  border-left:0;
}
#s-ranking .rank-detail-metric b{
  color:var(--t2b-hot-text);
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:clamp(calc(var(--t2b-font-score) * 1.5), calc(var(--t2b-font-score) * 1.36 * var(--rf-font-scale,1)), calc(var(--t2b-font-score) * 2));
  line-height:.95;
  font-weight:950;
  white-space:nowrap;
}
#s-ranking .rank-detail-metric.win b{
  color:var(--t2b-good-text);
}
#s-ranking .rank-detail-metric.matches b{
  color:var(--t2b-brand-text-deep);
}
#s-ranking .rank-detail-metric span{
  max-width:100%;
  color:var(--t2b-muted);
  font-size:clamp(calc(var(--t2b-font-meta) * .77), calc(var(--t2b-font-meta) * .69 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * .96));
  line-height:1.15;
  font-weight:850;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#s-ranking .rank-relation-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px 14px;
}
.relation-inline-controls{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:center;
  margin:8px 0 12px;
}
.relation-inline-controls label{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:6px 8px;
  border:1px solid var(--t2b-line-soft,#edf3f7);
  border-radius:8px;
  background:color-mix(in srgb,var(--t2b-surface-soft,#f7fbff) 88%,#fff);
  color:var(--t2b-text-2,#475569);
  font-size:12px;
  font-weight:700;
  min-width:0;
}
.relation-inline-controls label span{
  white-space:nowrap;
}
.relation-inline-controls input,
.relation-inline-controls select{
  height:28px;
  width:100%;
  min-width:0;
  border:1px solid var(--t2b-line-soft,#edf3f7);
  border-radius:7px;
  background:var(--t2b-surface-card,#fff);
  color:var(--t2b-text,#111827);
  font:inherit;
  padding:0 8px;
}
.relation-inline-controls input{
  text-align:center;
}
#s-ranking .rank-person-section{
  min-width:0;
  padding:0!important;
}
#s-ranking .rank-person-title{
  margin:0 0 2px!important;
  font-size:calc(var(--t2b-font-meta) * .74 * var(--rf-font-scale,1))!important;
  line-height:1.15!important;
}
#s-ranking .rank-person-desc{
  margin:0 0 6px!important;
  color:var(--t2b-muted);
  font-size:clamp(calc(var(--t2b-font-meta) * .73), calc(var(--t2b-font-meta) * .67 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * .91))!important;
  line-height:1.2!important;
}
#s-ranking .rank-person-stat{
  grid-template-columns:minmax(0,1fr) minmax(max-content,auto)!important;
  gap:8px!important;
  padding:6px 0!important;
  min-width:0!important;
}
#s-ranking .rank-person-main b{
  display:block;
  max-width:100%;
  font-size:clamp(calc(var(--t2b-font-control) * .92), calc(var(--t2b-font-control) * .85 * var(--rf-font-scale,1)), var(--t2b-font-body))!important;
  line-height:1.15!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#s-ranking .rank-person-main span{
  display:block;
  margin-top:2px;
  font-size:clamp(calc(var(--t2b-font-meta) * .77), calc(var(--t2b-font-meta) * .71 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * .98))!important;
  line-height:1.18!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#s-ranking .rank-person-stat strong{
  justify-self:end;
  font-size:clamp(calc(var(--t2b-font-control) * .92), calc(var(--t2b-font-control) * .87 * var(--rf-font-scale,1)), var(--t2b-font-body))!important;
  line-height:1!important;
  white-space:nowrap;
}
#s-ranking .rank-person-stat strong.green{color:var(--t2b-good-text-deep)!important;}
#s-ranking .rank-person-stat strong.amber{color:var(--t2b-warn-text-deep)!important;}
#s-ranking .rank-person-stat strong.red{color:var(--t2b-hot-text-deep)!important;}
#s-ranking .rank-person-empty{
  padding:7px!important;
  font-size:calc(var(--t2b-font-meta) * .75 * var(--rf-font-scale,1))!important;
  line-height:1.25!important;
}
@media (max-width:430px){
  #s-ranking .rank-player-stats-card{
    padding:8px!important;
  }
  #s-ranking .rank-detail-metrics{
    margin:-8px -8px 9px!important;
  }
  #s-ranking .rank-detail-metric{
    min-height:58px;
    padding:8px 5px;
  }
  #s-ranking .rank-detail-metric b{
    font-size:clamp(calc(var(--t2b-font-score) * 1.43), calc(var(--t2b-font-score) * 1.21 * var(--rf-font-scale,1)), calc(var(--t2b-font-score) * 1.71));
  }
  #s-ranking .rank-detail-metric span{
    font-size:clamp(calc(var(--t2b-font-meta) * .70), calc(var(--t2b-font-meta) * .62 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * .84));
  }
  #s-ranking .rank-relation-grid{
    gap:12px 12px;
  }
  #s-ranking .rank-person-stat{
    gap:6px!important;
  }
  #s-ranking .rank-person-title{
    font-size:clamp(calc(var(--t2b-font-meta) * .86), calc(var(--t2b-font-meta) * .70 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * .98))!important;
  }
  #s-ranking .rank-person-desc{
    font-size:clamp(calc(var(--t2b-font-meta) * .70), calc(var(--t2b-font-meta) * .63 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * .86))!important;
  }
  #s-ranking .rank-person-main b{
    font-size:clamp(calc(var(--t2b-font-meta) * .90), calc(var(--t2b-font-meta) * .81 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * 1.08))!important;
  }
  #s-ranking .rank-person-main span{
    font-size:clamp(calc(var(--t2b-font-meta) * .75), calc(var(--t2b-font-meta) * .68 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * .91))!important;
  }
  #s-ranking .rank-person-stat strong{
    font-size:clamp(calc(var(--t2b-font-meta) * .90), calc(var(--t2b-font-meta) * .81 * var(--rf-font-scale,1)), calc(var(--t2b-font-meta) * 1.08))!important;
  }
}
#s-ranking .rank-row.unranked .rf-rank-only{
  color:#94a3b8;
}
[data-theme="dark"] #s-ranking .rank-row.unranked{
  background:rgba(15,23,42,.72);
}