/* v8.2.1-c.3 player detail readability scale */
#playerDetail .bread{font-size:14px!important}
#playerDetail .detail-hero-sub,
#playerDetail .detail-section-sub{font-size:14px!important;line-height:1.72!important}
#playerDetail .detail-chip{font-size:11px!important;padding:9px 13px!important}
#playerDetail .detail-chip strong{font-size:16px!important}
#playerDetail .meta-row .k{font-size:11px!important;letter-spacing:.09em!important}
#playerDetail .meta-row .v{font-size:14px!important;line-height:1.32!important}
#playerDetail .compare-box .label,
#playerDetail .evo-label,
#playerDetail .hz-label,
#playerDetail .sum-title,
#playerDetail .small{font-size:12px!important}
#playerDetail .compare-btn{font-size:12px!important;padding:10px 15px!important}

/* v9 compare close-state and comment popup cleanup */
.anim-comment-card{overflow-x:hidden!important;overflow-y:auto!important}
.anim-comment-body{overflow:visible!important;padding-right:2px}
.compare-player-card--placeholder{display:grid;place-items:center;gap:10px;min-height:214px;width:100%;padding:22px;border-radius:30px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));color:rgba(255,255,255,.72);cursor:pointer;text-align:center}
.compare-player-card--placeholder:hover{border-color:rgba(167,139,250,.28);background:linear-gradient(180deg,rgba(124,58,237,.09),rgba(255,255,255,.025))}
.compare-player-card__placeholder-plus{font-size:40px;line-height:1;color:rgba(255,255,255,.78)}
.compare-player-card__placeholder-text{font-size:15px;font-weight:800;line-height:1.35}
.compare-body:empty{min-height:0!important;padding-top:0!important}

#playerDetail .evo-stage{font-size:11px!important;padding:7px 11px!important}
#playerDetail .play-tag{font-size:10px!important;padding:5px 8px!important}
#playerDetail .tab{font-size:14px!important;letter-spacing:.01em!important}
#playerDetail .detail-section-kicker,
#playerDetail .detail-hero-kicker{font-size:12px!important}
#playerDetail .stat-group h4,
#playerDetail .dense-group h4,
#playerDetail .badge-group h4{font-size:11px!important}
#playerDetail .stat-row .name,
#playerDetail .tendency-name,
#playerDetail .badge-name,
#playerDetail .attr-name{font-size:13px!important;line-height:1.32!important}
#playerDetail .anim-label,
#playerDetail .t-label{font-size:14px!important;line-height:1.42!important;font-weight:700!important;color:#eef2ff!important}
#playerDetail .stat-row .value,
#playerDetail .tendency-value,
#playerDetail .attr-value{font-size:15px!important}
#playerDetail .t-num{width:36px!important;height:26px!important;font-size:12px!important;font-weight:900!important}
#playerDetail .badge-tier,
#playerDetail .badge-delta{font-size:11px!important}
#playerDetail .anim-grade,
#playerDetail .anim-brief,
#playerDetail .anim-value-trigger{font-size:12px!important;font-weight:800!important}
#playerDetail .anim-grade,
#playerDetail .anim-brief{min-height:26px!important;padding:4px 9px!important}
#playerDetail .anim-value-trigger{padding:5px 10px!important;min-height:26px!important;line-height:1.2!important}
#playerDetail .anim-brief{width:auto!important;max-width:none!important;min-width:max-content!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;flex:0 0 auto!important;padding:4px 11px!important}
#playerDetail .t-row{grid-template-columns:36px 1fr!important;gap:12px!important;padding:8px 0!important}
#playerDetail .anim-row{padding:8px 0!important;gap:10px!important}
#playerDetail .anim-pill-wrap{gap:7px!important;row-gap:7px!important}
#playerDetail .anim-comment-trigger{font-size:12px!important;width:24px!important;height:24px!important}
#playerDetail .anim-comment-card{font-size:13px!important;line-height:1.6!important}
#playerDetail .same-card-hex span{font-size:14px!important}
#playerDetail .same-card-hex.tier-goat span,
#playerDetail .same-card-hex.tier-invincible span{font-size:8px!important}
@media (max-width:760px){
  #playerDetail .detail-hero-sub,
  #playerDetail .detail-section-sub{font-size:13px!important}
  #playerDetail .tab{font-size:13px!important}
  #playerDetail .meta-row .v{font-size:13px!important}
}

.top-nav{grid-template-columns:260px minmax(320px,.9fr) minmax(620px,1.1fr)}
.top-nav__brand{display:flex;align-items:center;justify-content:flex-start;min-width:0}
.top-nav__brand-logo{display:block;width:min(210px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.24));}
.top-nav__brand .logo,.top-nav__brand h1,.top-nav__brand .small{display:none !important;}
@media (max-width:1200px){.top-nav{grid-template-columns:220px 1fr}.top-nav__brand-logo{width:min(180px,100%)}}
@media (max-width:760px){.top-nav__brand{justify-content:flex-start}.top-nav__brand-logo{width:160px;max-width:72vw}}

/* v8.2.1-c.4.3 nav / home hero breathing fix */
.main{padding-top:calc(var(--top-nav-h) + 28px)!important}
.arena-hero{margin-top:8px!important}
@media (max-width:1200px){.main{padding-top:calc(var(--top-nav-h) + 92px)!important}.arena-hero{margin-top:6px!important}}
@media (max-width:760px){.main{padding-top:166px!important}.arena-hero{margin-top:8px!important}}

/* Final QA polish: unify page headers, shells, and card rhythm across Home / Players / Collections / Series / Detail */
:root{--shell-max:1360px;--page-hero-title:clamp(28px,2.4vw,36px);--page-hero-sub:13px;--panel-radius:26px}
.main{max-width:var(--shell-max)!important;width:min(var(--shell-max),calc(100vw - 40px))!important;padding-bottom:30px!important}
.panel,.list-panel,.collection-surface,.players-stage,.hero,.sum-panel,.hz-panel,.dense-group{border-radius:var(--panel-radius)!important}
.page-hero{padding:2px 2px 0!important;gap:14px!important;align-items:flex-end!important}
.page-hero .eyebrow{font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(222,230,238,.62)!important;font-weight:800!important;margin-bottom:8px!important}
.page-hero h2{font-size:var(--page-hero-title)!important;line-height:1.02!important;letter-spacing:-.04em!important}
.page-hero .sub{font-size:var(--page-hero-sub)!important;line-height:1.55!important;color:rgba(222,230,238,.78)!important;max-width:760px!important;margin-top:8px!important}
.inline-metrics{gap:10px!important}
.metric-chip,.players-pill,.players-backlink{border-radius:999px!important;border:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))!important;box-shadow:none!important}
.metric-chip{padding:9px 13px!important;font-size:11px!important;color:rgba(233,240,247,.82)!important}
.metric-chip strong{font-size:13px!important}
.players-toolbar{align-items:center!important;gap:14px!important}
.players-helper{gap:8px!important}
.players-pill{padding:8px 12px!important;font-size:11px!important}
.players-backlink{padding:8px 12px!important;color:#e7eef7!important}
.grid{gap:24px 18px!important}
.card-body{padding-top:12px!important}
.name{font-size:15px!important;line-height:1.22!important}
.meta{font-size:12px!important;line-height:1.45!important}
.collections-bread{margin-bottom:16px!important}
.collections-bread .current{font-weight:800!important}
.collection-tabs-toolbar{align-items:flex-end!important}
.collection-tabs-title{letter-spacing:-.03em!important}
.series-stage{padding-top:2px!important}
.series-icon-grid{gap:18px 16px!important}
.series-icon-card{padding:20px 14px 14px!important;border-radius:24px!important;min-height:212px!important}
.series-icon-art{min-height:132px!important}
.series-icon-art img{max-height:120px!important}
.series-card-name{margin-top:10px!important;font-size:14px!important;line-height:1.28!important;font-weight:800!important}
@media (max-width:1200px){.main{width:min(var(--shell-max),calc(100vw - 40px))!important}.grid{gap:22px 16px!important}.series-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:760px){.main{width:calc(100vw - 32px)!important}.page-hero h2{font-size:28px!important}.grid{gap:20px 14px!important}.series-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}.series-icon-card{min-height:188px!important;padding:18px 12px 12px!important}.series-icon-art{min-height:110px!important}.series-icon-art img{max-height:102px!important}}


/* v10.1 nav + bilingual + hero/detail cleanup */
.top-nav__inner{grid-template-columns:210px 280px minmax(0,1fr)!important;gap:14px!important}
.top-search{display:grid!important;grid-template-columns:minmax(180px,.88fr) 128px 128px 96px 74px!important;gap:8px!important;align-items:center!important}
.top-search > *{min-width:0!important}
.top-search input{min-width:0!important}
.top-search .btn.primary{padding:0 10px!important;min-width:74px!important;font-size:11px!important;letter-spacing:.08em!important}
.lang-switch{min-width:96px!important;width:96px!important}
.lang-switch button{padding:8px 8px!important;min-width:0!important;flex:1 1 0!important}
.arena-kicker{display:block!important;margin-bottom:12px!important;color:rgba(231,238,247,.66)!important}
#playerDetail .detail-hero-head{display:none!important}
#playerDetail .detail-section-kicker,#playerDetail .detail-section-sub{display:none!important}
#playerDetail .detail-panel-shell{gap:14px!important}
#playerDetail .detail-section-head{gap:0!important;max-width:none!important}
@media (max-width:1200px){.top-nav__inner{grid-template-columns:210px minmax(0,1fr)!important}.top-search{grid-template-columns:minmax(0,1fr) 124px 124px 92px 72px!important}.main{width:min(var(--shell-max),calc(100vw - 40px))!important}}
@media (max-width:760px){.top-nav{padding:0 16px!important}.top-nav__inner,.main{width:calc(100vw - 32px)!important}.top-nav__menu{max-width:none!important}.top-nav__menu button{min-width:78px!important;padding:0 12px!important}.top-search{grid-template-columns:1fr 1fr!important}.top-search .btn{grid-column:1 / -1}}


/* === v10.5.9.4 hero cleanup lock === */
.main{padding-top:calc(var(--top-nav-h) + 6px)!important}
.arena-hero{margin-top:0!important;padding-top:16px!important;min-height:272px!important}
.hero-card-stack--single{width:min(420px,100%)!important;height:250px!important;transform:none!important;perspective:none!important}
.hero-card-stack--single::after{display:none!important}
.hero-card-stack--single::before{left:18%!important;right:18%!important;bottom:8px!important;height:72px!important;opacity:.72!important}
.hero-card-stack--single .arena-card--main{left:50%!important;right:auto!important;bottom:-8px!important;width:228px!important;transform:translateX(-50%)!important;filter:brightness(1.01) saturate(1.01) drop-shadow(0 22px 34px rgba(2,8,15,.24))!important}
.arena-visual .hero-accent-orbit,.arena-card--second,.arena-card--third,.arena-card--fourth,.arena-card--fifth,.arena-card--sixth{display:none!important}
@media (max-width:1200px){.main{padding-top:calc(var(--top-nav-h) + 18px)!important}.arena-hero{padding-top:18px!important}.hero-card-stack--single{width:min(360px,100%)!important;height:220px!important}.hero-card-stack--single .arena-card--main{width:196px!important}}
@media (max-width:760px){.main{padding-top:150px!important}.arena-hero{padding-top:18px!important}.hero-card-stack--single{width:100%!important;height:184px!important}.hero-card-stack--single .arena-card--main{width:150px!important;bottom:0!important}}

/* v10.5.9.5 hero duo layout rebuild */
.arena-hero.panel{min-height:476px!important;padding:28px 28px 18px!important;align-items:center!important;overflow:hidden!important}
.arena-copy{position:relative!important;z-index:2!important;padding-right:8px!important}
.arena-kicker{position:relative!important;z-index:3!important}
.arena-title,#heroTitle{position:relative!important;z-index:1!important;font-size:clamp(79px,9.18vw,135px)!important;line-height:.88!important;letter-spacing:-.075em!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important}
#heroSubtitle{margin-top:14px!important;font-size:24px!important;color:rgba(238,242,248,.86)!important}
.arena-actions{margin-top:22px!important;position:relative!important;z-index:3!important}
.arena-visual{position:relative!important;z-index:3!important;min-height:420px!important;align-self:stretch!important;overflow:visible!important}
.hero-card-stack--duo{position:relative!important;width:min(640px,100%)!important;height:100%!important;min-height:420px!important;margin-left:auto!important;transform:none!important;perspective:none!important;isolation:isolate!important}
.hero-card-stack--duo::before{content:''!important;position:absolute!important;right:42px!important;bottom:18px!important;width:340px!important;height:88px!important;border-radius:999px!important;background:radial-gradient(ellipse at center,rgba(3,95,159,.14),rgba(231,19,26,.06) 48%,transparent 78%)!important;filter:blur(18px)!important;opacity:.95!important}
.hero-card-stack--duo::after{content:''!important;position:absolute!important;inset:4% 14% 8% 18%!important;background:radial-gradient(circle at 54% 40%,rgba(255,255,255,.12),transparent 36%),radial-gradient(circle at 72% 50%,rgba(70,112,214,.16),transparent 32%),radial-gradient(circle at 30% 55%,rgba(31,31,44,.3),transparent 44%)!important;pointer-events:none!important}
.hero-card-stack--duo .arena-card{position:absolute!important;object-fit:contain!important;object-position:center bottom!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;max-width:none!important}
.hero-card-stack--duo .arena-card.is-hidden{display:none!important}
.hero-card-stack--duo .arena-card--main{left:54%!important;bottom:-2%!important;width:344px!important;height:auto!important;z-index:2!important;transform:translateX(-50%) rotate(-7.8deg)!important;filter:drop-shadow(0 30px 34px rgba(0,0,0,.34))!important}
.hero-card-stack--duo .arena-card--secondary{left:76%!important;bottom:4%!important;width:274px!important;height:auto!important;z-index:3!important;transform:translateX(-50%) rotate(10.5deg)!important;filter:drop-shadow(0 24px 28px rgba(0,0,0,.28))!important}
@media (max-width:1200px){.arena-hero.panel{min-height:420px!important;padding:24px 24px 16px!important}.arena-title,#heroTitle{font-size:clamp(58px,8.1vw,101px)!important}.arena-visual{min-height:340px!important}.hero-card-stack--duo{width:min(520px,100%)!important;min-height:340px!important}.hero-card-stack--duo .arena-card--main{width:280px!important;left:56%!important;bottom:0!important}.hero-card-stack--duo .arena-card--secondary{width:224px!important;left:78%!important;bottom:5%!important}}
@media (max-width:760px){.arena-hero.panel{grid-template-columns:1fr!important;min-height:auto!important;padding:22px 16px 14px!important}.arena-title,#heroTitle{font-size:clamp(43px,13.5vw,68px)!important;white-space:normal!important;line-height:.9!important}.arena-visual{min-height:260px!important;margin-top:6px!important}.hero-card-stack--duo{width:100%!important;min-height:260px!important;height:260px!important}.hero-card-stack--duo .arena-card--main{width:190px!important;left:56%!important;bottom:0!important}.hero-card-stack--duo .arena-card--secondary{width:150px!important;left:77%!important;bottom:8%!important}}

/* v10.5.9.9 hero + players stabilization */
.top-nav__menu{padding:0!important;background:none!important;border:none!important;box-shadow:none!important}
.top-nav__menu button{flex:0 0 auto!important}

.hero-card-stack--duo{
  width:min(600px,100%)!important;
  transform:translateY(-10%)!important;
  transform-origin:76% 54%!important;
}
.hero-card-stack--duo .arena-card--main{
  width:310px!important;
  left:54%!important;
  bottom:-2%!important;
}
.hero-card-stack--duo .arena-card--secondary{
  width:247px!important;
  left:76%!important;
  bottom:4%!important;
}
@media (max-width:1200px){
  .hero-card-stack--duo{width:min(500px,100%)!important;transform:none!important;transform-origin:74% 56%!important}
  .hero-card-stack--duo .arena-card--main{width:252px!important;left:56%!important;bottom:0!important}
  .hero-card-stack--duo .arena-card--secondary{width:202px!important;left:78%!important;bottom:5%!important}
}
@media (max-width:760px){
  .hero-card-stack--duo{width:100%!important;transform:none!important;transform-origin:center center!important}
  .hero-card-stack--duo .arena-card--main{width:171px!important;left:56%!important;bottom:0!important}
  .hero-card-stack--duo .arena-card--secondary{width:135px!important;left:77%!important;bottom:8%!important}
}

#playersView{display:block!important}
#playersView>.page-hero,
#playersView .players-toolbar,
#playersView .players-helper,
#playersView .players-pill,
#playersView .ghost-link{display:none!important}
#playersView .players-stage{overflow:visible!important}
.players-stage--clean{padding-top:18px!important}

#playersGrid.players-grid-paged{
  grid-template-columns:repeat(auto-fill,minmax(228px,1fr))!important;
  align-items:start!important;
  justify-items:center!important;
}
#playersGrid.players-grid-paged .card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:min(100%,228px)!important;
  max-width:228px!important;
  min-width:0!important;
  overflow:visible!important;
}
#playersGrid.players-grid-paged .thumb{
  width:100%!important;
  max-width:228px!important;
  overflow:hidden!important;
}
#playersGrid.players-grid-paged .thumb img{
  object-fit:cover!important;
  object-position:center top!important;
}
#playersGrid.players-grid-paged .card-body{
  width:100%!important;
  max-width:228px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0 auto!important;
  padding:10px 8px 0!important;
  overflow:hidden!important;
}
#playersGrid.players-grid-paged .name,
#playersGrid.players-grid-paged .meta{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#playersGrid.players-grid-paged .chips{
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  gap:6px!important;
}
#playersGrid.players-grid-paged .chip{
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#playersGrid .card::before,
#playersGrid .card::after,
#playersGrid .thumb::before,
#playersGrid .thumb::after,
.card .traffic-lights,
.card .window-controls,
.card .fake-window-buttons,
.card .mac-dots,
.card .card-window-controls,
.card .window-dots{display:none!important}

@media (max-width:760px){
  #playersGrid.players-grid-paged{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #playersGrid.players-grid-paged .card,
  #playersGrid.players-grid-paged .thumb,
  #playersGrid.players-grid-paged .card-body{max-width:100%!important;width:100%!important}
}


/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



/* v8.2.1-c.4.2 nav horizontal alignment fix */
.top-nav{padding:10px 24px 8px!important}
.top-nav__inner{
  height:var(--top-nav-h)!important;
  min-height:54px!important;
  align-items:center!important;
}
.top-nav__brand{
  height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:center!important;
  padding:0!important;
}
.top-nav__brand-logo{
  display:block!important;
  width:auto!important;
  max-width:min(205px,100%)!important;
  height:42px!important;
  max-height:42px!important;
  object-fit:contain!important;
  object-position:center left!important;
  transform:translateY(-1px)!important;
}
.top-nav__menu,
.top-nav__tools{
  min-height:54px!important;
  align-self:center!important;
}
.top-nav__menu button,
.top-search input,
.top-search select,
.top-search .btn{
  height:40px!important;
}
.top-nav__menu button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media (max-width:1200px){
  .top-nav__brand{height:50px!important}
  .top-nav__brand-logo{height:38px!important;max-height:38px!important}
}
@media (max-width:760px){
  .top-nav__brand{height:auto!important}
  .top-nav__brand-logo{height:34px!important;max-height:34px!important;transform:none!important}
}

/* Final QA polish: unify page headers, shells, and card rhythm across Home / Players / Collections / Series / Detail */
:root{--shell-max:1360px;--page-hero-title:clamp(28px,2.4vw,36px);--page-hero-sub:13px;--panel-radius:26px}
.main{max-width:var(--shell-max)!important;width:min(var(--shell-max),calc(100vw - 40px))!important;padding-bottom:30px!important}
.panel,.list-panel,.collection-surface,.players-stage,.hero,.sum-panel,.hz-panel,.dense-group{border-radius:var(--panel-radius)!important}
.page-hero{padding:2px 2px 0!important;gap:14px!important;align-items:flex-end!important}
.page-hero .eyebrow{font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:rgba(222,230,238,.62)!important;font-weight:800!important;margin-bottom:8px!important}
.page-hero h2{font-size:var(--page-hero-title)!important;line-height:1.02!important;letter-spacing:-.04em!important}
.page-hero .sub{font-size:var(--page-hero-sub)!important;line-height:1.55!important;color:rgba(222,230,238,.78)!important;max-width:760px!important;margin-top:8px!important}
.inline-metrics{gap:10px!important}
.metric-chip,.players-pill,.players-backlink{border-radius:999px!important;border:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))!important;box-shadow:none!important}
.metric-chip{padding:9px 13px!important;font-size:11px!important;color:rgba(233,240,247,.82)!important}
.metric-chip strong{font-size:13px!important}
.players-toolbar{align-items:center!important;gap:14px!important}
.players-helper{gap:8px!important}
.players-pill{padding:8px 12px!important;font-size:11px!important}
.players-backlink{padding:8px 12px!important;color:#e7eef7!important}
.grid{gap:24px 18px!important}
.card-body{padding-top:12px!important}
.name{font-size:15px!important;line-height:1.22!important}
.meta{font-size:12px!important;line-height:1.45!important}
.collections-bread{margin-bottom:16px!important}
.collections-bread .current{font-weight:800!important}
.collection-tabs-toolbar{align-items:flex-end!important}
.collection-tabs-title{letter-spacing:-.03em!important}
.series-stage{padding-top:2px!important}
.series-icon-grid{gap:18px 16px!important}
.series-icon-card{padding:20px 14px 14px!important;border-radius:24px!important;min-height:212px!important}
.series-icon-art{min-height:132px!important}
.series-icon-art img{max-height:120px!important}
.series-card-name{margin-top:10px!important;font-size:14px!important;line-height:1.28!important;font-weight:800!important}
@media (max-width:1200px){.main{width:min(var(--shell-max),calc(100vw - 40px))!important}.grid{gap:22px 16px!important}.series-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:760px){.main{width:calc(100vw - 32px)!important}.page-hero h2{font-size:28px!important}.grid{gap:20px 14px!important}.series-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 12px!important}.series-icon-card{min-height:188px!important;padding:18px 12px 12px!important}.series-icon-art{min-height:110px!important}.series-icon-art img{max-height:102px!important}}


/* v10.1 nav + bilingual + hero/detail cleanup */
.top-nav__inner{grid-template-columns:210px 280px minmax(0,1fr)!important;gap:14px!important}
.top-search{display:grid!important;grid-template-columns:minmax(180px,.88fr) 128px 128px 96px 74px!important;gap:8px!important;align-items:center!important}
.top-search > *{min-width:0!important}
.top-search input{min-width:0!important}
.top-search .btn.primary{padding:0 10px!important;min-width:74px!important;font-size:11px!important;letter-spacing:.08em!important}
.lang-switch{min-width:96px!important;width:96px!important}
.lang-switch button{padding:8px 8px!important;min-width:0!important;flex:1 1 0!important}
.arena-kicker{display:block!important;margin-bottom:12px!important;color:rgba(231,238,247,.66)!important}
#playerDetail .detail-hero-head{display:none!important}
#playerDetail .detail-section-kicker,#playerDetail .detail-section-sub{display:none!important}
#playerDetail .detail-panel-shell{gap:14px!important}
#playerDetail .detail-section-head{gap:0!important;max-width:none!important}
@media (max-width:1200px){.top-nav__inner{grid-template-columns:210px minmax(0,1fr)!important}.top-search{grid-template-columns:minmax(0,1fr) 124px 124px 92px 72px!important}.main{width:min(var(--shell-max),calc(100vw - 40px))!important}}
@media (max-width:760px){.top-nav{padding:0 16px!important}.top-nav__inner,.main{width:calc(100vw - 32px)!important}.top-nav__menu{max-width:none!important}.top-nav__menu button{min-width:78px!important;padding:0 12px!important}.top-search{grid-template-columns:1fr 1fr!important}.top-search .btn{grid-column:1 / -1}}



/* v17 nav glass unification + stronger menu glow */
.top-search input,
.top-search select,
.top-search .btn,
#globalOvr,
#globalSeries,
#langToggle,
#resetBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22),
    0 0 16px rgba(126,176,255,.06),
    0 0 28px rgba(255,222,184,.03) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
  color:#eef4ff !important;
}
.top-search input::placeholder{color:rgba(232,240,255,.52)!important}
.top-search input:focus,
.top-search select:focus,
.top-search .btn:focus,
#globalOvr:focus,
#globalSeries:focus,
#langToggle:focus,
#resetBtn:focus{
  border-color:rgba(198,224,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(198,224,255,.06),
    0 0 20px rgba(138,196,255,.11),
    0 0 34px rgba(255,224,190,.05)!important;
}
.top-search .btn,
#langToggle,
#resetBtn{
  position:relative!important;
  overflow:hidden!important;
}
.top-search .btn::before,
#langToggle::before,
#resetBtn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}
.top-nav__menu button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 58%, rgba(255,255,255,.018) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.022),
    0 10px 22px rgba(0,0,0,.18),
    0 0 14px rgba(138,196,255,.05),
    0 0 24px rgba(255,223,188,.03) !important;
  color:#eef4ff!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 56%, rgba(255,255,255,.025) 100%) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(138,196,255,.10),
    0 0 30px rgba(255,223,188,.05)!important;
  color:#ffffff!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(255,255,255,.74), rgba(176,223,255,.96) 55%, rgba(255,226,194,.82))!important;
  box-shadow:0 0 10px rgba(176,223,255,.22), 0 0 18px rgba(255,226,194,.10)!important;
}



/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



/* v9 compare alignment cleanup */
.compare-player-top--editorial > :first-child,
.compare-player-top--editorial > :last-child{
  transform:none!important;
}
.compare-grid-col:nth-child(2),
.compare-grid-col:nth-child(3){
  padding-top:0!important;
}
.compare-group-card__head,
.compare-stat-row,
.compare-anim-row,
.compare-badge-row{
  grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr) minmax(0,.7fr)!important;
}
.compare-group-card__head{
  padding-bottom:0!important;
  margin-bottom:10px!important;
  border-bottom:none!important;
  gap:12px!important;
}
.compare-group-card__title{
  padding-bottom:0!important;
  margin-bottom:0!important;
  border-bottom:none!important;
}
.compare-group-card__player-slot{
  justify-content:flex-start!important;
  min-width:0!important;
}
.compare-mini-player{
  width:100%!important;
  justify-content:flex-start!important;
}
.compare-mini-player .same-card-hex,
.compare-mini-player .compare-mini-hex{
  flex:0 0 auto!important;
}
.compare-badge-cell,
.compare-stat-cell{
  justify-content:flex-start!important;
}
.compare-anim-cell,
.compare-badge-cell,
.compare-stat-cell{
  width:100%!important;
  box-sizing:border-box!important;
}
.compare-badge-table,
.compare-stat-table,
.compare-anim-table{
  gap:0!important;
}

/* v10.1 nav + bilingual + hero/detail cleanup */
.top-nav__inner{grid-template-columns:210px 280px minmax(0,1fr)!important;gap:14px!important}
.top-search{display:grid!important;grid-template-columns:minmax(180px,.88fr) 128px 128px 96px 74px!important;gap:8px!important;align-items:center!important}
.top-search > *{min-width:0!important}
.top-search input{min-width:0!important}
.top-search .btn.primary{padding:0 10px!important;min-width:74px!important;font-size:11px!important;letter-spacing:.08em!important}
.lang-switch{min-width:96px!important;width:96px!important}
.lang-switch button{padding:8px 8px!important;min-width:0!important;flex:1 1 0!important}
.arena-kicker{display:block!important;margin-bottom:12px!important;color:rgba(231,238,247,.66)!important}
#playerDetail .detail-hero-head{display:none!important}
#playerDetail .detail-section-kicker,#playerDetail .detail-section-sub{display:none!important}
#playerDetail .detail-panel-shell{gap:14px!important}
#playerDetail .detail-section-head{gap:0!important;max-width:none!important}
@media (max-width:1200px){.top-nav__inner{grid-template-columns:210px minmax(0,1fr)!important}.top-search{grid-template-columns:minmax(0,1fr) 124px 124px 92px 72px!important}.main{width:min(var(--shell-max),calc(100vw - 40px))!important}}
@media (max-width:760px){.top-nav{padding:0 16px!important}.top-nav__inner,.main{width:calc(100vw - 32px)!important}.top-nav__menu{max-width:none!important}.top-nav__menu button{min-width:78px!important;padding:0 12px!important}.top-search{grid-template-columns:1fr 1fr!important}.top-search .btn{grid-column:1 / -1}}



/* v17 nav glass unification + stronger menu glow */
.top-search input,
.top-search select,
.top-search .btn,
#globalOvr,
#globalSeries,
#langToggle,
#resetBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22),
    0 0 16px rgba(126,176,255,.06),
    0 0 28px rgba(255,222,184,.03) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
  color:#eef4ff !important;
}
.top-search input::placeholder{color:rgba(232,240,255,.52)!important}
.top-search input:focus,
.top-search select:focus,
.top-search .btn:focus,
#globalOvr:focus,
#globalSeries:focus,
#langToggle:focus,
#resetBtn:focus{
  border-color:rgba(198,224,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(198,224,255,.06),
    0 0 20px rgba(138,196,255,.11),
    0 0 34px rgba(255,224,190,.05)!important;
}
.top-search .btn,
#langToggle,
#resetBtn{
  position:relative!important;
  overflow:hidden!important;
}
.top-search .btn::before,
#langToggle::before,
#resetBtn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}
.top-nav__menu button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 58%, rgba(255,255,255,.018) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.022),
    0 10px 22px rgba(0,0,0,.18),
    0 0 14px rgba(138,196,255,.05),
    0 0 24px rgba(255,223,188,.03) !important;
  color:#eef4ff!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 56%, rgba(255,255,255,.025) 100%) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(138,196,255,.10),
    0 0 30px rgba(255,223,188,.05)!important;
  color:#ffffff!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(255,255,255,.74), rgba(176,223,255,.96) 55%, rgba(255,226,194,.82))!important;
  box-shadow:0 0 10px rgba(176,223,255,.22), 0 0 18px rgba(255,226,194,.10)!important;
}



/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



/* v9 triple compare compact alignment fix */
.compare-shell.has-third{gap:22px!important}
.compare-shell.has-third .compare-head{gap:6px!important;max-width:none!important;padding-left:2px!important}
.compare-shell.has-third .compare-head p{display:none!important}
.compare-shell.has-third .compare-tabs{padding:2px 0 10px 2px!important;margin-top:0!important}
.compare-shell.has-third .compare-player-top--triple{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
.compare-shell.has-third .compare-player-card{padding:14px!important;border-radius:22px!important}
.compare-shell.has-third .compare-player-card__path{margin-bottom:10px!important;padding-left:48px!important;font-size:11px!important;min-height:28px!important;display:flex!important;align-items:center!important}
.compare-shell.has-third .compare-player-card__close{left:14px!important;top:16px!important;z-index:3!important}
.compare-shell.has-third .compare-player-card__main{grid-template-columns:minmax(0,1fr) 108px!important;gap:12px!important}
.compare-shell.has-third .compare-player-card__name{font-size:19px!important;margin-bottom:8px!important}
.compare-shell.has-third .compare-player-card__line{font-size:12px!important;gap:6px!important}
.compare-shell.has-third .compare-player-card__line--muted{margin-top:6px!important;font-size:11px!important}
.compare-shell.has-third .compare-badge-strip{margin-top:10px!important;gap:6px!important}
.compare-shell.has-third .compare-badge-strip span{min-width:30px!important;height:30px!important;border-radius:10px!important;font-size:11px!important}
.compare-shell.has-third .compare-player-card__badges{margin-top:8px!important;font-size:12px!important}
.compare-shell.has-third .compare-player-card__art{border-radius:14px!important}
.compare-shell.has-third .compare-body{gap:12px!important}
.compare-shell.has-third .compare-grid-columns,.compare-shell.has-third .compare-grid-columns--two{gap:12px!important}
.compare-shell.has-third .compare-grid-col,.compare-shell.has-third .compare-grid-col:nth-child(2),.compare-shell.has-third .compare-grid-col:nth-child(3){gap:12px!important;padding-top:0!important}
.compare-shell.has-third .compare-group-card{padding:10px 12px 8px!important;border-radius:18px!important}
.compare-shell.has-third .compare-group-card__head,.compare-shell.has-third .compare-stat-row,.compare-shell.has-third .compare-anim-row,.compare-shell.has-third .compare-badge-row{grid-template-columns:minmax(140px,.95fr) repeat(3,minmax(0,.72fr))!important;gap:8px!important}
.compare-shell.has-third .compare-group-card__head{padding-bottom:4px!important;margin-bottom:4px!important;border-bottom:none!important;align-items:end!important}
.compare-shell.has-third .compare-group-card__title{font-size:14px!important;line-height:1!important;align-self:end!important;margin:0!important}
.compare-shell.has-third .compare-group-card__player-slot{justify-content:flex-start!important;min-width:0!important}
.compare-shell.has-third .compare-mini-player{width:100%!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important}
.compare-shell.has-third .compare-mini-player span:last-child{font-size:11px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.compare-shell.has-third .compare-stat-row,.compare-shell.has-third .compare-badge-row{padding:4px 0!important}
.compare-shell.has-third .compare-anim-row{padding:2px 0!important}
.compare-shell.has-third .compare-stat-label{font-size:12px!important;line-height:1.28!important;padding-right:6px!important}
.compare-shell.has-third .compare-stat-cell{justify-content:flex-start!important}
.compare-shell.has-third .compare-stat-cell .compare-pill{min-width:30px!important;height:30px!important;border-radius:9px!important;font-size:12px!important}
.compare-shell.has-third .compare-badge-cell{justify-content:flex-start!important;min-height:34px!important}
.compare-shell.has-third .compare-badge-icon,.compare-shell.has-third .compare-badge-empty{width:24px!important;height:30px!important}
.compare-shell.has-third .compare-anim-cell{padding:4px 6px!important;border-radius:9px!important;min-height:40px!important}
.compare-shell.has-third .compare-anim-text{font-size:9.5px!important;line-height:1.18!important}
.compare-shell.has-third .compare-anim-meta{margin-top:3px!important;gap:4px!important;flex-wrap:wrap!important;align-items:center!important}
.compare-shell.has-third .compare-anim-cell .anim-grade{min-width:18px!important;height:15px!important;padding:0 4px!important;font-size:8px!important;flex:0 0 auto!important}
.compare-shell.has-third .compare-anim-cell .anim-brief{width:auto!important;max-width:calc(100% - 20px)!important;min-width:max-content!important;min-height:15px!important;height:auto!important;padding:1px 6px!important;font-size:8px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;flex:0 1 auto!important}
.compare-shell.has-third .compare-anim-cell .anim-comment-trigger{width:13px!important;height:13px!important;font-size:8px!important;flex:0 0 auto!important}
@media (max-width:1180px){
  .compare-shell.has-third .compare-player-top--triple{grid-template-columns:1fr!important;gap:12px!important}
  .compare-shell.has-third .compare-grid-columns,.compare-shell.has-third .compare-grid-columns--two{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  .compare-shell.has-third .compare-group-card__head,.compare-shell.has-third .compare-stat-row,.compare-shell.has-third .compare-anim-row,.compare-shell.has-third .compare-badge-row{grid-template-columns:1fr!important}
}

/* v10.1 nav + bilingual + hero/detail cleanup */
.top-nav__inner{grid-template-columns:210px 280px minmax(0,1fr)!important;gap:14px!important}
.top-search{display:grid!important;grid-template-columns:minmax(180px,.88fr) 128px 128px 96px 74px!important;gap:8px!important;align-items:center!important}
.top-search > *{min-width:0!important}
.top-search input{min-width:0!important}
.top-search .btn.primary{padding:0 10px!important;min-width:74px!important;font-size:11px!important;letter-spacing:.08em!important}
.lang-switch{min-width:96px!important;width:96px!important}
.lang-switch button{padding:8px 8px!important;min-width:0!important;flex:1 1 0!important}
.arena-kicker{display:block!important;margin-bottom:12px!important;color:rgba(231,238,247,.66)!important}
#playerDetail .detail-hero-head{display:none!important}
#playerDetail .detail-section-kicker,#playerDetail .detail-section-sub{display:none!important}
#playerDetail .detail-panel-shell{gap:14px!important}
#playerDetail .detail-section-head{gap:0!important;max-width:none!important}
@media (max-width:1200px){.top-nav__inner{grid-template-columns:210px minmax(0,1fr)!important}.top-search{grid-template-columns:minmax(0,1fr) 124px 124px 92px 72px!important}.main{width:min(var(--shell-max),calc(100vw - 40px))!important}}
@media (max-width:760px){.top-nav{padding:0 16px!important}.top-nav__inner,.main{width:calc(100vw - 32px)!important}.top-nav__menu{max-width:none!important}.top-nav__menu button{min-width:78px!important;padding:0 12px!important}.top-search{grid-template-columns:1fr 1fr!important}.top-search .btn{grid-column:1 / -1}}



/* v17 nav glass unification + stronger menu glow */
.top-search input,
.top-search select,
.top-search .btn,
#globalOvr,
#globalSeries,
#langToggle,
#resetBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22),
    0 0 16px rgba(126,176,255,.06),
    0 0 28px rgba(255,222,184,.03) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
  color:#eef4ff !important;
}
.top-search input::placeholder{color:rgba(232,240,255,.52)!important}
.top-search input:focus,
.top-search select:focus,
.top-search .btn:focus,
#globalOvr:focus,
#globalSeries:focus,
#langToggle:focus,
#resetBtn:focus{
  border-color:rgba(198,224,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(198,224,255,.06),
    0 0 20px rgba(138,196,255,.11),
    0 0 34px rgba(255,224,190,.05)!important;
}
.top-search .btn,
#langToggle,
#resetBtn{
  position:relative!important;
  overflow:hidden!important;
}
.top-search .btn::before,
#langToggle::before,
#resetBtn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}
.top-nav__menu button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 58%, rgba(255,255,255,.018) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.022),
    0 10px 22px rgba(0,0,0,.18),
    0 0 14px rgba(138,196,255,.05),
    0 0 24px rgba(255,223,188,.03) !important;
  color:#eef4ff!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 56%, rgba(255,255,255,.025) 100%) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(138,196,255,.10),
    0 0 30px rgba(255,223,188,.05)!important;
  color:#ffffff!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(255,255,255,.74), rgba(176,223,255,.96) 55%, rgba(255,226,194,.82))!important;
  box-shadow:0 0 10px rgba(176,223,255,.22), 0 0 18px rgba(255,226,194,.10)!important;
}



/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



/* remove accidental second document rendering gap */
body{overflow-x:hidden!important}
/* players cards: no backdrop plate, more breathing room under art */
#playersView .players-stage{padding-top:8px!important;padding-bottom:8px!important;background:none!important;border:none!important;box-shadow:none!important}
#playersGrid.players-grid-paged{gap:30px 22px!important}
#playersGrid.players-grid-paged .card{background:none!important;border:none!important;box-shadow:none!important;align-items:center!important}
#playersGrid.players-grid-paged .card::before,
#playersGrid.players-grid-paged .card::after,
#playersGrid.players-grid-paged .thumb::before,
#playersGrid.players-grid-paged .thumb::after{display:none!important;content:none!important}
#playersGrid.players-grid-paged .thumb{display:flex!important;align-items:flex-start!important;justify-content:center!important;width:auto!important;max-width:100%!important;aspect-ratio:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
#playersGrid.players-grid-paged .thumb img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center top!important;background:none!important;box-shadow:none!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))!important}
#playersGrid.players-grid-paged .card-body{padding:16px 4px 0!important;margin-top:2px!important;background:none!important;box-shadow:none!important}
#playersGrid.players-grid-paged .name{line-height:1.22!important}
#playersGrid.players-grid-paged .meta{margin-top:8px!important;line-height:1.45!important}
#playersGrid.players-grid-paged .chips{margin-top:12px!important;gap:8px!important}
@media (max-width:760px){
  #playersGrid.players-grid-paged{gap:24px 14px!important}
  #playersGrid.players-grid-paged .card-body{padding-top:12px!important}
}


/* v17 nav glass unification + stronger menu glow */
.top-search input,
.top-search select,
.top-search .btn,
#globalOvr,
#globalSeries,
#langToggle,
#resetBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22),
    0 0 16px rgba(126,176,255,.06),
    0 0 28px rgba(255,222,184,.03) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
  color:#eef4ff !important;
}
.top-search input::placeholder{color:rgba(232,240,255,.52)!important}
.top-search input:focus,
.top-search select:focus,
.top-search .btn:focus,
#globalOvr:focus,
#globalSeries:focus,
#langToggle:focus,
#resetBtn:focus{
  border-color:rgba(198,224,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(198,224,255,.06),
    0 0 20px rgba(138,196,255,.11),
    0 0 34px rgba(255,224,190,.05)!important;
}
.top-search .btn,
#langToggle,
#resetBtn{
  position:relative!important;
  overflow:hidden!important;
}
.top-search .btn::before,
#langToggle::before,
#resetBtn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}
.top-nav__menu button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 58%, rgba(255,255,255,.018) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.022),
    0 10px 22px rgba(0,0,0,.18),
    0 0 14px rgba(138,196,255,.05),
    0 0 24px rgba(255,223,188,.03) !important;
  color:#eef4ff!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 56%, rgba(255,255,255,.025) 100%) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(138,196,255,.10),
    0 0 30px rgba(255,223,188,.05)!important;
  color:#ffffff!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(255,255,255,.74), rgba(176,223,255,.96) 55%, rgba(255,226,194,.82))!important;
  box-shadow:0 0 10px rgba(176,223,255,.22), 0 0 18px rgba(255,226,194,.10)!important;
}



/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



/* v10.5.10.4 hero title + kicker + duo position */
.arena-copy,.arena-kicker,.arena-title,#heroTitle{text-align:left!important}
.arena-kicker{font-size:22px!important;line-height:1!important;margin-bottom:6px!important;margin-left:0!important;position:relative!important;z-index:3!important}
.arena-copy{position:relative!important;z-index:1!important}
.arena-title,#heroTitle{position:relative!important;z-index:1!important;font-size:clamp(46px,5.35vw,76px)!important;line-height:.88!important;letter-spacing:-.07em!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important}
.arena-actions{position:relative!important;z-index:3!important}
.arena-visual{position:relative!important;z-index:4!important}
.hero-card-stack--duo{transform:translateY(-5%)!important}
@media (max-width:1200px){
  .arena-title,#heroTitle{font-size:clamp(36px,4.95vw,62px)!important}
  .hero-card-stack--duo{transform:translateY(-4%)!important}
}
@media (max-width:760px){
  .arena-title,#heroTitle{font-size:clamp(32px,9.5vw,50px)!important;white-space:normal!important}
  .hero-card-stack--duo{transform:translateY(-3%)!important}
}


/* v17 nav glass unification + stronger menu glow */
.top-search input,
.top-search select,
.top-search .btn,
#globalOvr,
#globalSeries,
#langToggle,
#resetBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22),
    0 0 16px rgba(126,176,255,.06),
    0 0 28px rgba(255,222,184,.03) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
  color:#eef4ff !important;
}
.top-search input::placeholder{color:rgba(232,240,255,.52)!important}
.top-search input:focus,
.top-search select:focus,
.top-search .btn:focus,
#globalOvr:focus,
#globalSeries:focus,
#langToggle:focus,
#resetBtn:focus{
  border-color:rgba(198,224,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(198,224,255,.06),
    0 0 20px rgba(138,196,255,.11),
    0 0 34px rgba(255,224,190,.05)!important;
}
.top-search .btn,
#langToggle,
#resetBtn{
  position:relative!important;
  overflow:hidden!important;
}
.top-search .btn::before,
#langToggle::before,
#resetBtn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}
.top-nav__menu button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 58%, rgba(255,255,255,.018) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.022),
    0 10px 22px rgba(0,0,0,.18),
    0 0 14px rgba(138,196,255,.05),
    0 0 24px rgba(255,223,188,.03) !important;
  color:#eef4ff!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 56%, rgba(255,255,255,.025) 100%) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(138,196,255,.10),
    0 0 30px rgba(255,223,188,.05)!important;
  color:#ffffff!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(255,255,255,.74), rgba(176,223,255,.96) 55%, rgba(255,226,194,.82))!important;
  box-shadow:0 0 10px rgba(176,223,255,.22), 0 0 18px rgba(255,226,194,.10)!important;
}



/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



/* global visual polish: player detail + collections, no layout rewrite */
:root{
  --glass-1:rgba(255,255,255,.05);
  --glass-2:rgba(255,255,255,.022);
  --glass-line:rgba(255,255,255,.08);
  --glass-line-soft:rgba(255,255,255,.055);
  --text-soft:rgba(232,238,248,.72);
  --text-faint:rgba(232,238,248,.5);
}

/* detail page */
#playerDetail{position:relative!important}
#playerDetail>.hero{
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.045), transparent 26%),
    radial-gradient(circle at 82% 16%, rgba(86,121,255,.11), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018))!important;
  border:1px solid var(--glass-line-soft)!important;
  box-shadow:0 26px 64px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#playerDetail .hero-img{background:transparent!important;border:none!important;box-shadow:none!important}
#playerDetail .hero-img img{filter:drop-shadow(0 20px 36px rgba(0,0,0,.34))!important}
#playerDetail .player-name{
  color:#f7f8fc!important;
  text-shadow:0 8px 30px rgba(255,255,255,.06), 0 1px 0 rgba(255,255,255,.08)!important;
}
#playerDetail .bread{color:#ced8ea!important;opacity:.9!important}
#playerDetail .hero-idline,
#playerDetail .detail-hero-sub,
#playerDetail .detail-section-sub{color:var(--text-soft)!important}
#playerDetail .ovr-chip,
#playerDetail .detail-chip{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.028))!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.12)!important;
}
#playerDetail .ovr-chip strong,
#playerDetail .detail-chip strong{color:#fafbfe!important}
#playerDetail .meta-grid{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018))!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#playerDetail .meta-row .k{color:var(--text-faint)!important}
#playerDetail .meta-row .v{color:#f5f7fb!important}
#playerDetail .tabs{border-bottom-color:rgba(255,255,255,.08)!important}
#playerDetail .tab{color:rgba(255,255,255,.5)!important;transition:color .18s ease, text-shadow .18s ease!important}
#playerDetail .tab:hover{color:rgba(255,255,255,.86)!important}
#playerDetail .tab.active{color:#fff!important;text-shadow:0 0 22px rgba(147,197,253,.12)!important}
#playerDetail .tab.active::after{background:linear-gradient(90deg, rgba(168,85,247,.9), rgba(96,165,250,.95))!important;box-shadow:0 0 18px rgba(96,165,250,.24)!important}
#playerDetail .sum-panel,
#playerDetail .hz-panel,
#playerDetail .stat-group,
#playerDetail .dense-group,
#playerDetail .badge-group,
#playerDetail .anim-card,
#playerDetail .compare-box,
#playerDetail .hero-side .panel,
#playerDetail .detail-panel-shell .panel{
  background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#playerDetail .stat-group h4,
#playerDetail .dense-group h4,
#playerDetail .badge-group h4,
#playerDetail .detail-section-title{color:#f8faff!important}
#playerDetail .stat-group h4,
#playerDetail .dense-group h4,
#playerDetail .badge-group h4,
#playerDetail .detail-section-kicker,
#playerDetail .evo-label,
#playerDetail .compare-box .label{color:var(--text-faint)!important}
#playerDetail .stat-list li,
#playerDetail .dense-list li,
#playerDetail .badge-list li{border-bottom-color:rgba(255,255,255,.05)!important}
#playerDetail .hz-panel .hz-label,
#playerDetail .sum-panel .k,
#playerDetail .sum-panel .label{color:var(--text-faint)!important}
#playerDetail .sum-panel strong,
#playerDetail .hz-panel strong{color:#fff!important}
#playerDetail .compare-btn{background:linear-gradient(135deg, rgba(167,139,250,.92), rgba(96,165,250,.92))!important;box-shadow:0 14px 34px rgba(96,165,250,.2)!important}
#playerDetail .evo-stage{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.026))!important;border:1px solid rgba(255,255,255,.08)!important;color:#eef2ff!important}
#playerDetail .anim-grade{box-shadow:0 8px 20px rgba(0,0,0,.18)!important}
#playerDetail .anim-brief{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.07)!important}



/* player detail magic border effect for tendencies / animations */
#playerDetail .magic-border-card,
#homeCollections .series-item{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  --mb-glow-color:255, 255, 255;
  --mb-glow-x:50%;
  --mb-glow-y:50%;
  --mb-glow-intensity:0;
  --mb-glow-radius:400px;
  --mb-border-alpha:.08;
  transition:border-color .24s ease, box-shadow .24s ease, background .24s ease!important;
  transform-style:preserve-3d;
  will-change:transform, box-shadow;
}
#homeCollections .series-item{transform-origin:center center;}
#playerDetail .magic-border-card::before,
#homeCollections .series-item::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  border:1px solid rgba(255,255,255,var(--mb-border-alpha));
  z-index:0;
}
#playerDetail .magic-border-card::after,
#homeCollections .series-item::after{
  content:"";
  position:absolute;
  inset:0;
  padding:1.25px;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  opacity:calc(.16 + var(--mb-glow-intensity) * .96);
  background:
    radial-gradient(
      var(--mb-glow-radius) circle at var(--mb-glow-x) var(--mb-glow-y),
      rgba(var(--mb-glow-color), calc(var(--mb-glow-intensity) * .92)) 0%,
      rgba(var(--mb-glow-color), calc(var(--mb-glow-intensity) * .55)) 22%,
      rgba(var(--mb-glow-color), calc(var(--mb-glow-intensity) * .22)) 42%,
      transparent 66%
    );
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite:exclude;
}
#playerDetail .magic-border-card.is-magic-active,
#homeCollections .series-item.is-magic-active{
  box-shadow:
    0 22px 46px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.04),
    0 0 28px rgba(255,255,255,.16)!important;
}
#playerDetail .magic-border-card .magic-border-particle,
#playerDetail .magic-border-card .magic-border-ripple,
#homeCollections .series-item .magic-border-particle,
#homeCollections .series-item .magic-border-ripple{
  position:absolute;
  pointer-events:none;
  z-index:2;
}
#playerDetail .magic-border-card .magic-border-particle,
#homeCollections .series-item .magic-border-particle{
  width:4px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  box-shadow:0 0 10px rgba(255,255,255,.7), 0 0 18px rgba(255,255,255,.35);
}
#playerDetail .magic-border-card .magic-border-ripple,
#homeCollections .series-item .magic-border-ripple{
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,255,255,.34) 0%, rgba(255,255,255,.2) 30%, rgba(255,255,255,.09) 48%, transparent 72%);
}
#playerDetail .magic-border-card > *,
#homeCollections .series-item > *{position:relative;z-index:3}
#homeCollections .series-item{box-shadow:0 20px 48px rgba(0,0,0,.18)!important}
#homeCollections .series-item::after{display:none!important}
#homeCollections .series-item::before{border-color:rgba(255,255,255,.06)!important}
@media (max-width: 768px){
  #playerDetail .magic-border-card,
  #homeCollections .series-item{--mb-glow-radius:280px}
  #playerDetail .magic-border-card::after,
  #homeCollections .series-item::after{opacity:.22}
}

/* collections + home collection surfaces */
#collectionsView,
.collections-shell,
.collections-shell-v2,
.collections-page-v3{position:relative!important}
#collectionsView .page-hero,
#collectionsView .collection-surface,
#collectionsView .series-stage,
#collectionsView .list-panel,
#homeCollectionsWrap,
#homeCollectionsWrap .list-panel,
.collection-card,
.series-item{
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,.04), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.028)!important;
}
#collectionsView .page-title,
#collectionsView .collection-tabs-title,
#collectionsView .series-name,
#collectionsView .series-card-name,
#homeCollections .series-name{
  color:#f8faff!important;
  text-shadow:0 8px 24px rgba(255,255,255,.05)!important;
}
#collectionsView .collections-bread,
#collectionsView .collection-tabs-count,
#collectionsView .series-sub,
#collectionsView .series-meta,
#homeCollections .series-sub,
#homeCollections .series-meta{color:var(--text-soft)!important}
#collectionsView .collection-tabs{border-bottom-color:rgba(255,255,255,.08)!important}
#collectionsView .collection-tab{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.022))!important;
  border-color:rgba(255,255,255,.065)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028)!important;
}
#collectionsView .collection-tab:hover{border-color:rgba(255,255,255,.1)!important;box-shadow:0 12px 26px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.04)!important}
#collectionsView .series-detail-hero{
  background:none!important;
  border:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

#collectionsView .collection-tab.active{
  background:linear-gradient(135deg, rgba(147,197,253,.18), rgba(168,85,247,.16))!important;
  border-color:rgba(147,197,253,.34)!important;
  box-shadow:0 14px 34px rgba(59,130,246,.14), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
#collectionsView .series-icon-card{background:transparent!important;border:none!important;box-shadow:none!important}
#collectionsView .series-icon-art img{filter:drop-shadow(0 18px 34px rgba(0,0,0,.34))!important}
#collectionsView .series-icon-fallback{
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02))!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.collection-card img{background:rgba(255,255,255,.018)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
.collection-card h3,
.series-item h3{color:#fafbff!important}
.series-item .series-count,
.collection-card .series-count{color:#f7f8fe!important}
.series-badge,
.series-stage-pill{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.024))!important;
  border:1px solid rgba(255,255,255,.07)!important;
  color:#edf2fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
#collectionsView .ghost-link,
#homeCollectionsWrap .ghost-link{color:rgba(228,236,247,.74)!important}
#collectionsView .ghost-link:hover,
#homeCollectionsWrap .ghost-link:hover{color:#fff!important}

/* subtle global typography coherence */
.page-title,
.collection-tabs-title,
.player-name,
.detail-section-title{font-family:"Space Grotesk", Inter, sans-serif!important}


/* v17 nav glass unification + stronger menu glow */
.top-search input,
.top-search select,
.top-search .btn,
#globalOvr,
#globalSeries,
#langToggle,
#resetBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22),
    0 0 16px rgba(126,176,255,.06),
    0 0 28px rgba(255,222,184,.03) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
  color:#eef4ff !important;
}
.top-search input::placeholder{color:rgba(232,240,255,.52)!important}
.top-search input:focus,
.top-search select:focus,
.top-search .btn:focus,
#globalOvr:focus,
#globalSeries:focus,
#langToggle:focus,
#resetBtn:focus{
  border-color:rgba(198,224,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(198,224,255,.06),
    0 0 20px rgba(138,196,255,.11),
    0 0 34px rgba(255,224,190,.05)!important;
}
.top-search .btn,
#langToggle,
#resetBtn{
  position:relative!important;
  overflow:hidden!important;
}
.top-search .btn::before,
#langToggle::before,
#resetBtn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}
.top-nav__menu button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 58%, rgba(255,255,255,.018) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.022),
    0 10px 22px rgba(0,0,0,.18),
    0 0 14px rgba(138,196,255,.05),
    0 0 24px rgba(255,223,188,.03) !important;
  color:#eef4ff!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 56%, rgba(255,255,255,.025) 100%) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(138,196,255,.10),
    0 0 30px rgba(255,223,188,.05)!important;
  color:#ffffff!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(255,255,255,.74), rgba(176,223,255,.96) 55%, rgba(255,226,194,.82))!important;
  box-shadow:0 0 10px rgba(176,223,255,.22), 0 0 18px rgba(255,226,194,.10)!important;
}



/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



/* v8 global visual refinement: keep layout, improve font color + glow consistency */
:root{
  --lux-silver-hi:#f7fbff;
  --lux-silver-mid:#d7e0ec;
  --lux-silver-low:#8c97a8;
  --lux-cool-core:rgba(152,210,255,.22);
  --lux-cool-line:rgba(177,222,255,.44);
  --lux-warm-haze:rgba(255,220,182,.10);
  --lux-panel-sheen:rgba(255,255,255,.055);
}

/* global titles + section labels */
.page-title,
.player-name,
.arena-title,
.section-head h2,
.compare-page-title,
#playerDetail h2,
#compareView h2{
  color:var(--lux-silver-hi)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.04), 0 0 10px rgba(152,210,255,.05), 0 0 22px rgba(255,220,182,.03)!important;
}

.arena-kicker,
.detail-hero-kicker,
.compare-box .label,
.evo-label,
.meta-row .k,
.hero-idline,
.detail-chip,
.section-head p,
.detail-hero-sub,
.arena-sub{
  color:rgba(214,223,235,.66)!important;
}

.meta-row .v,
.detail-chip strong,
.ovr-chip strong,
.hero-stat-strip strong,
.bread,
.name,
.compare-stat-value,
.compare-player-name{
  color:var(--lux-silver-hi)!important;
}

/* top nav polish */
.top-nav{
  box-shadow:0 10px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.top-nav__menu button{
  color:rgba(220,228,239,.72)!important;
  text-shadow:0 0 8px rgba(152,210,255,.04)!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  color:var(--lux-silver-hi)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 16px rgba(152,210,255,.05)!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(160,214,255,.82), rgba(245,249,255,.94) 52%, rgba(255,220,182,.68))!important;
  box-shadow:0 0 10px rgba(152,210,255,.14), 0 0 20px rgba(255,220,182,.06)!important;
}

/* shared panels/cards */
.panel,
.meta-grid,
.compare-search-card,
.compare-player-card,
.compare-stat-card,
.compare-group-card,
.collection-card,
.series-item,
.update-item{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015) 26%, rgba(255,255,255,.008) 100%)!important;
  border-color:rgba(255,255,255,.055)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 40px rgba(0,0,0,.22),
    0 0 18px rgba(152,210,255,.05),
    0 0 30px rgba(255,220,182,.025)!important;
}

/* detail/compare tabs refined further */
#playerDetail .tab,
.compare-tab{
  color:rgba(222,230,240,.50)!important;
  text-shadow:0 0 6px rgba(152,210,255,.03)!important;
}
#playerDetail .tab:hover,
.compare-tab:hover{
  color:rgba(243,247,252,.82)!important;
  text-shadow:0 0 8px rgba(152,210,255,.08), 0 0 16px rgba(255,220,182,.03)!important;
}
#playerDetail .tab.active,
.compare-tab.active{
  color:var(--lux-silver-hi)!important;
  text-shadow:0 0 8px rgba(152,210,255,.11), 0 0 18px rgba(255,220,182,.04)!important;
}
#playerDetail .tab.active::after,
.compare-tab.active::after{
  height:1.5px!important;
  background:linear-gradient(90deg, rgba(166,218,255,.22), rgba(238,245,255,.95) 18%, rgba(245,249,255,1) 54%, rgba(255,220,182,.58) 100%)!important;
  box-shadow:0 0 10px rgba(152,210,255,.18), 0 0 22px rgba(255,220,182,.06)!important;
}

/* buttons: preserve readability, make glow cleaner */
.compare-btn,
.compare-add-third-btn,
#playerDetail .compare-btn,
.top-search .btn,
.arena-actions .btn{
  color:var(--lux-silver-hi)!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 7px rgba(152,210,255,.08), 0 0 14px rgba(255,220,182,.03)!important;
  border-color:rgba(255,255,255,.11)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025) 24%, rgba(255,255,255,.008) 100%),
    radial-gradient(circle at 50% 30%, rgba(152,210,255,.11), transparent 42%),
    radial-gradient(circle at 50% 122%, rgba(255,220,182,.065), transparent 40%),
    linear-gradient(180deg, rgba(36,41,50,.985), rgba(10,13,18,.998))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(255,255,255,.02),
    0 12px 28px rgba(0,0,0,.24),
    0 0 12px rgba(152,210,255,.06),
    0 0 22px rgba(255,220,182,.03)!important;
}
.compare-btn:hover,
.compare-add-third-btn:hover,
#playerDetail .compare-btn:hover,
.top-search .btn:hover,
.arena-actions .btn:hover{
  color:#ffffff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.024),
    0 14px 32px rgba(0,0,0,.28),
    0 0 16px rgba(152,210,255,.08),
    0 0 28px rgba(255,220,182,.045)!important;
}
.top-search .btn.primary{
  color:#f7fbff!important;
}

/* inputs/selects */
.top-search input,
.top-search select,
.compare-search-card input,
.compare-search-card select,
#playerDetail .compare-box select,
#playerDetail .compare-box input,
.evo-stage{
  color:var(--lux-silver-mid)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018) 24%, rgba(255,255,255,.008) 100%),
    linear-gradient(180deg, rgba(30,35,44,.96), rgba(12,15,22,.98))!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 rgba(0,0,0,0)!important;
}
.top-search input:focus,
.top-search select:focus,
.compare-search-card input:focus,
.compare-search-card select:focus,
#playerDetail .compare-box select:focus,
#playerDetail .compare-box input:focus{
  border-color:rgba(171,221,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(171,221,255,.14), 0 0 16px rgba(152,210,255,.08), 0 0 24px rgba(255,220,182,.03)!important;
}

/* chips and secondary pills */
.chip,
.ovr-chip,
.detail-chip{
  color:rgba(223,230,239,.76)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018))!important;
  border-color:rgba(255,255,255,.065)!important;
}

/* collection/players thumbs keep cleaner cinematic lift */
.card:hover,
.collection-card:hover,
.series-item:hover,
.update-item:hover{
  box-shadow:0 22px 44px rgba(0,0,0,.26), 0 0 18px rgba(152,210,255,.06), 0 0 30px rgba(255,220,182,.03)!important;
}


/* v17 nav glass unification + stronger menu glow */
.top-search input,
.top-search select,
.top-search .btn,
#globalOvr,
#globalSeries,
#langToggle,
#resetBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22),
    0 0 16px rgba(126,176,255,.06),
    0 0 28px rgba(255,222,184,.03) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
  color:#eef4ff !important;
}
.top-search input::placeholder{color:rgba(232,240,255,.52)!important}
.top-search input:focus,
.top-search select:focus,
.top-search .btn:focus,
#globalOvr:focus,
#globalSeries:focus,
#langToggle:focus,
#resetBtn:focus{
  border-color:rgba(198,224,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(198,224,255,.06),
    0 0 20px rgba(138,196,255,.11),
    0 0 34px rgba(255,224,190,.05)!important;
}
.top-search .btn,
#langToggle,
#resetBtn{
  position:relative!important;
  overflow:hidden!important;
}
.top-search .btn::before,
#langToggle::before,
#resetBtn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}
.top-nav__menu button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 58%, rgba(255,255,255,.018) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.022),
    0 10px 22px rgba(0,0,0,.18),
    0 0 14px rgba(138,196,255,.05),
    0 0 24px rgba(255,223,188,.03) !important;
  color:#eef4ff!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 56%, rgba(255,255,255,.025) 100%) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(138,196,255,.10),
    0 0 30px rgba(255,223,188,.05)!important;
  color:#ffffff!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(255,255,255,.74), rgba(176,223,255,.96) 55%, rgba(255,226,194,.82))!important;
  box-shadow:0 0 10px rgba(176,223,255,.22), 0 0 18px rgba(255,226,194,.10)!important;
}



/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



#playerDetail .compare-box,
.compare-box{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
#playerDetail .compare-box .label,
.compare-box .label{
  display:block !important;
  width:100% !important;
  margin:0 0 10px 0 !important;
}
#playerDetail .action-row,
.action-row{
  padding-top: 0 !important;
}


/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}



/* v21 compare cleanup: remove outer frame and remove double/triple compare copy on compare page */
#compareView .compare-head{gap:0!important;padding-left:0!important;max-width:none!important}
#compareView .compare-kicker,
#compareView .compare-head h2,
#compareView .compare-head p{display:none!important}
#compareView .compare-head__row{justify-content:center!important;align-items:center!important;min-height:0!important;padding:0 0 8px!important}
#compareView .compare-head__row > div:first-child{display:none!important}
#compareView .compare-player-top,
#compareView .compare-body,
#compareView .compare-grid-columns,
#compareView .compare-grid-columns--two,
#compareView .compare-grid-col{gap:18px!important}
#compareView .compare-player-card,
#compareView .compare-group-card,
#compareView .compare-search-card,
#compareView .compare-stat-card{
  border:none!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012))!important;
}
#compareView .compare-player-card.is-left,
#compareView .compare-player-card.is-right,
#compareView .compare-player-card.is-third{box-shadow:none!important}
#compareView .compare-player-card__path,
#compareView .compare-table-head,
#compareView .compare-group-card__title,
#compareView .compare-stat-row,
#compareView .compare-anim-row,
#compareView .compare-badge-row{border-bottom:none!important}
#compareView .compare-group-card__title{padding-bottom:0!important;margin-bottom:10px!important}
#compareView .compare-stat-cell,
#compareView .compare-anim-cell,
#compareView .compare-badge-cell{
  border:none!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
}
#compareView .compare-player-card__art{background:transparent!important;box-shadow:none!important}
#compareView .compare-tabs{
  display:flex!important;
  gap:28px!important;
  flex-wrap:wrap!important;
  padding:2px 0 14px!important;
  margin-top:2px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
#compareView .compare-tab{
  height:auto!important;
  padding:0 0 14px!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.46)!important;
  font-size:13px!important;
  letter-spacing:.05em!important;
  text-transform:none!important;
}
#compareView .compare-tab:hover{color:rgba(255,255,255,.78)!important}
#compareView .compare-tab.active{color:#fff!important}
#compareView .compare-tab::before{display:none!important}
#compareView .compare-tab.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:none!important;
}
#compareView .compare-body:empty{min-height:0!important;padding-top:0!important}
#compareView .compare-shell.has-third{gap:22px!important}
#compareView .compare-shell.has-third .compare-tabs{padding:2px 0 10px 2px!important;margin-top:0!important}


/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}





/* cinematic retune v4: detail tabs + compare action buttons */
:root{
  --wdc-core-blue:rgba(173,216,255,.34);
  --wdc-core-blue-soft:rgba(173,216,255,.18);
  --wdc-warm-halo:rgba(255,214,164,.20);
  --wdc-warm-halo-soft:rgba(255,214,164,.10);
  --wdc-silver-hi:#f7f9ff;
  --wdc-silver-mid:#d8deeb;
  --wdc-silver-low:#7f8797;
  --wdc-ink:#080b12;
}

/* detail tabs: thin cinematic line + silver text, no chunky ui block */
#playerDetail .tabs,
.compare-tabs{
  gap:18px!important;
  padding:8px 0 0!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
#playerDetail .tab,
.compare-tab{
  position:relative!important;
  padding:0 4px 16px!important;
  min-height:auto!important;
  border:none!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(223,230,240,.56)!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  font-size:14px!important;
  font-weight:700!important;
  isolation:isolate!important;
}
#playerDetail .tab:hover,
.compare-tab:hover{
  color:rgba(245,248,255,.82)!important;
  background:transparent!important;
  transform:none!important;
}
#playerDetail .tab.active,
.compare-tab.active{
  color:transparent!important;
  background:linear-gradient(180deg, #ffffff 0%, #e9eef9 38%, #b3bac8 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:
    0 0 10px rgba(170,214,255,.14),
    0 0 18px rgba(255,214,168,.07)!important;
}
#playerDetail .tab::before,
.compare-tab::before{
  content:"";
  position:absolute;
  left:-8px; right:-8px; top:-6px;
  height:36px;
  border-radius:16px 16px 0 0;
  background:
    radial-gradient(circle at 50% 100%, rgba(173,216,255,.08), transparent 56%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 78%);
  opacity:0;
  pointer-events:none;
  filter:blur(.2px);
}
#playerDetail .tab.active::before,
.compare-tab.active::before{
  opacity:1;
}
#playerDetail .tab::after,
.compare-tab::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px;
  height:2px;
  border-radius:999px;
  opacity:0;
  background:linear-gradient(90deg, rgba(165,211,255,.92), rgba(245,248,255,.98) 48%, rgba(255,223,178,.88));
  box-shadow:0 0 10px rgba(161,207,255,.28), 0 0 18px rgba(255,214,168,.13);
}
#playerDetail .tab.active::after,
.compare-tab.active::after{
  opacity:1;
}

/* action buttons: keep cinematic glow, restore readable text, refine metallic body */
.compare-btn,
.compare-add-third-btn,
#playerDetail .compare-btn{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:42px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:15px!important;
  padding:11px 17px!important;
  color:#eef4fb!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.018em!important;
  line-height:1!important;
  text-shadow:0 0 8px rgba(167,211,255,.09), 0 0 14px rgba(255,214,168,.045)!important;
  background:
    radial-gradient(circle at 50% 28%, rgba(168,212,255,.17), transparent 38%),
    radial-gradient(circle at 50% 118%, rgba(255,214,168,.10), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.022) 46%, rgba(255,255,255,.008) 100%),
    linear-gradient(180deg, rgba(30,35,45,.975), rgba(10,13,19,.995))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(167,211,255,.08),
    0 0 22px rgba(255,214,168,.045)!important;
  background-clip:padding-box!important;
}
.compare-btn > *, .compare-add-third-btn > *, #playerDetail .compare-btn > *{ position:relative; z-index:2; color:inherit!important; -webkit-text-fill-color:currentColor!important; }
.compare-btn::before,
.compare-add-third-btn::before,
#playerDetail .compare-btn::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.015) 42%, rgba(255,255,255,0) 100%),
    radial-gradient(circle at 50% 10%, rgba(255,255,255,.07), transparent 48%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.compare-btn::after,
.compare-add-third-btn::after,
#playerDetail .compare-btn::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:22px;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(167,211,255,.10), transparent 52%),
    radial-gradient(circle at 50% 60%, rgba(255,214,168,.07), transparent 62%);
  filter:blur(12px);
  opacity:.72;
  z-index:-1;
}
.compare-btn:hover,
.compare-add-third-btn:hover,
#playerDetail .compare-btn:hover{
  transform:translateY(-1px)!important;
  color:#f7fbff!important;
  -webkit-text-fill-color:currentColor!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.19),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 18px 36px rgba(0,0,0,.26),
    0 0 24px rgba(167,211,255,.12),
    0 0 28px rgba(255,214,168,.075)!important;
}
.compare-add-third-btn,
#playerCompareView .compare-add-third-btn{
  border-color:rgba(255,255,255,.14)!important;
}

/* subtle continuation: refine compare/detail fields and labels into the same cinematic family */
#playerDetail .compare-box .label,
.evo-label,
.compare-box .label{
  color:rgba(230,236,246,.54)!important;
  text-shadow:0 0 8px rgba(167,211,255,.04)!important;
}
.compare-search-card input,
.compare-search-card select,
#playerDetail .compare-box select,
#playerDetail .compare-box input{
  color:#ecf2f9!important;
  border-color:rgba(255,255,255,.10)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(25,29,37,.94), rgba(10,13,19,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 0 1px rgba(0,0,0,.05),
    0 0 10px rgba(167,211,255,.03)!important;
}
.compare-search-card input::placeholder,
#playerDetail .compare-box input::placeholder{
  color:rgba(221,230,241,.42)!important;
}


/* v9 cinematic control refinement: reference-like tabs + neutral luminous action buttons */
:root{
  --ref-silver-hi:#f7fbff;
  --ref-silver-mid:#d8e2ef;
  --ref-silver-low:#9aa7bb;
  --ref-core-blue:rgba(162,214,255,.22);
  --ref-core-blue-strong:rgba(176,223,255,.34);
  --ref-warm-mist:rgba(255,218,178,.12);
}

#playerDetail .tabs,
.compare-tabs{
  gap:34px!important;
  padding-top:10px!important;
  padding-bottom:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}

#playerDetail .tab,
.compare-tab{
  position:relative!important;
  height:auto!important;
  padding:0 0 16px!important;
  margin:0!important;
  background:transparent!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:rgba(244,248,255,.78)!important;
  font-size:13px!important;
  font-weight:620!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  line-height:1.2!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 1px rgba(255,255,255,.06), 0 0 8px rgba(160,214,255,.04)!important;
}

#playerDetail .tab:hover,
.compare-tab:hover{
  color:rgba(250,252,255,.92)!important;
  text-shadow:0 0 1px rgba(255,255,255,.14), 0 0 10px rgba(165,214,255,.06), 0 0 14px rgba(255,218,178,.04)!important;
}

#playerDetail .tab.active,
.compare-tab.active{
  color:var(--ref-silver-hi)!important;
  text-shadow:
    0 0 1px rgba(255,255,255,.18),
    0 0 10px rgba(168,218,255,.07),
    0 0 18px rgba(255,219,178,.05)!important;
}

#playerDetail .tab.active::after,
.compare-tab.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  height:1px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(246,250,255,.98) 18%, rgba(246,250,255,.98) 82%, rgba(255,255,255,.18))!important;
  box-shadow:
    0 0 6px rgba(176,223,255,.18),
    0 0 12px rgba(255,220,180,.08)!important;
}

#playerDetail .tab.active::before,
.compare-tab.active::before{
  content:""!important;
  position:absolute!important;
  left:12%!important;
  right:12%!important;
  bottom:-4px!important;
  height:8px!important;
  background:radial-gradient(circle at 50% 0%, rgba(176,223,255,.16), rgba(255,220,180,.06) 55%, transparent 78%)!important;
  filter:blur(6px)!important;
  pointer-events:none!important;
}

/* detail compare top action buttons */
.compare-btn,
.compare-add-third-btn,
#playerDetail .compare-btn{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 24%, rgba(255,255,255,.008) 100%),
    radial-gradient(circle at 50% 36%, rgba(176,223,255,.13), transparent 44%),
    radial-gradient(circle at 50% 120%, rgba(255,220,180,.08), transparent 44%),
    linear-gradient(180deg, rgba(30,35,43,.98), rgba(9,11,17,.995))!important;
  color:var(--ref-silver-hi)!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.012em!important;
  text-shadow:
    0 0 1px rgba(255,255,255,.18),
    0 0 8px rgba(176,223,255,.08)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.028),
    0 10px 22px rgba(0,0,0,.24),
    0 0 10px rgba(176,223,255,.06),
    0 0 16px rgba(255,220,180,.03)!important;
}

.compare-btn::before,
.compare-add-third-btn::before,
#playerDetail .compare-btn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}

.compare-btn::after,
.compare-add-third-btn::after,
#playerDetail .compare-btn::after{
  content:""!important;
  position:absolute!important;
  inset:-12px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 42%, rgba(176,223,255,.13), transparent 46%),
    radial-gradient(circle at 50% 70%, rgba(255,220,180,.08), transparent 58%)!important;
  filter:blur(14px)!important;
  opacity:.55!important;
  z-index:-1!important;
  pointer-events:none!important;
}

.compare-btn:hover,
.compare-add-third-btn:hover,
#playerDetail .compare-btn:hover{
  color:#fbfdff!important;
  border-color:rgba(255,255,255,.16)!important;
  transform:translateY(-1px)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 12px 26px rgba(0,0,0,.28),
    0 0 12px rgba(176,223,255,.08),
    0 0 18px rgba(255,220,180,.04)!important;
}

.compare-btn span,
.compare-add-third-btn span,
#playerDetail .compare-btn span{
  position:relative!important;
  z-index:2!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}


/* v16 compare module alignment cleanup */
#playerDetail .action-row{border-top:none!important;padding-top:0!important;margin-top:10px!important;}
#playerDetail .action-row::before,#playerDetail .action-row::after{display:none!important;content:none!important;}
#playerDetail .compare-box{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:6px!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;background:transparent!important;}
#playerDetail .compare-box::before,#playerDetail .compare-box::after{display:none!important;content:none!important;}
#playerDetail .compare-box .label{margin:0 0 0 0!important;padding:0!important;line-height:1.1!important;text-align:left!important;align-self:flex-start!important;transform:none!important;}
#playerDetail .compare-btn{margin:0!important;align-self:flex-start!important;}


/* v17 nav glass unification + stronger menu glow */
.top-search input,
.top-search select,
.top-search .btn,
#globalOvr,
#globalSeries,
#langToggle,
#resetBtn{
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035) 52%, rgba(255,255,255,.02) 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 10px 28px rgba(0,0,0,.22),
    0 0 16px rgba(126,176,255,.06),
    0 0 28px rgba(255,222,184,.03) !important;
  backdrop-filter: blur(20px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(120%) !important;
  color:#eef4ff !important;
}
.top-search input::placeholder{color:rgba(232,240,255,.52)!important}
.top-search input:focus,
.top-search select:focus,
.top-search .btn:focus,
#globalOvr:focus,
#globalSeries:focus,
#langToggle:focus,
#resetBtn:focus{
  border-color:rgba(198,224,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(198,224,255,.06),
    0 0 20px rgba(138,196,255,.11),
    0 0 34px rgba(255,224,190,.05)!important;
}
.top-search .btn,
#langToggle,
#resetBtn{
  position:relative!important;
  overflow:hidden!important;
}
.top-search .btn::before,
#langToggle::before,
#resetBtn::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 44%)!important;
  pointer-events:none!important;
}
.top-nav__menu button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03) 58%, rgba(255,255,255,.018) 100%) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(255,255,255,.022),
    0 10px 22px rgba(0,0,0,.18),
    0 0 14px rgba(138,196,255,.05),
    0 0 24px rgba(255,223,188,.03) !important;
  color:#eef4ff!important;
}
.top-nav__menu button:hover,
.top-nav__menu button.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 56%, rgba(255,255,255,.025) 100%) !important;
  border-color:rgba(255,255,255,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.03),
    0 14px 30px rgba(0,0,0,.22),
    0 0 18px rgba(138,196,255,.10),
    0 0 30px rgba(255,223,188,.05)!important;
  color:#ffffff!important;
}
.top-nav__menu button.active::after{
  background:linear-gradient(90deg, rgba(255,255,255,.74), rgba(176,223,255,.96) 55%, rgba(255,226,194,.82))!important;
  box-shadow:0 0 10px rgba(176,223,255,.22), 0 0 18px rgba(255,226,194,.10)!important;
}


/* v18 collections cleanup: remove tab base strip and all series icon plates */
#collectionsView .collection-tabs-scroll,
#collectionsView .collection-tabs{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
#collectionsView .collection-tabs{
  padding:2px 0 0!important;
  border-bottom:none!important;
}
#collectionsView .collection-tabs-scroll{
  padding-bottom:0!important;
}
#collectionsView .collection-tab{
  box-shadow:none!important;
}
#collectionsView .series-icon-card,
#collectionsView .series-icon-art,
#collectionsView .series-icon,
#collectionsView .series-icon-fallback{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
#collectionsView .series-icon{
  padding:0!important;
  border-radius:0!important;
  width:auto!important;
  height:auto!important;
  max-width:220px!important;
  max-height:120px!important;
  object-fit:contain!important;
}
#collectionsView .series-icon-fallback{
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
}


/* v23 compare shell outer frame truly removed */
#playerCompareView .compare-shell,
#playerCompareView .compare-shell.has-third,
#playerCompareView .compare-shell.compare-shell--clean{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
#playerCompareView .compare-shell::before,
#playerCompareView .compare-shell::after{
  display:none !important;
  content:none !important;
}


/* animation value popup */
.anim-value-trigger{appearance:none;border:none;cursor:pointer}
.anim-value-trigger:hover{transform:translateY(-1px)}
.anim-value-popup{position:fixed;inset:0;z-index:1400}
.anim-value-popup.hide{display:none}
.anim-value-popup__backdrop{position:absolute;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(10px)}
.anim-value-popup__panel{position:absolute;left:50%;top:10vh;transform:translateX(-50%);width:min(560px,calc(100vw - 28px));max-height:min(74vh,720px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;padding:18px 18px 16px;border-radius:26px;background:linear-gradient(180deg,rgba(13,18,34,.98),rgba(7,11,20,.985));border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 90px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.04)}
.anim-value-popup__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.anim-value-popup__kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.46);font-weight:800;margin-bottom:6px}
.anim-value-popup__head h3{margin:0;font-size:24px;line-height:1.05;letter-spacing:-.03em}
.anim-value-popup__sub{margin-top:8px;font-size:11px;font-weight:700;color:rgba(255,255,255,.5)}
.anim-value-popup__close{width:36px;height:36px;border:none;border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-size:20px;font-weight:500;cursor:pointer;transition:transform .18s ease, background .18s ease}
.anim-value-popup__close:hover{transform:translateY(-1px);background:rgba(255,255,255,.11)}
.anim-value-popup__list-wrap{position:relative;min-height:0}
.anim-value-popup__list{display:grid;gap:10px;overflow:auto;padding:8px 6px 10px 2px;max-height:min(54vh,520px);scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.55) rgba(255,255,255,.03)}
.anim-value-popup__list::-webkit-scrollbar{width:8px}
.anim-value-popup__list::-webkit-scrollbar-track{background:rgba(255,255,255,.03);border-radius:999px}
.anim-value-popup__list::-webkit-scrollbar-thumb{background:rgba(124,58,237,.55);border-radius:999px}
.anim-value-popup__gradient{position:absolute;left:0;right:10px;height:54px;pointer-events:none;transition:opacity .25s ease;opacity:0}
.anim-value-popup__gradient--top{top:0;background:linear-gradient(to bottom,rgba(7,11,20,.98),transparent)}
.anim-value-popup__gradient--bottom{bottom:0;background:linear-gradient(to top,rgba(7,11,20,.98),transparent)}
.anim-popup-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 18px 18px;align-items:center;gap:12px;min-height:66px;padding:13px 14px;border:none;border-radius:18px;background:linear-gradient(180deg,rgba(27,18,49,.9),rgba(17,12,31,.94));border:1px solid rgba(255,255,255,.06);color:#fff;cursor:pointer;text-align:left;transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;opacity:0;transform:translateY(8px) scale(.96);animation:animPopupItemIn .24s ease forwards}
.anim-popup-row:nth-child(1){animation-delay:.02s}.anim-popup-row:nth-child(2){animation-delay:.04s}.anim-popup-row:nth-child(3){animation-delay:.06s}.anim-popup-row:nth-child(4){animation-delay:.08s}.anim-popup-row:nth-child(5){animation-delay:.1s}.anim-popup-row:nth-child(6){animation-delay:.12s}.anim-popup-row:nth-child(7){animation-delay:.14s}.anim-popup-row:nth-child(8){animation-delay:.16s}.anim-popup-row:nth-child(9){animation-delay:.18s}.anim-popup-row:nth-child(10){animation-delay:.2s}.anim-popup-row:nth-child(n+11){animation-delay:.22s}
.anim-popup-row:hover,.anim-popup-row.selected,.anim-popup-row:focus-visible{transform:translateY(-2px) scale(1);background:linear-gradient(180deg,rgba(51,34,86,.96),rgba(28,19,50,.98));border-color:rgba(167,139,250,.34);box-shadow:0 14px 30px rgba(76,29,149,.28), inset 0 1px 0 rgba(255,255,255,.05);outline:none}
.anim-popup-name{font-size:14px;font-weight:900;line-height:1.16;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anim-popup-meta{display:grid;gap:4px;min-width:0}
.anim-popup-pos,.anim-popup-series{font-size:11px;font-weight:700;color:rgba(255,255,255,.6);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.anim-popup-series{color:rgba(255,255,255,.42)}
.anim-popup-row .anim-popup-ovr.same-card-hex{width:34px;height:30px;justify-self:end}
.anim-popup-row .anim-popup-ovr.same-card-hex span{font-size:11px}
.anim-popup-row .anim-popup-ovr.same-card-hex.tier-goat span,.anim-popup-row .anim-popup-ovr.same-card-hex.tier-invincible span{font-size:6.5px}
.anim-popup-arrow{font-size:22px;line-height:1;color:rgba(255,255,255,.38);justify-self:end;transform:translateX(0);transition:transform .18s ease, color .18s ease}
.anim-popup-row:hover .anim-popup-arrow,.anim-popup-row.selected .anim-popup-arrow,.anim-popup-row:focus-visible .anim-popup-arrow{transform:translateX(3px);color:#fff}
.anim-popup-empty{padding:18px 10px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);text-align:center;color:rgba(255,255,255,.62)}
@keyframes animPopupItemIn{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}



/* v27 gradual blur scroll effect */
.gb-page-root{position:fixed;inset:0;pointer-events:none;z-index:1180}
.gb-page-root:not(.is-active){display:none}
.gb-page-edge,.gb-page-edge{--gb-visible:0}
.gb-page-edge,.gb-edge{position:absolute;left:0;right:0;pointer-events:none;opacity:var(--gb-visible,0);transition:opacity .24s ease}
.gb-page-edge--bottom{bottom:0;height:7rem}
.gb-edge--bottom{bottom:0;height:6.5rem}
.gb-inner{position:relative;width:100%;height:100%;isolation:isolate}
.gb-layer{position:absolute;inset:0;pointer-events:none}
.gb-has-overflow{overflow-anchor:none}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .gb-layer{background:linear-gradient(180deg,rgba(4,21,35,.44),rgba(4,21,35,0))}
  .gb-edge--bottom .gb-layer,.gb-page-edge--bottom .gb-layer{background:linear-gradient(0deg,rgba(4,21,35,.48),rgba(4,21,35,0))}
}


/* v10.5.11 readability boost: detail attributes/badges + compare tabs */
#playerDetail .stat-group h4,
#playerDetail .badge-group h4{
  font-size:12px!important;
  font-weight:800!important;
}
#playerDetail .stat-row{
  padding:6px 0!important;
}
#playerDetail .stat-label{
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.22!important;
}
#playerDetail .stat-num{
  min-width:38px!important;
  height:24px!important;
  font-size:11px!important;
  font-weight:900!important;
}
#playerDetail .delta-plus{
  font-size:10px!important;
}
#playerDetail .badge-item{
  gap:6px!important;
}
#playerDetail .badge-name{
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.14!important;
}
#playerDetail .badge-change{
  min-height:16px!important;
  font-size:8.5px!important;
}

#compareView .compare-stat-label,
#playerCompareView .compare-stat-label{
  font-size:14.5px!important;
  font-weight:700!important;
  line-height:1.34!important;
}
#compareView .compare-pill,
#playerCompareView .compare-pill{
  min-width:38px!important;
  height:28px!important;
  font-size:12px!important;
  font-weight:900!important;
}
#compareView .compare-delta,
#playerCompareView .compare-delta{
  font-size:11px!important;
  font-weight:800!important;
}
#compareView .compare-badge-cell,
#playerCompareView .compare-badge-cell{
  min-height:44px!important;
}
#compareView .compare-badge-icon,
#playerCompareView .compare-badge-icon,
#compareView .compare-badge-empty,
#playerCompareView .compare-badge-empty{
  width:34px!important;
  height:40px!important;
}
#compareView .compare-anim-cell,
#playerCompareView .compare-anim-cell{
  padding:8px 10px!important;
}
#compareView .compare-anim-text,
#playerCompareView .compare-anim-text{
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.28!important;
}
#compareView .compare-anim-meta,
#playerCompareView .compare-anim-meta{
  margin-top:6px!important;
  gap:6px!important;
}
#compareView .compare-anim-cell .anim-grade,
#playerCompareView .compare-anim-cell .anim-grade{
  min-width:24px!important;
  height:19px!important;
  font-size:10px!important;
}
#compareView .compare-anim-cell .anim-brief,
#playerCompareView .compare-anim-cell .anim-brief{
  max-width:92px!important;
  height:18px!important;
  font-size:9.5px!important;
  font-weight:700!important;
}
#compareView .compare-anim-cell .anim-comment-trigger,
#playerCompareView .compare-anim-cell .anim-comment-trigger{
  width:16px!important;
  height:16px!important;
  font-size:9px!important;
}

#compareView .compare-shell.has-third .compare-stat-label,
#playerCompareView .compare-shell.has-third .compare-stat-label{
  font-size:13px!important;
}
#compareView .compare-shell.has-third .compare-pill,
#playerCompareView .compare-shell.has-third .compare-pill{
  min-width:34px!important;
  height:25px!important;
  font-size:10.5px!important;
}
#compareView .compare-shell.has-third .compare-badge-icon,
#playerCompareView .compare-shell.has-third .compare-badge-icon,
#compareView .compare-shell.has-third .compare-badge-empty,
#playerCompareView .compare-shell.has-third .compare-badge-empty{
  width:26px!important;
  height:32px!important;
}
#compareView .compare-shell.has-third .compare-anim-text,
#playerCompareView .compare-shell.has-third .compare-anim-text{
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.22!important;
}
#compareView .compare-shell.has-third .compare-anim-cell .anim-grade,
#playerCompareView .compare-shell.has-third .compare-anim-cell .anim-grade{
  min-width:20px!important;
  height:17px!important;
  font-size:8.8px!important;
}
#compareView .compare-shell.has-third .compare-anim-cell .anim-brief,
#playerCompareView .compare-shell.has-third .compare-anim-cell .anim-brief{
  font-size:8.8px!important;
}



/* v10.5.10.4 home latest players image-only cleanup */
#homeRecent .card.card--image-only{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  padding:0!important;
}
#homeRecent .card.card--image-only::before,
#homeRecent .card.card--image-only::after,
#homeRecent .card.card--image-only .card-body,
#homeRecent .card.card--image-only .ovr,
#homeRecent .card.card--image-only .chip,
#homeRecent .card.card--image-only .meta,
#homeRecent .card.card--image-only .name,
#homeRecent .card.card--image-only .chips,
#homeRecent .card.card--image-only .thumb::before,
#homeRecent .card.card--image-only .thumb::after{
  display:none!important;
  content:none!important;
}
#homeRecent .card.card--image-only:hover{
  transform:translateY(-4px) scale(1)!important;
}
#homeRecent .card.card--image-only .thumb{
  background:transparent!important;
  box-shadow:none!important;
  border:none!important;
  border-radius:0!important;
  overflow:visible!important;
  aspect-ratio:auto!important;
  min-height:0!important;
}
#homeRecent .card.card--image-only .thumb img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  background:transparent!important;
  transform:none!important;
}
#homeRecent .card.card--image-only:hover .thumb,
#homeRecent .card.card--image-only:hover .thumb img,
#homeRecent .card.card--image-only.active .thumb,
#homeRecent .card.card--image-only.active .thumb img{
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}



/* === badge cleanup hotfix: remove leftover badge backplates without touching badge data === */
#playerDetail .badge-item{
  background:transparent !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:6px 4px !important;
  min-height:60px !important;
  transform:none !important;
}
#playerDetail .badge-item.changed{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
#playerDetail .badge-item:hover{
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}
#playerDetail .badge-item::before,
#playerDetail .badge-item::after,
#playerDetail .badge-item.changed::before,
#playerDetail .badge-item.changed::after{
  content:none !important;
  display:none !important;
}
#playerDetail .badge-item img{
  background:transparent !important;
  background-image:none !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  mix-blend-mode:normal !important;
  isolation:auto !important;
}
#playerDetail .badge-name{
  margin-top:2px !important;
}

.xp-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.xp-level-card{border:1px solid rgba(113,226,255,.2);background:rgba(7,28,42,.7);padding:18px;border-radius:16px}
.xp-level-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;color:#dff8ff}
.xp-level-head span{font-size:12px;color:#8fb4c4}
.xp-reward-list{display:grid;gap:10px}
.xp-reward{display:grid;gap:4px;padding:10px 12px;border-left:2px solid #5ed6ff;background:rgba(10,45,61,.48)}
.xp-reward span{font-size:12px;line-height:1.5;color:#9fc0cc}
@media(max-width:900px){.xp-level-grid{grid-template-columns:1fr}}


.player-upgrades{padding:20px 24px;margin:20px 0;border:1px solid #31414c;border-radius:12px;background:#101c26;color:#eaf3f8}
.upgrade-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.upgrade-heading strong{font-size:18px}.upgrade-heading span{display:block;margin-top:5px;color:#a7bbc7;font-size:13px}
.upgrade-heading button{border:1px solid #607788;background:#1b2c39;color:#eaf3f8;border-radius:8px;padding:9px 14px;cursor:pointer;white-space:nowrap}
.upgrade-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:18px}.upgrade-option span{display:block;margin-bottom:7px;font-size:13px;color:#b8cbd6}.upgrade-option select{width:100%;min-height:44px;border:1px solid #607788;border-radius:7px;padding:8px;background:#132735;color:#fff;font:inherit}.upgrade-option select:focus-visible,.upgrade-heading button:focus-visible{outline:2px solid #72e6fc;outline-offset:3px}.upgrade-effects{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:14px;font-size:13px;line-height:1.5;color:#acd9c9}.upgrade-effects span{display:block}.evo-stage:focus-visible{outline:2px solid #72e6fc;outline-offset:3px}
@media(max-width:600px){.player-upgrades{padding:16px}.upgrade-heading{align-items:flex-start}.upgrade-options{grid-template-columns:1fr}}


body:has(#player-page:not(.hide)) #globalGradualBlurFx,body:has(#compare-page:not(.hide)) #globalGradualBlurFx{display:none!important}
body:has(#player-page:not(.hide)) #colorBendsBg,body:has(#compare-page:not(.hide)) #colorBendsBg{opacity:.12!important}


/* Batch 1: protect familiar card scanning, navigation, and keyboard use. */
#playersGrid .chroma-overlay,
#playersGrid .chroma-fade{
  display:none!important;
}

#globalGradualBlurFx,
.gb-page-root{
  display:none!important;
}

body:has(#players-page:not(.hide)) #colorBendsBg{
  opacity:.08!important;
}

#playersGrid .card,
#collectionsView .card,
#homeRecent .card{
  color:inherit!important;
  text-decoration:none!important;
}

#playersGrid .card,
#collectionsView .card{
  transform:none!important;
  filter:none!important;
}

#playersGrid .card .thumb img,
#collectionsView .card .thumb img{
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}

#playersGrid .card:hover,
#collectionsView .card:hover{
  transform:translateY(-2px)!important;
}

#playersGrid .card:focus-visible,
#collectionsView .card:focus-visible,
#homeRecent .card:focus-visible,
.top-nav button:focus-visible,
.top-nav input:focus-visible,
.top-nav select:focus-visible,
.compare-modal button:focus-visible,
.compare-modal input:focus-visible{
  outline:3px solid #8fd3ff!important;
  outline-offset:3px!important;
}

body.has-compare-modal{
  overflow:hidden;
}

.compare-modal__panel:focus{
  outline:none;
}

.compare-modal__close{
  min-width:44px!important;
  min-height:44px!important;
}

/* Keep every desktop filter on the same familiar search row. */
.top-nav__inner{
  grid-template-columns:minmax(170px,210px) minmax(240px,.8fr) minmax(0,1.5fr)!important;
}

.top-search{
  grid-template-columns:minmax(180px,1fr) repeat(3,minmax(86px,.46fr)) max-content max-content!important;
  align-items:center!important;
}

#langSwitch{min-width:88px!important;}
#globalReset{
  width:auto!important;
  min-width:76px!important;
  padding-inline:14px!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
}

.top-nav__menu button,
.top-search input,
.top-search select,
.top-search .btn,
.lang-switch,
.lang-switch button{
  border-radius:10px!important;
}

@media (max-width:820px){
  .top-nav{
    position:sticky!important;
    top:8px!important;
    width:calc(100vw - 24px)!important;
    margin:8px auto 0!important;
    padding:8px 12px!important;
    border-radius:16px!important;
  }

  .top-nav__inner{
    width:100%!important;
    height:auto!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .top-nav__brand{
    height:34px!important;
  }

  .top-nav__brand-logo{
    height:30px!important;
    max-height:30px!important;
  }

  .top-nav__menu{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    padding:0!important;
    overflow:visible!important;
  }

  .top-nav__menu button{
    min-width:0!important;
    padding-inline:8px!important;
  }

  .top-nav__tools,
  .top-search{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:0!important;
  }

  #globalSearch{grid-column:1 / -1!important;}
  #globalSeries{grid-column:1!important;}
  #langSwitch{grid-column:2!important;min-width:0!important;}
  #globalReset{
    grid-column:1 / -1!important;
    justify-self:start!important;
    min-width:0!important;
  }

  .main{
    width:calc(100vw - 24px)!important;
    padding:18px 0 28px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #playersGrid .card,
  #collectionsView .card,
  #homeRecent .card{
    transition:none!important;
  }
}