/*
 * rdev/liquid-glass-react 1.1.1 material layer, adapted for Overseamate's
 * framework-free DOM. The displacement map and RGB edge composition mirror
 * the upstream standard mode; compositor work is limited to visible/open or
 * currently interactive glass instead of every decorated node.
 */
:root{
  --rdev-glass-blur:6px;
  --rdev-glass-panel-blur:10px;
  --rdev-glass-saturation:140%;
  --rdev-glass-radius:24px;
  --rdev-glass-line:rgba(226,240,255,.25);
  --rdev-glass-line-hot:rgba(255,252,235,.76);
  --rdev-glass-cyan:rgba(77,211,244,.2);
  --rdev-glass-pink:rgba(244,114,182,.15);
  --rdev-glass-shadow:0 14px 34px rgba(0,0,0,.22)
}

svg[data-rdev-liquid-defs]{
  position:fixed!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important
}

/* Retire the preceding glass implementation. Search BorderGlow is separate. */
.liquid-hover-glint,.liquid-press-lens,.button-liquid-fill,
.liquid-control-warp,.liquid-control-tint,.liquid-control-shine,.liquid-control-border,
.liquid-glass-warp,.liquid-glass-tint,.liquid-glass-shine,.liquid-glass-border{
  display:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}

.rdev-liquid-control{
  --rdev-x:50%;
  --rdev-y:50%;
  --rdev-angle:135deg;
  --rdev-edge:0;
  --rdev-shift-x:0px;
  --rdev-shift-y:0px;
  --rdev-stretch-x:1;
  --rdev-stretch-y:1;
  position:relative!important;
  isolation:isolate!important;
  overflow:clip!important;
  border-color:var(--rdev-glass-line)!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    inset 1px 0 0 rgba(255,129,174,.045),
    inset -1px 0 0 rgba(70,214,244,.09),
    0 8px 22px rgba(0,0,0,.13)!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .16s cubic-bezier(.2,.82,.24,1)!important
}

.rdev-liquid-control::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:.52!important;
  background:
    radial-gradient(ellipse 74% 58% at 17% -10%,rgba(255,255,255,.3),rgba(255,255,255,.075) 35%,transparent 74%),
    radial-gradient(ellipse 64% 54% at var(--rdev-x) var(--rdev-y),rgba(255,250,234,.12),rgba(244,114,182,.05) 30%,rgba(70,211,244,.045) 51%,transparent 74%)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translate3d(var(--rdev-shift-x),var(--rdev-shift-y),0) scaleX(var(--rdev-stretch-x)) scaleY(var(--rdev-stretch-y))!important;
  transform-origin:var(--rdev-x) var(--rdev-y)!important;
  transition:opacity .18s ease,transform .18s cubic-bezier(.2,.8,.24,1)!important
}

.rdev-liquid-control::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  padding:1px!important;
  border:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:.82!important;
  background:linear-gradient(
    var(--rdev-angle),
    rgba(255,255,255,.05) 0%,
    rgba(255,252,235,calc(.26 + var(--rdev-edge) * .42)) 28%,
    rgba(244,114,182,calc(.07 + var(--rdev-edge) * .1)) 47%,
    rgba(77,211,244,calc(.1 + var(--rdev-edge) * .16)) 72%,
    rgba(255,255,255,.035) 100%
  )!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  mask-composite:exclude!important;
  mix-blend-mode:screen!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(87,211,244,.08)!important;
  filter:none!important;
  backdrop-filter:none!important
}

.rdev-liquid-control:is(.is-rdev-hovered,:hover,:focus-visible)::before,
html body [data-rdev-glass="control"].rdev-liquid-control:not([data-theme]):not([data-admin-theme])::before{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}

.rdev-liquid-control:is(.is-rdev-hovered,:hover,:focus-visible)::before{
  opacity:.76!important;
  background-color:rgba(255,255,255,.018)!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  will-change:transform,opacity
}

/* The upstream RGB displacement is reserved for deliberate interaction.
   Continuously rasterizing it while the pointer crosses controls creates a
   GPU task for every hover boundary on integrated graphics. */
html body [data-rdev-glass="control"].rdev-liquid-control:not([data-theme]):not([data-admin-theme]):is(.is-rdev-active,.is-pressing,:focus-visible)::before,
.rdev-liquid-control:is(.is-rdev-active,.is-pressing,:focus-visible)::before{
  opacity:.82!important;
  filter:url(#rdev-liquid-control-filter)!important;
  backdrop-filter:blur(3px) saturate(var(--rdev-glass-saturation))!important;
  -webkit-backdrop-filter:blur(3px) saturate(var(--rdev-glass-saturation))!important;
  will-change:transform,opacity
}

.rdev-liquid-control:is(.is-rdev-hovered,:hover,:focus-visible){
  border-color:rgba(196,229,255,.43)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 1px 0 rgba(244,114,182,.08),
    inset -1px 0 rgba(77,211,244,.16),
    0 11px 28px rgba(0,0,0,.18),
    0 0 18px rgba(255,232,193,.055)!important
}

.rdev-liquid-control:is(.is-rdev-active,.is-pressing):not(.auth-password-toggle):not(.modal-close){
  transform:translateY(1px) scale(.975)!important;
  border-color:rgba(255,252,235,.52)!important
}

.rdev-liquid-control>*:not(.edge-light){
  position:relative;
  z-index:2
}

/* One sharp-content glass stack for dialogs, menus, tabs and rank controls. */
.rdev-liquid-surface{
  position:relative!important;
  isolation:isolate!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:var(--rdev-glass-line)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 1px 0 rgba(244,114,182,.05),
    inset -1px 0 rgba(77,211,244,.1),
    var(--rdev-glass-shadow)!important
}

.rdev-liquid-glass__warp,.rdev-liquid-glass__tint,.rdev-liquid-glass__shine{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  contain:strict
}

.rdev-liquid-glass__warp{
  background:rgba(255,255,255,.008)!important;
  filter:url(#rdev-liquid-panel-filter)!important;
  backdrop-filter:blur(var(--rdev-glass-panel-blur)) saturate(132%)!important;
  -webkit-backdrop-filter:blur(var(--rdev-glass-panel-blur)) saturate(132%)!important
}

.rdev-liquid-glass__tint{
  z-index:1!important;
  background:
    radial-gradient(ellipse 82% 42% at 12% -4%,rgba(255,255,255,.1),transparent 68%),
    linear-gradient(142deg,rgba(5,10,18,.48),rgba(1,4,10,.35))!important
}

body:not(.dark):not(.admin-dark) .rdev-liquid-glass__tint{
  background:
    radial-gradient(ellipse 82% 42% at 12% -4%,rgba(255,255,255,.36),transparent 70%),
    linear-gradient(142deg,rgba(239,248,255,.16),rgba(160,188,213,.08))!important
}

.rdev-liquid-glass__shine{
  z-index:2!important;
  padding:1px!important;
  background:
    radial-gradient(ellipse 58% 25% at 18% 0,rgba(255,255,255,.26),transparent 73%),
    linear-gradient(118deg,rgba(255,252,235,.28),transparent 23%,transparent 72%,rgba(77,211,244,.12))!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  mask-composite:exclude!important;
  mix-blend-mode:screen!important;
  opacity:.88!important
}

.rdev-liquid-surface>:not(.rdev-liquid-glass__warp):not(.rdev-liquid-glass__tint):not(.rdev-liquid-glass__shine){
  z-index:3
}

.rdev-liquid-surface>:is(button,a,input,textarea,select,label,form,section,article,div,p,h1,h2,h3,small,strong,header,footer){
  position:relative
}

/* Existing readable black disclosure treatment now samples the backdrop only
   through its single upstream-derived warp child; labels remain sharp. */
:is(
  .custom-picker.open>.picker-menu.rdev-liquid-surface,
  .rank-filter-dropdown[open]>.advanced-content.rdev-liquid-surface,
  .launcher-search-combobox.open>.launcher-search-results.rdev-liquid-surface,
  .country-picker.open>.country-options.rdev-liquid-surface,
  .rank-picker.open>.rank-picker-menu.rdev-liquid-surface,
  .rank-range-selector.open>.rank-range-body.rdev-liquid-surface
){
  background-color:transparent!important;
  background-image:none!important;
  border-color:rgba(202,228,255,.24)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 19px 46px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.2)!important
}

:is(
  .custom-picker.open>.picker-menu.rdev-liquid-surface,
  .rank-filter-dropdown[open]>.advanced-content.rdev-liquid-surface,
  .launcher-search-combobox.open>.launcher-search-results.rdev-liquid-surface,
  .country-picker.open>.country-options.rdev-liquid-surface,
  .rank-picker.open>.rank-picker-menu.rdev-liquid-surface,
  .rank-range-selector.open>.rank-range-body.rdev-liquid-surface
)>.rdev-liquid-glass__tint{
  background:
    radial-gradient(ellipse 82% 42% at 12% -4%,rgba(255,255,255,.09),transparent 66%),
    linear-gradient(142deg,rgba(3,8,14,.95),rgba(0,3,8,.92))!important
}

:is(
  .custom-picker:not(.open)>.picker-menu.rdev-liquid-surface,
  .rank-filter-dropdown:not([open])>.advanced-content.rdev-liquid-surface,
  .launcher-search-combobox:not(.open)>.launcher-search-results.rdev-liquid-surface,
  .country-picker:not(.open)>.country-options.rdev-liquid-surface,
  .rank-picker:not(.open)>.rank-picker-menu.rdev-liquid-surface,
  .rank-range-selector:not(.open)>.rank-range-body.rdev-liquid-surface
)>.rdev-liquid-glass__warp{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important
}

dialog.modal.rdev-liquid-surface,
.admin-action-modal.rdev-liquid-surface,
.simple-wizard-modal.rdev-liquid-surface{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-color:rgba(220,237,255,.28)!important;
  box-shadow:0 28px 76px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.22)!important
}

body.dark dialog.modal.rdev-liquid-surface,
body.dark .admin-action-modal.rdev-liquid-surface,
body.dark .simple-wizard-modal.rdev-liquid-surface{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}

dialog.modal.rdev-liquid-surface>.rdev-liquid-glass__warp,
.admin-action-modal.rdev-liquid-surface>.rdev-liquid-glass__warp,
.simple-wizard-modal.rdev-liquid-surface>.rdev-liquid-glass__warp{
  --rdev-glass-panel-blur:12px
}

/* The prior liquid components remain structurally identical, but their
   material is now the upstream displacement/highlight system. */
:is(.glass-bottom-tabs,.my-recruitment-tabs,.publish-rank-slider).rdev-liquid-surface>.rdev-liquid-glass__warp{
  --rdev-glass-panel-blur:5px
}

:is(.glass-bottom-tabs,.my-recruitment-tabs).rdev-liquid-surface{
  background:transparent!important
}

.my-recruitment-tabs.rdev-liquid-surface>.my-tab-glider,
.glass-bottom-tabs.rdev-liquid-surface>.glass-tab-glider{
  filter:url(#rdev-liquid-panel-filter)!important;
  backdrop-filter:blur(4px) saturate(132%)!important;
  -webkit-backdrop-filter:blur(4px) saturate(132%)!important
}

/* Large repeated cards use the same optical edge language without allocating
   one live backdrop surface per row. */
body :is(
  .topbar,.filters,.recruit-card,.launcher-game,.launcher-stats,.admin-stat,
  .admin-panel,.my-recruitment-entry,.my-recruitment-actions,.my-recruitments-empty
){
  background-color:transparent!important;
  border-color:rgba(205,228,255,.22)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.18),
    inset 1px 0 rgba(244,114,182,.045),
    inset -1px 0 rgba(70,214,244,.085),
    0 14px 34px rgba(0,0,0,.22)!important
}

body :is(.topbar,.filters,.recruit-card,.launcher-game,.launcher-stats,.admin-stat,.admin-panel){
  background-image:
    radial-gradient(ellipse 68% 44% at 12% -8%,rgba(255,255,255,.075),transparent 72%),
    linear-gradient(118deg,rgba(244,114,182,.018),transparent 29%,transparent 73%,rgba(70,214,244,.026))!important
}

.rdev-liquid-no-displacement .rdev-liquid-glass__warp,
.rdev-liquid-no-displacement .rdev-liquid-control::before{
  filter:none!important
}

@media(max-width:620px),(hover:none),(pointer:coarse){
  :root{--rdev-glass-blur:4px;--rdev-glass-panel-blur:8px}
  .rdev-liquid-control:is(.is-rdev-hovered,:hover)::before{
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
  .rdev-liquid-glass__warp{filter:none!important}
}

@media(prefers-reduced-motion:reduce){
  .rdev-liquid-control,.rdev-liquid-control::before,.rdev-liquid-control::after{
    transition:none!important;
    transform:none!important
  }
}

/* SideRays reference base: keep the transparent shader on the same near-black
   violet field across the public and administrator shells. */
html.initial-dark,
html.initial-dark body,
body.dark,
body.admin-dark{
  background:#0f0c15!important
}


/* selection1: pointer-origin selection state and positioned picker repair. */
.custom-picker>.picker-menu.rdev-liquid-surface{
  position:absolute!important
}
:is(.picker-options>[data-picker-value],.launcher-game,.simple-game-choices button,[data-voice-platform]){
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important
}
:is(.picker-options>[data-picker-value],.launcher-game,.simple-game-choices button,[data-voice-platform])>.selection-liquid-fill{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(135deg,rgba(124,203,255,.48),rgba(185,229,255,.24))!important;
  box-shadow:inset 0 1px rgba(244,250,255,.42),0 0 22px rgba(124,203,255,.2)!important;
  will-change:clip-path,opacity
}
:is(.picker-options>[data-picker-value],.launcher-game,.simple-game-choices button,[data-voice-platform])>:not(.selection-liquid-fill){
  position:relative;
  z-index:2
}
html body :is(.picker-options>[data-picker-value].selected,.launcher-game.is-selected,.simple-game-choices button.selected,[data-voice-platform].selected){
  background-color:rgba(124,203,255,.22)!important;
  background-image:linear-gradient(135deg,rgba(124,203,255,.28),rgba(185,229,255,.12))!important;
  border-color:rgba(185,229,255,.58)!important;
  box-shadow:inset 0 1px rgba(244,250,255,.24),0 0 18px rgba(124,203,255,.1)!important
}
html body :is(.picker-options>[data-picker-value],.launcher-game,.simple-game-choices button,[data-voice-platform]).selection-animating{
  background-color:transparent!important;
  background-image:none!important
}
body.dark :is(.picker-options>[data-picker-value].selected,.launcher-game.is-selected,.simple-game-choices button.selected,[data-voice-platform].selected){
  color:#f4faff!important
}
@media(prefers-reduced-motion:reduce){
  .selection-liquid-fill{display:none!important}
}


/* selection2: disclosed filters must escape section paint containment. */
#find:has(.custom-picker.open),
#find:has(.rank-filter-dropdown[open]){
  content-visibility:visible!important;
  contain:none!important
}


/* selection3: readable empty state for dependent pickers. */
.picker-empty-state{
  min-height:76px;
  margin:0!important;
  padding:18px 14px!important;
  display:grid;
  place-items:center;
  text-align:center;
  color:rgba(244,250,255,.72)!important;
  font-size:12px;
  font-weight:750;
  line-height:1.5
}
.picker-reset[hidden]{display:none!important}


/* selection4: animate unlocked compositor properties. Static legacy opacity and
   transform declarations are important, so scale + clip-path provide the real
   reveal without disturbing the horizontal viewport correction. */
@keyframes om-dropdown-enter{
  from{
    scale:.985 .9;
    clip-path:inset(0 0 13% 0 round 15px)
  }
  62%{
    scale:1.006 1.012;
    clip-path:inset(0 0 0 0 round 15px)
  }
  to{
    scale:1 1;
    clip-path:inset(0 0 0 0 round 15px)
  }
}
.custom-picker.open.picker-positioned>.picker-menu,
.rank-filter-dropdown[open]>.advanced-content,
.launcher-search-results:not([hidden]),
.country-options:not([hidden]){
  animation-duration:.34s!important;
  animation-timing-function:cubic-bezier(.16,.84,.24,1)!important;
  animation-fill-mode:both!important
}


/* selection5: CSS-keyframed pointer fill runs with menu compositing. */
@keyframes om-selection-fill-in{
  from{clip-path:circle(0 at var(--selection-x) var(--selection-y));opacity:.5}
  to{clip-path:circle(var(--selection-radius) at var(--selection-x) var(--selection-y));opacity:1}
}
@keyframes om-selection-fill-out{
  from{clip-path:circle(var(--selection-radius) at var(--selection-x) var(--selection-y));opacity:1}
  to{clip-path:circle(0 at var(--selection-x) var(--selection-y));opacity:.2}
}
.selection-liquid-fill.selection-fill-in{
  animation:om-selection-fill-in .36s cubic-bezier(.16,.84,.24,1) both!important
}
.selection-liquid-fill.selection-fill-out{
  animation:om-selection-fill-out .36s cubic-bezier(.4,0,.2,1) both!important
}


/* selection6: compositor circle transition from the exact pointer. */
.selection-liquid-fill.selection-fill-in,
.selection-liquid-fill.selection-fill-out{
  inset:auto!important;
  left:calc(var(--selection-x) - var(--selection-radius))!important;
  top:calc(var(--selection-y) - var(--selection-radius))!important;
  width:calc(var(--selection-radius) * 2)!important;
  height:calc(var(--selection-radius) * 2)!important;
  border-radius:50%!important;
  clip-path:none!important;
  animation:none!important;
  transform:scale(0);
  transform-origin:center!important;
  transition:transform .36s cubic-bezier(.16,.84,.24,1),opacity .36s ease!important;
  opacity:.2
}
.selection-liquid-fill.selection-fill-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)!important
}
.selection-liquid-fill.is-expanded{
  transform:scale(1)!important;
  opacity:1!important
}


/* selection7: re-enable only the bounded pointer fill layer. */
:is(.picker-options>[data-picker-value],.launcher-game,.simple-game-choices button,[data-voice-platform])>.selection-liquid-fill{
  display:block!important
}


/* selection8: deterministic transform ticks avoid first-frame suspension. */
.selection-liquid-fill.selection-fill-in,
.selection-liquid-fill.selection-fill-out{
  transition:none!important
}


/* selection9: win the legacy picker animation-name specificity. */
html body .custom-picker.open.picker-positioned:not(.drop-up)>.picker-menu,
html body .custom-picker.open.picker-positioned.drop-up>.picker-menu,
html body .rank-filter-dropdown[open]>.advanced-content,
html body .launcher-search-combobox.open>.launcher-search-results,
html body .country-picker.open>.country-options{
  animation-name:om-dropdown-enter!important;
  animation-duration:.34s!important;
  animation-timing-function:cubic-bezier(.16,.84,.24,1)!important;
  animation-fill-mode:both!important
}


/* menu-opacity1: denser secondary surfaces for reliable readability. */
body,
body.dark{
  --menu-frost-bg:rgba(2,5,9,.968);
  --menu-frost-top:rgba(13,19,27,.985);
  --menu-frost-bottom:rgba(1,3,6,.975);
  --menu-frost-line:rgba(218,234,248,.42)
}
: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:var(--menu-frost-bg)!important;
  background-image:linear-gradient(145deg,var(--menu-frost-top),var(--menu-frost-bottom))!important
}
:is(
  .custom-picker.open>.picker-menu.rdev-liquid-surface,
  .rank-filter-dropdown[open]>.advanced-content.rdev-liquid-surface,
  .launcher-search-combobox.open>.launcher-search-results.rdev-liquid-surface,
  .country-picker.open>.country-options.rdev-liquid-surface,
  .rank-picker.open>.rank-picker-menu.rdev-liquid-surface,
  .rank-range-selector.open>.rank-range-body.rdev-liquid-surface
)>.rdev-liquid-glass__tint{
  background:
    radial-gradient(ellipse 82% 42% at 12% -4%,rgba(255,255,255,.075),transparent 66%),
    linear-gradient(142deg,rgba(2,6,11,.985),rgba(0,2,6,.968))!important
}
body :is(.custom-picker.open>.picker-menu,.launcher-search-combobox.open>.launcher-search-results) :is(.picker-search,.more-game-search){
  background-color:rgba(3,7,12,.94)!important
}

/* modal-opacity2: near-opaque secondary UI while retaining glass optics. */
body,
body.dark{
  --menu-frost-bg:rgba(1,4,8,.985);
  --menu-frost-top:rgba(10,16,24,.992);
  --menu-frost-bottom:rgba(0,2,5,.989)
}
:is(
  .custom-picker.open>.picker-menu.rdev-liquid-surface,
  .rank-filter-dropdown[open]>.advanced-content.rdev-liquid-surface,
  .launcher-search-combobox.open>.launcher-search-results.rdev-liquid-surface,
  .country-picker.open>.country-options.rdev-liquid-surface,
  .rank-picker.open>.rank-picker-menu.rdev-liquid-surface,
  .rank-range-selector.open>.rank-range-body.rdev-liquid-surface
)>.rdev-liquid-glass__tint{
  background:
    radial-gradient(ellipse 82% 42% at 12% -4%,rgba(255,255,255,.055),transparent 66%),
    linear-gradient(142deg,rgba(1,5,10,.992),rgba(0,2,5,.985))!important
}
:is(
  dialog.modal.rdev-liquid-surface,
  .admin-action-modal.rdev-liquid-surface,
  .simple-wizard-modal.rdev-liquid-surface
)>.rdev-liquid-glass__tint{
  background:
    radial-gradient(ellipse 76% 34% at 14% -3%,rgba(255,255,255,.06),transparent 68%),
    linear-gradient(145deg,rgba(2,6,12,.992),rgba(0,2,6,.985))!important
}
:is(
  dialog.modal.rdev-liquid-surface,
  .admin-action-modal.rdev-liquid-surface,
  .simple-wizard-modal.rdev-liquid-surface
)>.rdev-liquid-glass__warp{
  background:rgba(1,4,9,.018)!important
}
/* readability-layout3: exact secondary-surface color, durable selection and bounded menus. */
body,
body.dark{
  --menu-frost-bg:#161616;
  --menu-frost-top:#161616;
  --menu-frost-bottom:#161616;
  --menu-frost-text:#fff;
  --menu-frost-muted:#fff
}
: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,
  dialog.modal.rdev-liquid-surface,
  .admin-action-modal.rdev-liquid-surface,
  .simple-wizard-modal.rdev-liquid-surface
){
  background-color:#161616!important;
  background-image:none!important
}
:is(
  .custom-picker.open>.picker-menu.rdev-liquid-surface,
  .rank-filter-dropdown[open]>.advanced-content.rdev-liquid-surface,
  .launcher-search-combobox.open>.launcher-search-results.rdev-liquid-surface,
  .country-picker.open>.country-options.rdev-liquid-surface,
  .rank-picker.open>.rank-picker-menu.rdev-liquid-surface,
  .rank-range-selector.open>.rank-range-body.rdev-liquid-surface,
  dialog.modal.rdev-liquid-surface,
  .admin-action-modal.rdev-liquid-surface,
  .simple-wizard-modal.rdev-liquid-surface
)>.rdev-liquid-glass__tint{
  background:#161616!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
) :is(button,span,b,strong,small,p,label,input),
:is(
  .custom-picker.open>.picker-menu,
  .launcher-search-combobox.open>.launcher-search-results
) input::placeholder{
  color:#fff!important;
  font-weight:750!important;
  opacity:1!important
}
.wizard-simple :is(h1,h2,h3,p,label,.simple-block>span,.geo-hint,.wizard-aside li,.wizard-aside small),
.wizard-simple .wizard-choices button :is(b,span,small,i){
  color:#fff!important;
  font-weight:750!important;
  opacity:1!important
}
.wizard-simple .wizard-choices button{
  color:#fff!important;
  font-weight:800!important
}
body.dark dialog.wizard-simple .wizard-choices button.selected{
  background:linear-gradient(135deg,#216fa5,#43aee8)!important;
  border-color:rgba(178,226,255,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.34),0 0 0 1px rgba(83,184,240,.26),0 10px 24px rgba(27,124,184,.24)!important
}
body.dark dialog.wizard-simple .wizard-choices button.selection-animating.selected{
  background:#161616!important
}
.wizard-simple,
.wizard-simple>*{
  min-width:0!important;
  max-width:100%
}
.wizard-simple>.wizard-simple-page{
  overflow-x:clip!important;
  overflow-y:auto!important;
  overscroll-behavior-inline:none!important
}
.wizard-simple .simple-country-block,
.wizard-simple .simple-country-block>.custom-picker{
  min-width:0!important;
  max-width:100%!important
}
.wizard-simple .simple-country-block .custom-picker>.picker-menu{
  left:0!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  width:100%!important;
  max-width:100%!important;
  max-height:min(var(--picker-max-height,340px),52dvh)!important;
  transform-origin:top center!important
}
.wizard-simple .simple-country-block .custom-picker.drop-up>.picker-menu{
  top:auto!important;
  bottom:calc(100% + 8px)!important;
  transform-origin:bottom center!important
}

/* picker-sweep1: stable option sweep and pale selected state. */
html body.dark .custom-picker .picker-options>button[data-picker-value]{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important
}
html body.dark .custom-picker .picker-options>button[data-picker-value].selected{
  background-color:#c2e6ffff!important;
  background-image:none!important;
  border-color:rgba(226,245,255,.92)!important;
  color:#07131d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.72),0 0 14px rgba(194,230,255,.18)!important
}
html body.dark .custom-picker .picker-options>button[data-picker-value].selected :is(span,i,b,strong,small){
  color:#07131d!important
}
html body.dark .custom-picker .picker-options>button[data-picker-value].selection-animating.selected{
  background-color:#161616!important;
  background-image:none!important;
  color:#fff!important
}
html body.dark .custom-picker .picker-options>button[data-picker-value].selection-animating.selected :is(span,i,b,strong,small){
  color:#fff!important
}
html body.dark .custom-picker .picker-options>button[data-picker-value].selection-animating :is(span,i,b,strong,small){
  color:#fff!important;
  mix-blend-mode:difference!important
}
html body .custom-picker .picker-options>button[data-picker-value]>.picker-selection-sweep{
  position:absolute!important;
  display:block!important;
  z-index:1!important;
  top:0!important;
  bottom:0!important;
  left:-100%!important;
  width:120%!important;
  height:100%!important;
  border-radius:0!important;
  pointer-events:none!important;
  background:#c2e6ffff!important;
  box-shadow:0 0 18px rgba(194,230,255,.28)!important;
  will-change:transform
}
html body .custom-picker .picker-options>button[data-picker-value]>:not(.picker-selection-sweep){
  position:relative!important;
  z-index:2!important
}
html body .custom-picker .picker-options>button[data-picker-value]>.picker-selection-sweep.sweep-in{
  animation:picker-option-sweep-in .22s ease forwards!important
}
html body .custom-picker .picker-options>button[data-picker-value]>.picker-selection-sweep.sweep-out{
  animation:picker-option-sweep-out .22s ease forwards!important
}
@keyframes picker-option-sweep-in{
  from{transform:skew(0deg) translateX(-20%)}
  to{transform:skew(45deg) translateX(75%)}
}
@keyframes picker-option-sweep-out{
  from{transform:skew(45deg) translateX(75%)}
  to{transform:skew(0deg) translateX(-20%)}
}
@media(prefers-reduced-motion:reduce){
  .picker-selection-sweep{display:none!important}
}

/* option-sweep2: all value choices share the picker sweep; navigation/status tabs are intentionally excluded. */
html body :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
){
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important
}
html body :is(
  .custom-picker .picker-options>button[data-picker-value].selected,
  .launcher-game.is-selected,
  dialog.wizard-simple .wizard-choices button.selected,
  .voice-platform-chooser button[data-voice-platform].selected,
  .voice-platform-buttons button[data-voice-choice].selected
){
  background-color:#c2e6ffff!important;
  background-image:none!important;
  border-color:rgba(226,245,255,.94)!important;
  color:#07131d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.74),0 0 14px rgba(194,230,255,.18)!important
}
html body :is(
  .custom-picker .picker-options>button[data-picker-value].selected,
  .launcher-game.is-selected,
  dialog.wizard-simple .wizard-choices button.selected,
  .voice-platform-chooser button[data-voice-platform].selected,
  .voice-platform-buttons button[data-voice-choice].selected
) :is(span,i,b,strong,small){
  color:#07131d!important
}
html body :is(
  .custom-picker .picker-options>button[data-picker-value].selected,
  .launcher-game.is-selected,
  dialog.wizard-simple .wizard-choices button.selected,
  .voice-platform-chooser button[data-voice-platform].selected,
  .voice-platform-buttons button[data-voice-choice].selected
).rdev-liquid-surface>.rdev-liquid-glass__tint{
  background:transparent!important
}
html body :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
).selection-animating{
  background-color:#161616!important;
  background-image:none!important
}
html body :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)>.picker-selection-sweep{
  position:absolute!important;
  display:block!important;
  z-index:4!important;
  top:0!important;
  bottom:0!important;
  left:-100%!important;
  width:120%!important;
  height:100%!important;
  border-radius:0!important;
  pointer-events:none!important;
  background:#c2e6ffff!important;
  box-shadow:0 0 18px rgba(194,230,255,.28)!important;
  will-change:transform
}
html body :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)>:not(.picker-selection-sweep):not(.rdev-liquid-glass__warp):not(.rdev-liquid-glass__tint):not(.rdev-liquid-glass__shine){
  position:relative!important;
  z-index:5!important
}
html body :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
).selection-animating>:not(.picker-selection-sweep):not(.rdev-liquid-glass__warp):not(.rdev-liquid-glass__tint):not(.rdev-liquid-glass__shine){
  color:#fff!important;
  mix-blend-mode:difference!important
}

/* option-motion3: exact btn-20 transform, one outline, fixed reset footer, uniform lazy rows. */
html body .custom-picker.open>.picker-menu{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  overflow:hidden!important;
  padding:6px!important
}
html body .custom-picker.open>.picker-menu>.picker-search{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  margin:0!important
}
html body .custom-picker.open>.picker-menu>.picker-options{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(194,230,255,.56) transparent!important;
  padding:0 3px 0 0!important
}
html body .custom-picker.open>.picker-menu>.picker-options::-webkit-scrollbar{width:7px!important}
html body .custom-picker.open>.picker-menu>.picker-options::-webkit-scrollbar-track{background:transparent!important}
html body .custom-picker.open>.picker-menu>.picker-options::-webkit-scrollbar-thumb{
  border:2px solid transparent!important;
  border-radius:999px!important;
  background:rgba(194,230,255,.56) padding-box!important
}
html body .custom-picker.open>.picker-menu>.picker-reset{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  z-index:8!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:9px!important;
  background:#161616!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice],
  .country-options button,
  .rank-picker-option
){
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  transform:none!important;
  animation:none!important;
  background:#242424!important;
  background-image:none!important;
  border:1px solid rgba(255,255,255,.18)!important;
  outline:0!important;
  box-shadow:none!important;
  color:#fff!important;
  transition:border-color .2s ease,color .2s ease!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)::before{
  background:#c2e6ffff!important;
  content:""!important;
  display:block!important;
  height:100%!important;
  left:-100%!important;
  position:absolute!important;
  top:0!important;
  transform:skew(0deg) translateX(-20%)!important;
  transition:transform .2s ease!important;
  width:120%!important;
  z-index:4!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  opacity:1!important;
  pointer-events:none!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value].selected,
  .launcher-game.is-selected,
  dialog.wizard-simple .wizard-choices button.selected,
  .voice-platform-chooser button[data-voice-platform].selected,
  .voice-platform-buttons button[data-voice-choice].selected
)::before{
  transform:skew(45deg) translateX(75%)!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)::after{
  content:none!important;
  display:none!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)>:is(.rdev-liquid-glass__warp,.rdev-liquid-glass__tint,.rdev-liquid-glass__shine){
  display:none!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)>:not(.rdev-liquid-glass__warp):not(.rdev-liquid-glass__tint):not(.rdev-liquid-glass__shine){
  position:relative!important;
  z-index:5!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
) :is(span,b,i,strong,small){
  color:#fff!important;
  mix-blend-mode:difference!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value].selected,
  .launcher-game.is-selected,
  dialog.wizard-simple .wizard-choices button.selected,
  .voice-platform-chooser button[data-voice-platform].selected,
  .voice-platform-buttons button[data-voice-choice].selected
){
  background:#242424!important;
  background-image:none!important;
  border-color:rgba(226,245,255,.76)!important;
  box-shadow:none!important;
  color:#fff!important
}
@media(prefers-reduced-motion:reduce){
  html body :is(
    .custom-picker .picker-options>button[data-picker-value],
    .launcher-game,
    dialog.wizard-simple .wizard-choices button,
    .voice-platform-chooser button[data-voice-platform],
    .voice-platform-buttons button[data-voice-choice]
  )::before{transition:none!important}
}
/* option-motion3-needed-grid */
html body .custom-picker[data-for="form-needed"].open>.picker-menu>.picker-options{
  display:grid!important;
  flex:0 1 auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  padding:0!important
}
/* option-motion3-specificity-fix */
html body .custom-picker.open>.picker-menu:has(>.picker-options){
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important
}
html body.dark .custom-picker.open>.picker-menu>.picker-options>button[data-picker-value]{
  background:#242424!important;
  background-color:#242424!important;
  background-image:none!important
}
html body.dark .custom-picker.open>.picker-menu>.picker-options>button[data-picker-value].selected{
  background:#242424!important;
  background-color:#242424!important;
  background-image:none!important
}
/* option-motion3-menu-row-final */
html.menu-gaussian-open body.dark :is(
  .custom-picker.open>.picker-menu,
  .launcher-search-combobox.open>.launcher-search-results,
  .country-picker.open>.country-options,
  .rank-picker.open>.rank-picker-menu
) :is(
  .picker-options>[data-picker-value],
  .launcher-game,
  .country-options button,
  .rank-picker-option
):not([disabled]),
html.menu-gaussian-open body.dark :is(
  .custom-picker.open>.picker-menu,
  .launcher-search-combobox.open>.launcher-search-results,
  .country-picker.open>.country-options,
  .rank-picker.open>.rank-picker-menu
) :is(
  .picker-options>[data-picker-value],
  .launcher-game,
  .country-options button,
  .rank-picker-option
):not([disabled]):hover{
  background:#242424!important;
  background-color:#242424!important;
  background-image:none!important;
  box-shadow:none!important
}
/* option-motion4-visible-label */
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)::before{
  z-index:0!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)>:not(.rdev-liquid-glass__warp):not(.rdev-liquid-glass__tint):not(.rdev-liquid-glass__shine){
  position:relative!important;
  z-index:2!important;
  isolation:isolate!important;
  mix-blend-mode:normal!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.92),0 0 1px rgba(0,0,0,.9)!important
}
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value].selected,
  .launcher-game.is-selected,
  dialog.wizard-simple .wizard-choices button.selected,
  .voice-platform-chooser button[data-voice-platform].selected,
  .voice-platform-buttons button[data-voice-choice].selected
)>:not(.rdev-liquid-glass__warp):not(.rdev-liquid-glass__tint):not(.rdev-liquid-glass__shine){
  color:#101820!important;
  text-shadow:0 0 1px rgba(255,255,255,.95),0 1px 1px rgba(255,255,255,.75)!important
}
/* option-motion5-full-fill-coverage */
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)::before{
  left:-325%!important;
  width:300%!important
}
/* screenshot-layout1: dropdown room, cards, semantic states, modal chrome. */
html body.dark :is(
  .custom-picker .picker-options>button[data-picker-value],
  .launcher-game,
  dialog.wizard-simple .wizard-choices button,
  .voice-platform-chooser button[data-voice-platform],
  .voice-platform-buttons button[data-voice-choice]
)::before{
  transition:transform .36s cubic-bezier(.22,.74,.24,1)!important
}
.custom-picker.open.picker-positioned>.picker-menu,
.rank-filter-dropdown[open]>.advanced-content,
.launcher-search-results:not([hidden]),
.country-options:not([hidden]){
  animation-duration:.44s!important
}

/* My-recruitment tab motion and semantic selection fills. */
html body .my-recruitment-tabs>.my-tab-glider{
  display:block!important;
  transition:transform .64s cubic-bezier(.16,.84,.24,1),background-color .34s ease,border-color .34s ease!important;
  will-change:transform!important
}
html body .my-recruitment-tabs[data-active="active"]>.my-tab-glider{
  background:#267b51!important;
  border-color:rgba(148,244,192,.68)!important
}
html body .my-recruitment-tabs[data-active="expired"]>.my-tab-glider{
  background:#a93449!important;
  border-color:rgba(255,173,184,.68)!important
}
html body .my-recruitment-tabs[data-active="all"]>.my-tab-glider{
  background:#23384d!important;
  border-color:rgba(176,220,255,.5)!important
}
html body .my-recruitment-tabs>button.selected,
html body .my-recruitment-tabs>button.selected :is(.my-tab-label,.my-tab-count){
  color:#fff!important;
  background:transparent!important;
  box-shadow:none!important
}
.my-recruitments-scroll{overflow-x:hidden!important}
.my-recruitments-grid{will-change:auto!important}
.my-recruitment-actions .status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border:1px solid transparent!important;
  color:#fff!important
}
.my-recruitment-actions .status-active{
  background:#267b51!important;
  border-color:rgba(148,244,192,.55)!important
}
.my-recruitment-actions :is(.status-expired,.status-rejected){
  background:#a93449!important;
  border-color:rgba(255,173,184,.55)!important
}

/* Recruitment card: the report and need controls share one real layout row. */
html body .recruit-card{
  min-width:0!important;
  padding:18px!important
}
html body .recruit-card .card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-height:0!important
}
html body .recruit-card .game-name{
  flex:1 1 auto!important;
  min-width:0!important;
  padding-top:5px!important
}
html body .recruit-card .card-head-actions{
  position:relative!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:6px!important;
  min-width:64px!important;
  max-width:92px!important
}
html body .recruit-card .card-head-actions :is(.report-button,.need-badge){
  position:static!important;
  inset:auto!important;
  margin:0!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border-radius:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important
}
html body .recruit-card .card-head-actions .report-button{order:1!important}
html body .recruit-card .card-head-actions .need-badge{order:2!important}
html body .recruit-card h3{
  min-width:0!important;
  min-height:0!important;
  padding-right:0!important;
  margin:10px 0 6px!important;
  overflow-wrap:anywhere!important
}
html body .recruit-card .card-body{min-height:0!important;margin:0!important;overflow-wrap:anywhere!important}
html body .recruit-card .tags{min-height:0!important;margin:15px 0 10px!important}
html body .recruit-card .card-timeframe{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:4px 10px!important;
  min-height:0!important;
  margin-top:7px!important
}
html body .recruit-card .card-bottom{margin-top:18px!important;padding-top:13px!important}
html body .latency-hint{
  border:1px solid transparent!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:none!important
}
html body .latency-hint.latency-good{
  background:#267b51!important;
  border-color:rgba(148,244,192,.55)!important
}
html body .latency-hint.latency-warning{
  background:#a97818!important;
  border-color:rgba(255,224,139,.58)!important
}
html body .latency-hint.latency-danger{
  background:#a93449!important;
  border-color:rgba(255,173,184,.58)!important
}

/* Publish/preferences top-right controls occupy separate columns. */
html body dialog#publish-modal>.modal-close,
html body dialog.wizard-simple>.modal-close{
  right:16px!important;
  top:16px!important;
  z-index:5200!important
}
html body dialog#publish-modal>.publish-progress{
  top:18px!important;
  right:78px!important;
  z-index:5000!important
}
html body .publish-layout>form{
  padding:64px 28px 22px!important
}
html body .publish-step-page{gap:10px!important}
html body .publish-step-page>label{padding:9px 10px!important}
html body .publish-step-page :is(.custom-picker,.picker-trigger){
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important
}
html body dialog.wizard-simple>.wizard-top{
  padding-right:88px!important
}
html body dialog.wizard-simple #wizard-progress{
  flex:0 1 165px!important;
  min-width:128px!important;
  max-width:165px!important;
  margin-right:0!important
}

@media(max-width:930px){
  html body .my-recruitment-tabs>.my-tab-glider{display:block!important}
  html body .my-recruitment-tabs>button.selected{background:transparent!important}
  html body .publish-layout>form{padding:62px 16px 18px!important}
  html body dialog.wizard-simple>.wizard-top{padding-right:72px!important}
}
@media(max-width:620px){
  html body .recruit-card{padding:15px!important}
  html body .recruit-card .card-head-actions{min-width:58px!important;max-width:78px!important}
  html body .recruit-card .card-head-actions :is(.report-button,.need-badge){padding:6px 8px!important;font-size:11px!important}
  html body .recruit-card .card-bottom{gap:10px!important}
  html body .recruit-card .discord{flex:0 0 auto!important}
  html body .my-recruitment-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-height:700px){
  html body .publish-layout>form{padding-top:56px!important;padding-bottom:10px!important}
  html body .publish-step-page{gap:7px!important}
  html body .publish-step-page>label{padding:6px 8px!important}
  html body .publish-step-page :is(.custom-picker,.picker-trigger){height:42px!important;min-height:42px!important;max-height:42px!important}
  html body .publish-wizard-nav{margin-top:5px!important}
  html body dialog.wizard-simple>.wizard-top{padding-top:10px!important;padding-bottom:4px!important}
  html body dialog.wizard-simple>.wizard-simple-page{padding-top:5px!important;padding-bottom:8px!important}
  html body dialog.wizard-simple .wizard-simple-page h2{font-size:30px!important;margin:4px 0 5px!important}
  html body dialog.wizard-simple .wizard-simple-page>p{margin-bottom:7px!important;line-height:1.35!important}
  html body dialog.wizard-simple .simple-block{margin-top:7px!important}
  html body dialog.wizard-simple .wizard-choices button{min-height:44px!important;padding:8px!important}
  html body dialog.wizard-simple>.wizard-nav{padding-top:6px!important;padding-bottom:9px!important}
}
/* screenshot-layout1 semantic specificity */
html body.dark .my-recruitment-actions .status.status-active{
  background:#267b51!important;
  background-color:#267b51!important;
  background-image:none!important;
  border-color:rgba(148,244,192,.55)!important;
  color:#fff!important
}
html body.dark .my-recruitment-actions .status:is(.status-expired,.status-rejected){
  background:#a93449!important;
  background-color:#a93449!important;
  background-image:none!important;
  border-color:rgba(255,173,184,.55)!important;
  color:#fff!important
}
html body.dark .recruit-card .latency-hint.latency-good{
  background:#267b51!important;
  background-color:#267b51!important;
  background-image:none!important;
  border-color:rgba(148,244,192,.55)!important;
  color:#fff!important
}
html body.dark .recruit-card .latency-hint.latency-warning{
  background:#a97818!important;
  background-color:#a97818!important;
  background-image:none!important;
  border-color:rgba(255,224,139,.58)!important;
  color:#fff!important
}
html body.dark .recruit-card .latency-hint.latency-danger{
  background:#a93449!important;
  background-color:#a93449!important;
  background-image:none!important;
  border-color:rgba(255,173,184,.58)!important;
  color:#fff!important
}