/* liquid43 — compositor-bounded liquid glass.
   Dense black menus retain the same readable appearance with a smaller blur
   kernel; pointer glow moves one tiny layer instead of repainting masks. */
:root{--om-frost-blur:12px}

body :is(.topbar,.filters){
  backdrop-filter:blur(10px) saturate(138%) contrast(1.02)!important;
  -webkit-backdrop-filter:blur(10px) saturate(138%) contrast(1.02)!important
}
body :is(.recruit-card,.launcher-game){
  backdrop-filter:blur(4px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(4px) saturate(120%)!important
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary){
  backdrop-filter:blur(4px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(4px) saturate(116%)!important
}
:is(dialog.modal,.admin-action-modal,.simple-wizard-modal){
  backdrop-filter:blur(12px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(116%)!important
}

.custom-picker:not(.open)>.picker-menu,
.rank-filter-dropdown:not([open])>.advanced-content,
.launcher-search-combobox:not(.open)>.launcher-search-results,
.country-picker:not(.open)>.country-options,
.rank-picker:not(.open)>.rank-picker-menu,
.rank-range-selector:not(.open)>.rank-range-body{
  content-visibility:hidden!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  animation:none!important;
  box-shadow: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
){
  content-visibility:visible!important;
  backdrop-filter:blur(12px) saturate(132%) brightness(1.04) contrast(1.03)!important;
  -webkit-backdrop-filter:blur(12px) saturate(132%) brightness(1.04) contrast(1.03)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.54),inset 0 1px rgba(255,255,255,.18),inset 1px 0 rgba(255,255,255,.08),inset -1px 0 rgba(124,190,225,.09)!important
}

@keyframes om-dropdown-enter{
  from{opacity:0;transform:translate3d(0,-7px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card{
  transform:none!important;
  contain:layout style!important;
  box-shadow:0 3px 12px rgba(0,0,0,.18),0 10px 28px rgba(0,0,0,.12)!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card::before{
  background:linear-gradient(108deg,rgba(56,189,248,.76),rgba(255,253,242,.92) 31%,rgba(244,114,182,.72) 66%,rgba(192,132,252,.72))!important;
  opacity:.32!important;
  transition:none!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card::after{
  content:none!important;
  display:none!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light{
  inset:auto!important;
  left:0!important;
  top:0!important;
  width:96px!important;
  height:96px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,250,.98) 0 3%,rgba(255,235,194,.72) 7%,rgba(244,114,182,.28) 19%,rgba(82,174,255,.16) 36%,transparent 66%)!important;
  mask:none!important;
  -webkit-mask:none!important;
  mix-blend-mode:screen!important;
  filter:none!important;
  box-shadow:none!important;
  contain:strict!important;
  transform:translate3d(-48px,-48px,0)!important;
  opacity:0!important;
  transition:opacity .1s linear!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card:hover>.edge-light{
  will-change:transform,opacity
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light::before{
  content:""!important;
  position:absolute!important;
  inset:31px!important;
  border-radius:50%!important;
  background:#fffdf5!important;
  box-shadow:0 0 4px 1px rgba(255,253,242,.94),0 0 12px 4px rgba(255,225,181,.62),0 0 26px 9px rgba(113,173,255,.24)!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light::after{
  content:none!important;
  display:none!important
}

.glass-bottom-tabs,.my-recruitment-tabs{
  backdrop-filter:blur(5px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(118%)!important
}
.rank-field>.publish-rank-slider:not(.not-applicable){
  backdrop-filter:blur(6px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(112%)!important
}
.rank-field>.publish-rank-slider:not(.not-applicable)>.publish-rank-reset{
  backdrop-filter:blur(4px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(4px) saturate(116%)!important
}
.publish-dual input::-webkit-slider-thumb,.lobby-dual input::-webkit-slider-thumb,
.publish-dual input.is-dragging::-webkit-slider-thumb,.lobby-dual input.is-dragging::-webkit-slider-thumb{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}

:is(.recruit-card,.my-recruitment-card){
  content-visibility:auto;
  contain-intrinsic-size:auto 280px
}
.picker-options>[data-picker-value]{
  content-visibility:auto;
  contain-intrinsic-size:auto 42px;
  contain:layout paint style
}

@media(max-width:620px){
  body :is(.topbar,.filters){backdrop-filter:blur(8px) saturate(132%)!important;-webkit-backdrop-filter:blur(8px) saturate(132%)!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){backdrop-filter:blur(10px) saturate(128%) brightness(1.04)!important;-webkit-backdrop-filter:blur(10px) saturate(128%) brightness(1.04)!important}
}

@media(prefers-reduced-motion:reduce){
  :is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light{display:none!important}
}