/* liquid43 interaction lock: avoid nested backdrop layers during pointer and
   menu scrolling. The 92% black menu already hides its sampled backdrop, so a
   static optical frost is visually equivalent and substantially cheaper. */

body :is(.topbar,.filters){
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
:is(
  .custom-picker.open>.picker-menu,
  .rank-filter-dropdown[open]>.advanced-content,
  .launcher-search-combobox.open>.launcher-search-results,
  .country-picker.open>.country-options,
  .rank-picker.open>.rank-picker-menu,
  .rank-range-selector.open>.rank-range-body
){
  background-color:rgba(3,7,12,.92)!important;
  background-image:radial-gradient(ellipse 82% 36% at 14% 0,rgba(255,255,255,.085),transparent 68%),linear-gradient(145deg,rgba(19,25,34,.97),rgba(2,5,9,.94))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}

:is(.custom-picker.open>.picker-menu,.launcher-search-combobox.open>.launcher-search-results) :is(.picker-search,.more-game-search),
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}

:is(.topbar,.filters,dialog.modal) :is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary){
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}

body :is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary)::before,
body :is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):hover::before,
body :is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):focus-visible::before{
  opacity:.28!important;
  transition:none!important
}

html.menu-gaussian-open :is(.picker-options>[data-picker-value],.launcher-search-results .launcher-game,.country-options button,.rank-picker-option,.rank-bound){
  contain:layout paint style!important
}

@media(max-width:620px){
  :is(.custom-picker.open>.picker-menu,.rank-filter-dropdown[open]>.advanced-content,.launcher-search-combobox.open>.launcher-search-results,.country-picker.open>.country-options,.rank-picker.open>.rank-picker-menu,.rank-range-selector.open>.rank-range-body){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* liquid45: one compositor-only reflection shared by every interactive glass
   control. Large surfaces keep optical refraction edges without live backdrop
   sampling; this preserves the transparent glass language while reducing paint. */
body :is(
  .recruit-card,.launcher-game,.launcher-stats,.admin-stat,.admin-panel,
  .my-recruitment-entry,.my-recruitment-actions,.my-recruitments-empty
){
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background-color:transparent!important;
  border-color:rgba(205,228,255,.22)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 1px 0 0 rgba(255,129,174,.045),
    inset -1px 0 0 rgba(70,214,244,.085),
    inset 0 -1px 0 rgba(150,132,255,.035),
    0 14px 34px rgba(0,0,0,.22)!important
}

body :is(
  .webgl-control,.oauth-button,.match-button,.picker-trigger,
  .rank-filter-dropdown>summary,.topbar nav a,.admin-header a.back
){
  position:relative!important;
  isolation:isolate!important;
  overflow:clip!important
}
body :is(
  .webgl-control,.oauth-button,.match-button,.picker-trigger,
  .rank-filter-dropdown>summary,.topbar nav a,.admin-header a.back
)::before,
body :is(
  .webgl-control,.oauth-button,.match-button,.picker-trigger,
  .rank-filter-dropdown>summary,.topbar nav a,.admin-header a.back
):is(:hover,:focus-visible)::before{
  background:
    radial-gradient(ellipse 72% 52% at 18% -8%,rgba(255,255,255,.3),rgba(255,255,255,.075) 36%,transparent 74%),
    linear-gradient(112deg,rgba(255,127,174,.055),transparent 26%,transparent 72%,rgba(74,213,244,.09))!important;
  opacity:.54!important;
  transition:none!important
}
body :is(
  .webgl-control,.oauth-button,.match-button,.picker-trigger,
  .rank-filter-dropdown>summary,.topbar nav a,.admin-header a.back
)::after{
  background:linear-gradient(112deg,rgba(255,255,255,.3),transparent 27%,transparent 69%,rgba(93,211,243,.12))!important;
  opacity:.6!important;
  filter:none!important
}

.liquid-hover-glint{
  position:absolute!important;
  left:0!important;
  top:0!important;
  z-index:1!important;
  width:132px!important;
  height:84px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  contain:strict!important;
  background:
    radial-gradient(ellipse 34% 24% at 50% 50%,rgba(255,255,250,.82) 0 10%,rgba(255,228,191,.38) 24%,transparent 62%),
    radial-gradient(ellipse 63% 42% at 45% 50%,rgba(244,114,182,.15),rgba(82,190,255,.11) 46%,transparent 73%)!important;
  mix-blend-mode:screen!important;
  filter:none!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:translate3d(-66px,-42px,0)!important;
  transform-origin:50% 50%!important;
  transition:opacity .12s linear!important;
  will-change:transform,opacity
}
body :is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary,.topbar nav a,.admin-header a.back)>
  :not(.liquid-hover-glint):not(.liquid-press-lens){position:relative;z-index:2}

.liquid-press-lens{
  width:104px!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:radial-gradient(circle,rgba(255,255,255,.22) 0 8%,rgba(245,196,225,.1) 25%,rgba(111,210,247,.07) 46%,transparent 70%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 18px rgba(165,216,255,.07)!important
}
.my-recruitment-tabs>.my-tab-glider,.glass-bottom-tabs>.glass-tab-glider{will-change:auto!important}

/* Keep long signed-in lobbies out of layout/paint work until a card approaches
   the viewport. Intrinsic sizing preserves the exact scroll geometry. */
@supports(content-visibility:auto){
  .recruit-card{content-visibility:auto;contain-intrinsic-size:auto 360px}
}
.recruit-card{contain:layout paint style}

@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){
  .liquid-hover-glint{display:none!important}
}