/* Source-derived liquid UI layer: one shared backdrop, native DOM controls. */
:root{
  --webgl-accent:#0088ff;
  --webgl-accent-dark:#0091ff;
  --webgl-selected:rgba(89,151,203,.32);
  --webgl-glass:rgba(255,255,255,.045);
  --webgl-line:rgba(255,255,255,.4);
  --webgl-dark-line:rgba(191,219,255,.2);
  --webgl-text:#122038;
  --webgl-dark-text:#edf5ff;
  --webgl-radius:24px;
}

html.initial-dark{background:#0f0c15;color-scheme:dark}
html.initial-dark body{background:#0f0c15;color:#edf5ff}
html,body{min-height:100%}
body{isolation:isolate}
body.dark{color-scheme:dark;background:#0f0c15!important;color:var(--webgl-dark-text)!important}
body:not(.dark){background:#edf5fb!important;color:var(--webgl-text)!important}
body>.webgl-rays{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.92;contain:strict}
body:not(.dark)>.webgl-rays{opacity:.44;filter:saturate(.82)}
body>.topbar,body>main,body>footer,body>.admin-shell,body>.orb,body>.liquid-filter-defs{position:relative;z-index:1}
body>.orb{display:none!important}

/* Transparent liquid button, based on the source 48px capsule geometry. */
.webgl-control,
.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary{
  --liquid-x:50%;--liquid-y:50%;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:48px!important;
  border-radius:999px!important;
  padding-inline:16px!important;
  border:1px solid rgba(255,255,255,.52)!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),inset 1px 0 0 rgba(255,132,173,.12),inset -1px 0 0 rgba(64,207,238,.18),0 7px 20px rgba(17,36,66,.12)!important;
  backdrop-filter:blur(3px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(3px) saturate(125%)!important;
  transition:transform .26s cubic-bezier(.2,.86,.24,1),border-color .24s ease,box-shadow .24s ease,background-color .34s ease!important;
  contain:paint;
}
.topbar nav{gap:8px!important}
.topbar nav .nav-item,
.footer .link-button{
  min-height:42px!important;
  padding:0 15px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:transparent!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 6px 16px rgba(2,10,24,.12)!important;
  white-space:nowrap!important;
}
.dark :is(.topbar nav .nav-item,.footer .link-button){border-color:rgba(178,216,255,.18)!important;color:var(--webgl-dark-text)!important}
.dark :is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary){
  color:var(--webgl-dark-text)!important;
  border-color:var(--webgl-dark-line)!important;
  background-color:transparent!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),inset 1px 0 rgba(255,112,166,.07),inset -1px 0 rgba(61,206,238,.14),0 9px 22px rgba(0,4,14,.28)!important;
}
.webgl-control::before,
.oauth-button::before,.match-button::before,.picker-trigger::before,.rank-filter-dropdown>summary::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;border-radius:inherit!important;
  background:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.26),rgba(255,255,255,.06) 26%,transparent 58%)!important;
  opacity:.15!important;filter:none!important;mix-blend-mode:screen;transform:none!important;
}
.webgl-control::after,
.oauth-button::after,.match-button::after,.picker-trigger::after,.rank-filter-dropdown>summary::after{
  content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(112deg,rgba(255,255,255,.26),transparent 31%,transparent 69%,rgba(89,207,238,.13));opacity:.7;
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary)>*:not(.liquid-control-warp):not(.liquid-control-tint):not(.liquid-control-shine):not(.liquid-control-border){position:relative;z-index:2}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):hover{border-color:rgba(109,204,255,.62)!important;box-shadow:inset 0 1px rgba(255,255,255,.66),0 10px 24px rgba(35,125,193,.16)!important}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):hover::before,
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary).is-pressing::before{opacity:.36!important}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary).is-pressing{transform:translate3d(var(--press-x,0),var(--press-y,0),0) scale(1.045)!important;transition-duration:.11s!important;will-change:transform}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):is(.selected,.active,.is-selected,[aria-pressed="true"],[aria-selected="true"]){
  background-color:var(--webgl-selected)!important;border-color:rgba(127,203,255,.5)!important;color:#f4f9ff!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.45),inset -1px 0 rgba(73,218,242,.25),0 9px 22px rgba(28,112,178,.2)!important;
}
.webgl-control:not(.selected):not(.active):not(.is-selected):not([aria-pressed="true"]):not([aria-selected="true"]){background-color:transparent!important;background-image:none!important}
.modal-close.webgl-control{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;border-radius:50%!important}
.liquid-control>.liquid-control-warp,.liquid-control>.liquid-control-tint,.liquid-control>.liquid-control-shine,.liquid-control>.liquid-control-border{display:none!important;filter:none!important;backdrop-filter:none!important}
.picker-options button,.launcher-search-results button,.simple-game-choices button{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;contain:layout paint}

/* React Bits style Border Glow, with a transparent single-frame input. */
.border-glow-field{--edge-proximity:0;--cursor-angle:0deg;position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid transparent!important;background:linear-gradient(rgba(245,250,255,.72),rgba(245,250,255,.72)) padding-box!important}
.dark .border-glow-field{background:linear-gradient(rgba(4,14,32,.58),rgba(4,14,32,.58)) padding-box!important}
.border-glow-field::before{content:""!important;position:absolute!important;inset:-1px!important;border-radius:inherit!important;padding:1px!important;pointer-events:none!important;opacity:calc(.34 + var(--edge-proximity)*.66)!important;background:conic-gradient(from var(--cursor-angle),#ff7f76,#766cff,#25d3f2,#6ce6bd,#ff7f76)!important;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;mask-composite:exclude!important;-webkit-mask-composite:xor!important;filter:none!important;z-index:3!important}
.border-glow-field::after{content:"";position:absolute;inset:-18px;pointer-events:none;border-radius:inherit;background:conic-gradient(from var(--cursor-angle),transparent 76%,rgba(80,168,255,.24),transparent 92%);filter:blur(12px);opacity:calc(var(--edge-proximity)*.72);z-index:-1}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.border-glow-field) input,
.dark :is(.search,.more-game-search,.wizard-game-search,.picker-search,.border-glow-field) input{
  width:100%!important;height:100%!important;margin:0!important;border:0!important;outline:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:inherit!important;caret-color:var(--webgl-accent-dark)!important;line-height:1.2!important;padding-block:0!important;
}
.dark :is(.search,.more-game-search,.wizard-game-search,.picker-search,.border-glow-field) input::placeholder{color:rgba(219,231,249,.56)!important}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.border-glow-field) input:-webkit-autofill{-webkit-text-fill-color:inherit!important;box-shadow:0 0 0 1000px transparent inset!important;transition:background-color 9999s!important}
.search,.more-game-search,.wizard-game-search,.picker-search{min-height:50px!important;border-radius:17px!important}

/* Source slider: 6px track, 40x24 frosted knob, 48px interaction band. */
.lobby-dual,.publish-dual{position:relative!important;height:48px!important;min-height:48px!important;overflow:visible!important}
.lobby-dual::before,.publish-dual::before{content:""!important;position:absolute!important;left:10px!important;right:10px!important;top:21px!important;height:6px!important;border-radius:3px!important;background:rgba(120,120,128,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.18)!important;filter:none!important}
.lobby-dual-fill,.publish-dual>span{position:absolute!important;left:var(--low,0%)!important;top:21px!important;width:calc(var(--high,100%) - var(--low,0%))!important;min-width:6px!important;height:6px!important;border-radius:3px!important;background:var(--webgl-accent-dark)!important;box-shadow:0 0 11px rgba(0,145,255,.28)!important;pointer-events:none!important}
.lobby-dual input,.publish-dual input{position:absolute!important;inset:0!important;width:100%!important;height:48px!important;margin:0!important;padding:0 10px!important;background:transparent!important;box-shadow:none!important;border:0!important;pointer-events:none!important;appearance:none!important;-webkit-appearance:none!important}
.lobby-dual input::-webkit-slider-runnable-track,.publish-dual input::-webkit-slider-runnable-track{height:6px!important;background:transparent!important}
.lobby-dual input::-webkit-slider-thumb,.publish-dual input::-webkit-slider-thumb{appearance:none!important;-webkit-appearance:none!important;width:40px!important;height:24px!important;margin-top:-9px!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 2px 9px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.9)!important;pointer-events:auto!important;cursor:grab!important;backdrop-filter:blur(8px)!important}
.lobby-dual input::-moz-range-track,.publish-dual input::-moz-range-track{height:6px!important;background:transparent!important}
.lobby-dual input::-moz-range-thumb,.publish-dual input::-moz-range-thumb{width:40px!important;height:24px!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 2px 9px rgba(0,0,0,.2)!important;pointer-events:auto!important;cursor:grab!important}
.lobby-dual input:active::-webkit-slider-thumb,.publish-dual input:active::-webkit-slider-thumb{backdrop-filter:none!important;transform:scale(1.08);cursor:grabbing}
.publish-range-values,.lobby-rank-values{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-width:0!important}
.publish-range-values>span,.lobby-rank-values>span{display:block!important;min-width:0!important;width:100%!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:clamp(11px,.82vw,14px)!important}
.publish-range-values>span:last-child,.lobby-rank-values>span:last-child{text-align:right}
.publish-range-values img,.lobby-rank-values img{display:none!important}

/* Connected source-style bottom tabs. */
.my-recruitment-tabs{
  --tab-index:0;display:inline-grid!important;width:min(480px,100%)!important;min-width:360px!important;height:58px!important;min-height:58px!important;max-height:58px!important;grid-template-columns:repeat(3,minmax(112px,1fr))!important;gap:0!important;padding:4px!important;margin:14px 0 18px!important;border:1px solid rgba(255,255,255,.42)!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 12px 28px rgba(2,10,24,.16)!important;overflow:hidden!important;justify-self:start!important;
}
.my-recruitment-tabs>.my-tab-glider{left:4px!important;top:4px!important;width:calc((100% - 8px)/3)!important;height:48px!important;min-height:48px!important;max-height:48px!important;border-radius:999px!important;background:rgba(112,183,224,.23)!important;border:1px solid rgba(188,229,255,.36)!important;box-shadow:inset 0 1px rgba(255,255,255,.36),0 7px 18px rgba(19,99,151,.18)!important;backdrop-filter:blur(5px) saturate(130%)!important;filter:none!important;transform:translate3d(calc(var(--tab-index)*100%),0,0)!important;transition:transform .48s cubic-bezier(.2,.86,.22,1)!important}
.my-recruitment-tabs[data-active]>.my-tab-glider{background:rgba(112,183,224,.23)!important}
.my-recruitment-tabs>button{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 15px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:999px!important;backdrop-filter:none!important}
.my-recruitment-tabs>button.selected{color:#f5faff!important;background:transparent!important}
.glass-bottom-tabs{border-radius:999px!important;padding:4px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:inset 0 1px rgba(255,255,255,.2)!important}
.glass-bottom-tabs:not(.my-recruitment-tabs){position:relative!important;isolation:isolate!important;overflow:hidden!important}
.glass-bottom-tabs>.glass-tab-glider{position:absolute!important;left:var(--tab-left,4px)!important;top:var(--tab-top,4px)!important;width:var(--tab-width,0)!important;height:var(--tab-height,40px)!important;border-radius:999px!important;background:rgba(112,183,224,.23)!important;border:1px solid rgba(188,229,255,.32)!important;box-shadow:inset 0 1px rgba(255,255,255,.32),0 6px 16px rgba(19,99,151,.16)!important;pointer-events:none!important;z-index:0!important;transition:left .42s cubic-bezier(.2,.86,.22,1),top .42s cubic-bezier(.2,.86,.22,1),width .42s cubic-bezier(.2,.86,.22,1)!important}
.glass-bottom-tabs>:is(button,a){position:relative!important;z-index:1!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important}
.glass-bottom-tabs>:is(button,a):is(.active,.selected,[aria-selected="true"]){background:transparent!important}
.auth-tabs.glass-bottom-tabs{display:inline-flex!important;width:max-content!important;max-width:100%!important;min-width:0!important;gap:0!important;margin-bottom:20px!important;padding:4px!important;border-bottom:1px solid rgba(255,255,255,.25)!important}
.auth-tabs.glass-bottom-tabs>button{min-width:76px!important;height:40px!important;padding:0 16px!important;border:0!important}

/* Pickers are invisible until their final geometry is resolved. */
.custom-picker.open:not(.picker-positioned)>.picker-menu{visibility:hidden!important;opacity:0!important;animation:none!important;transition:none!important}
.custom-picker.open.picker-positioned>.picker-menu{visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0)!important}
.custom-picker.open.picker-positioned:not(.drop-up)>.picker-menu{animation:webglPickerDown .28s cubic-bezier(.2,.86,.22,1) both!important;transform-origin:top center!important}
.custom-picker.open.picker-positioned.drop-up>.picker-menu{animation:webglPickerUp .28s cubic-bezier(.2,.86,.22,1) both!important;transform-origin:bottom center!important}
@keyframes webglPickerDown{from{opacity:0;transform:translate3d(0,-7px,0) scaleY(.96)}to{opacity:1;transform:none}}
@keyframes webglPickerUp{from{opacity:0;transform:translate3d(0,7px,0) scaleY(.96)}to{opacity:1;transform:none}}
.picker-menu{background:rgba(235,245,253,.72)!important;border-color:rgba(255,255,255,.55)!important;backdrop-filter:blur(14px) saturate(132%)!important;-webkit-backdrop-filter:blur(14px) saturate(132%)!important}
.dark .picker-menu{background:rgba(5,18,39,.78)!important;border-color:rgba(179,216,255,.17)!important;color:var(--webgl-dark-text)!important}
.picker-trigger{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;padding-inline:14px!important}
.picker-trigger>span,.rank-summary-label{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:clamp(11px,.86vw,15px)!important;line-height:1.15!important}
.rank-summary-label{white-space:normal!important;line-height:1.05!important;font-size:clamp(10px,.72vw,12px)!important;text-align:left!important;max-height:2.15em!important;overflow:hidden!important;overflow-wrap:anywhere!important}
.picker-trigger>b,.rank-filter-dropdown>summary>b{flex:0 0 auto!important}
.rank-filter-dropdown{min-width:210px!important}
.rank-filter-dropdown>summary{display:flex!important;align-items:center!important;gap:8px!important;min-width:210px!important;padding-inline:14px!important;overflow:hidden!important}
.filters{grid-template-columns:minmax(235px,1.35fr) minmax(130px,.75fr) minmax(130px,.75fr) minmax(115px,.62fr) minmax(240px,1.18fr) minmax(125px,.7fr) minmax(140px,.78fr) 104px!important}
.filters .rank-filter-dropdown,.filters .rank-filter-dropdown>summary{min-width:0!important;width:100%!important;max-width:100%!important}

/* Publish wizard: both steps fit without an internal scrollbar. */
.publish-modal{height:min(744px,calc(100dvh - 20px))!important;overflow:hidden!important}
.dark dialog.modal,.dark .publish-modal{background:rgba(5,18,39,.32)!important;background-image:none!important;backdrop-filter:blur(10px) saturate(128%)!important;-webkit-backdrop-filter:blur(10px) saturate(128%)!important}
.publish-layout>form{overflow:hidden!important;padding:18px 22px!important}
.publish-form-grid{overflow:hidden!important;padding:2px 8px 2px 2px!important;scrollbar-gutter:auto!important}
.publish-step-page{gap:10px!important;align-content:start!important}
.publish-step-page>label{padding:10px!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 7px 20px rgba(3,14,32,.12)!important}
.publish-step-page .custom-picker,.publish-step-page .picker-trigger{height:48px!important;min-height:48px!important;max-height:48px!important}
.publish-step-page textarea{min-height:92px!important;max-height:112px!important}
.voice-platform-buttons{gap:9px!important}.voice-platform-buttons button{min-height:50px!important}
.publish-wizard-nav{margin-top:8px!important;padding-top:6px!important;flex:0 0 auto!important}
.publish-submit{min-height:52px!important;margin-top:8px!important;flex:0 0 auto!important}

/* Keep text legible without clipping in all summary controls. */
.filters .custom-picker,.filters .rank-filter-dropdown{min-width:0!important}
.filters .picker-trigger>span{font-size:clamp(10px,.74vw,14px)!important}
.dark input,.dark textarea,.dark select{color:#edf5ff!important;background:rgba(4,14,32,.42)!important;border-color:rgba(171,209,249,.16)!important}
.dark input::placeholder,.dark textarea::placeholder{color:rgba(219,231,249,.52)!important}

@media(max-width:930px){
  .my-recruitment-tabs{width:100%!important;min-width:0!important}
  .publish-form-grid{overflow-y:auto!important}
  .webgl-control{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .filters{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){.my-recruitment-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.my-recruitment-tabs>button{padding:0 8px!important}}
@media(max-width:1240px) and (min-width:931px){.filters{grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(130px,1fr))!important}.filters .search{grid-column:span 2!important}.filters .rank-filter-dropdown{grid-column:span 2!important}}
@media(prefers-reduced-motion:reduce){.webgl-control,.my-tab-glider,.picker-menu{transition:none!important;animation:none!important}.webgl-rays{display:none!important}}

/* 2026-07-15 — high-contrast black glass release.
   Keep the DOM and product layout intact; this final layer neutralises the
   historical coloured fills and applies the source-derived glass language. */
:root{
  --webgl-accent:#49a8ff;
  --webgl-accent-dark:#65b8ff;
  --webgl-text:#eaf3ff;
  --webgl-dark-text:#f2f7ff;
  --black-glass-bg:#030305;
  --black-glass-panel:rgba(7,8,11,.82);
  --black-glass-menu:rgba(8,9,13,.9);
  --black-glass-line:rgba(205,228,255,.2);
  --black-glass-highlight:rgba(255,255,255,.46);
}

html.initial-dark,
html.initial-dark body,
body.dark,
body.admin-dark{
  color-scheme:dark;
  background:var(--black-glass-bg)!important;
  color:var(--webgl-dark-text)!important;
}
body.dark::before,
body.admin-dark::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse 42% 34% at 103% -4%,rgba(169,216,235,.12),rgba(93,133,160,.045) 38%,transparent 70%),
    radial-gradient(ellipse 32% 26% at 82% 0%,rgba(255,255,255,.035),transparent 72%),
    var(--black-glass-bg)!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
body>.webgl-rays{display:none!important}
body.dark :is(.orb,.admin-shell::before,.admin-shell::after){animation:none!important}

/* No chromatic under-fill: glass is expressed through refraction edges,
   specular highlights and shadow only. */
body.dark :is(
  .topbar,.filters,.launcher-game,.launcher-stats,.recruit-card,.empty,.guest-gate,
  .admin-hero,.admin-stat,.admin-panel,.admin-header,.admin-tabs,.admin-subtabs,
  .my-recruitment-entry,.my-recruitment-actions,.my-recruitments-empty,
  .section-title,.board-actions,.footer,.notice,.publish-step-page>label
){
  background-color:transparent!important;
  background-image:none!important;
}
body.dark :is(
  .topbar,.filters,.launcher-game,.launcher-stats,.recruit-card,.empty,.guest-gate,
  .admin-hero,.admin-stat,.admin-panel,.admin-header,.my-recruitment-entry,
  .my-recruitment-actions,.my-recruitments-empty
){
  border-color:var(--black-glass-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 1px 0 0 rgba(255,135,179,.025),inset -1px 0 0 rgba(75,206,242,.055),0 14px 34px rgba(0,0,0,.2)!important;
}

/* Source Buttons: 48px transparent capsule, light refraction and an
   under-damped, transform-only press. No per-button backdrop blur. */
body.dark :is(
  .webgl-control,.oauth-button,.match-button,.picker-trigger,
  .rank-filter-dropdown>summary,button:not([data-theme]):not([data-admin-theme]),
  .topbar nav a,.admin-header a.back
){
  background-color:transparent!important;
  background-image:none!important;
  color:var(--webgl-dark-text)!important;
  border-color:var(--black-glass-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 1px 0 0 rgba(255,119,168,.035),inset -1px 0 0 rgba(69,214,244,.075),0 8px 22px rgba(0,0,0,.19)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary)::before{
  background:radial-gradient(circle at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.28),rgba(255,255,255,.055) 24%,transparent 58%)!important;
  opacity:.12!important;
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary)::after{
  background:linear-gradient(112deg,rgba(255,255,255,.25),transparent 30%,transparent 70%,rgba(103,211,242,.09))!important;
  opacity:.62!important;
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):is(:hover,:focus-visible){
  border-color:rgba(96,188,255,.52)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.42),inset -1px 0 rgba(94,211,243,.12),0 10px 26px rgba(0,0,0,.23),0 0 0 1px rgba(65,160,255,.08)!important;
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary).is-pressing{
  transform:translate3d(0,0,0) scale(1.042)!important;
  transition:transform .12s cubic-bezier(.2,.86,.24,1)!important;
  will-change:transform;
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):is(.selected,.active,.is-selected,[aria-pressed="true"],[aria-selected="true"]){
  background-color:transparent!important;
  background-image:none!important;
  color:var(--webgl-accent-dark)!important;
  border-color:rgba(101,184,255,.5)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.3),inset -1px 0 rgba(83,207,241,.15),0 0 0 1px rgba(73,168,255,.08),0 9px 24px rgba(0,0,0,.2)!important;
}
.game-choice-fill,.selection-liquid-fill,.button-liquid-fill,.rank-summary-fill{display:none!important}

/* Border Glow: source mesh border + proximity cone; the input interior stays
   transparent. The wrapper list deliberately excludes launcher-search-combobox
   so nested search controls never render a double frame. */
.launcher-search-combobox{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-field{
  --edge-opacity:0;
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(201,224,255,.13)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.16)!important;
  transform:translate3d(0,0,.01px);
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-field::before{
  content:""!important;
  position:absolute!important;
  inset:-1px!important;
  z-index:3!important;
  border-radius:inherit!important;
  padding:1px!important;
  pointer-events:none!important;
  opacity:var(--edge-opacity)!important;
  background:
    radial-gradient(circle at 80% 55%,#c084fc 0 1px,transparent 28%),
    radial-gradient(circle at 69% 34%,#f472b6 0 1px,transparent 27%),
    radial-gradient(circle at 8% 6%,#38bdf8 0 1px,transparent 29%),
    radial-gradient(circle at 41% 38%,#c084fc 0 1px,transparent 25%),
    radial-gradient(circle at 86% 85%,#f472b6 0 1px,transparent 29%),
    radial-gradient(circle at 82% 18%,#38bdf8 0 1px,transparent 26%),
    radial-gradient(circle at 51% 4%,#f472b6 0 1px,transparent 28%),
    conic-gradient(from var(--cursor-angle),transparent 0 72%,rgba(56,189,248,.95) 80%,rgba(192,132,252,.9) 88%,transparent 96%)!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  mask-composite:exclude!important;
  -webkit-mask-composite:xor!important;
  filter:none!important;
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-field::after{
  content:""!important;
  position:absolute!important;
  inset:-16px!important;
  z-index:-1!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:calc(var(--edge-opacity)*.46)!important;
  background:conic-gradient(from var(--cursor-angle),transparent 74%,rgba(62,174,255,.32),rgba(192,132,252,.18),transparent 94%)!important;
  filter:blur(14px)!important;
}
body.dark :is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-field,
body.dark :is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-field input{
  background:transparent!important;
  background-image:none!important;
  color:#edf5ff!important;
}
body.dark :is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search) input::placeholder{color:rgba(219,231,249,.52)!important}

/* Source Bottom Tabs: a single connected rail and one transparent glass drop
   that glides above the selected option. */
.my-recruitment-tabs{
  display:inline-grid!important;
  width:min(440px,100%)!important;
  min-width:330px!important;
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  grid-template-columns:repeat(3,minmax(104px,1fr))!important;
  gap:0!important;
  padding:4px!important;
  margin:12px 0 18px!important;
  border:1px solid rgba(205,228,255,.18)!important;
  border-radius:999px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 10px 26px rgba(0,0,0,.22)!important;
  overflow:clip!important;
}
.my-recruitment-tabs>.my-tab-glider{
  left:4px!important;
  top:4px!important;
  width:calc((100% - 8px)/3)!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  border-radius:999px!important;
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(188,229,255,.38)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.35),inset -1px 0 rgba(80,211,244,.12),0 8px 19px rgba(0,0,0,.23)!important;
  backdrop-filter:blur(8px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(145%)!important;
  transform:translate3d(calc(var(--tab-index)*100%),0,0)!important;
  transition:transform .46s cubic-bezier(.2,.86,.22,1)!important;
}
.my-recruitment-tabs[data-active]>.my-tab-glider{background:transparent!important;background-image:none!important}
.my-recruitment-tabs>button,
.my-recruitment-tabs>button.selected{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  padding:0 14px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(226,237,252,.74)!important;
}
.dark .my-recruitment-tabs>button,
.dark .my-recruitment-tabs>button.selected{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
}
.my-recruitment-tabs>button.selected,
.my-recruitment-tabs>button.selected :is(.my-tab-label,.my-tab-count){color:var(--webgl-accent-dark)!important}
.my-recruitment-tabs>button .my-tab-count{background:transparent!important;border:1px solid rgba(205,228,255,.12)!important}
.my-recruitment-tabs>button::before,.my-recruitment-tabs>button::after{display:none!important}

.glass-bottom-tabs,
body.dark :is(.admin-tabs,.admin-subtabs,.auth-tabs).glass-bottom-tabs{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(205,228,255,.17)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 24px rgba(0,0,0,.18)!important;
}
.glass-bottom-tabs>.glass-tab-glider{
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(188,229,255,.32)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.3),inset -1px 0 rgba(80,211,244,.1),0 7px 18px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px) saturate(142%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(142%)!important;
}
.glass-bottom-tabs>:is(button,a),
.glass-bottom-tabs>:is(button,a):is(.active,.selected,[aria-selected="true"]){background:transparent!important;background-image:none!important;box-shadow:none!important}
.glass-bottom-tabs>:is(button,a):is(.active,.selected,[aria-selected="true"]){color:var(--webgl-accent-dark)!important}

/* Secondary layers are the only surfaces allowed an opacity-bearing neutral
   backdrop; it improves readability without introducing coloured under-fill. */
body.dark :is(
  dialog.modal,.publish-modal,.picker-menu,.launcher-search-results,
  .advanced-content,.modal-card,.admin-action-modal,.simple-wizard-modal
){
  background:var(--black-glass-menu)!important;
  background-image:none!important;
  border-color:rgba(205,228,255,.2)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 26px 70px rgba(0,0,0,.52)!important;
  backdrop-filter:blur(12px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(118%)!important;
}
body.dark dialog.modal>.liquid-glass-warp{
  background:rgba(255,255,255,.008)!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.dark dialog.modal>.liquid-glass-border-screen{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.dark dialog.modal>.liquid-glass-tint{display:none!important;background:transparent!important;background-image:none!important}
body.dark dialog.modal>.liquid-glass-shine{
  background:radial-gradient(ellipse 78% 34% at 24% -7%,rgba(255,255,255,.12),transparent 70%)!important;
  opacity:.72!important;
}
body.dark dialog.modal>.liquid-glass-border{
  border-color:rgba(214,233,255,.16)!important;
  box-shadow:inset 1px 1px rgba(255,255,255,.16),inset -1px -1px rgba(86,201,231,.06)!important;
}
body.dark .publish-layout>aside{
  background:transparent!important;
  background-image:none!important;
  border-right:1px solid rgba(205,228,255,.14)!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.025)!important;
}
body.dark .publish-layout>aside li,
body.dark .publish-layout>aside li.active{
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(205,228,255,.13)!important;
  color:rgba(225,236,251,.72)!important;
}
body.dark .publish-layout>aside li.active{color:var(--webgl-accent-dark)!important;border-color:rgba(101,184,255,.42)!important}
body.dark :is(.publish-wizard-nav,.publish-submit-wrap){background:transparent!important;background-image:none!important;box-shadow:none!important}
body.dark :is(.picker-menu,.launcher-search-results,.advanced-content) button,
body.dark :is(.picker-options,.launcher-search-results,.simple-game-choices) button{
  background:transparent!important;
  background-image:none!important;
  border-color:rgba(205,228,255,.1)!important;
}
body.dark :is(.picker-options,.launcher-search-results,.simple-game-choices) button:is(.selected,[aria-selected="true"],[aria-pressed="true"]){
  color:var(--webgl-accent-dark)!important;
  border-color:rgba(101,184,255,.42)!important;
}
body.dark :is(input,textarea,select),
body.dark .publish-step-page>label{
  background:transparent!important;
  background-image:none!important;
  color:#edf5ff!important;
  border-color:rgba(205,228,255,.16)!important;
}

/* One notification lane, always above dialogs and custom cursors. */
#toast,#admin-toast,#context-hint,
#toast[popover],#admin-toast[popover],#context-hint[popover]{
  position:fixed!important;
  inset:18px auto auto 50%!important;
  width:max-content!important;
  max-width:min(560px,calc(100vw - 32px))!important;
  min-height:42px!important;
  margin:0!important;
  padding:10px 17px!important;
  border:1px solid rgba(211,231,255,.2)!important;
  border-radius:999px!important;
  background:rgba(17,19,24,.88)!important;
  background-image:none!important;
  color:#f4f8ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 16px 38px rgba(0,0,0,.38)!important;
  backdrop-filter:blur(16px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(120%)!important;
  translate:0 0!important;
  transform:translate3d(-50%,-18px,0) scale(.96)!important;
  opacity:0!important;
  z-index:2147483647!important;
  pointer-events:none!important;
  transition:opacity .24s ease,transform .34s cubic-bezier(.2,.86,.22,1)!important;
}
#toast.show,#admin-toast.show,#context-hint.show,
#toast[popover].show,#admin-toast[popover].show,#context-hint[popover].show{
  translate:0 0!important;
  transform:translate3d(-50%,0,0) scale(1)!important;
  opacity:1!important;
}

/* Admin matches the public black-glass palette. */
body.admin-dark :is(.data-table th,.data-table td){background:transparent!important;color:#e9f2ff!important;border-color:rgba(205,228,255,.09)!important}
body.admin-dark .data-table tr:hover td{background:rgba(255,255,255,.018)!important}
body.admin-dark :is(.status,.role-pill,.provider-pill){background:transparent!important;border-color:rgba(205,228,255,.13)!important}
body.admin-dark :is(.admin-shell,.admin-header,.admin-main,.admin-heading,.stat,.admin-panel,.admin-tabs,.admin-subtabs){
  background-color:transparent!important;
  background-image:none!important;
}
body.admin-dark :is(.admin-heading,.stat,.admin-panel){
  border-color:rgba(205,228,255,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 34px rgba(0,0,0,.2)!important;
}
body.admin-dark .admin-stat-grid .stat{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
body.admin-dark :is(.admin-tabs,.admin-subtabs)>button,
body.admin-dark :is(.admin-tabs,.admin-subtabs)>button.active{
  background:transparent!important;
  background-image:none!important;
  color:rgba(226,237,252,.72)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.admin-dark :is(.admin-tabs,.admin-subtabs)>button.active{color:var(--webgl-accent-dark)!important}
body.dark :is(.launcher-stats>div,.need-badge,.tag,.latency-hint,.status,.role-pill,.provider-pill){
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(205,228,255,.12)!important;
  color:inherit!important;
}

@media(max-width:930px){
  .my-recruitment-tabs{width:100%!important;min-width:0!important}
  .my-recruitment-tabs>.my-tab-glider{display:block!important}
  body.dark :is(dialog.modal,.picker-menu,.launcher-search-results,.advanced-content){backdrop-filter:blur(10px) saturate(112%)!important;-webkit-backdrop-filter:blur(10px) saturate(112%)!important}
}
@media(prefers-reduced-motion:reduce){
  .my-recruitment-tabs>.my-tab-glider,.glass-bottom-tabs>.glass-tab-glider{transition:none!important}
}

/* ========================================================================== */
/* 2026-07-15 liquid-glass integration                                        */
/* ========================================================================== */
:root{
  --om-night:#0b0911;
  --om-night-elevated:#11101a;
  --om-light:#edf3f8;
  --om-light-elevated:rgba(255,255,255,.62);
  --om-glass-line:rgba(235,246,255,.34);
  --om-glass-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.18);
  --om-spring:cubic-bezier(.18,.89,.32,1.14);
}
html,body{max-width:100%;overflow-x:clip!important}
html.initial-dark,html[data-theme="dark"]{background:var(--om-night)!important;color-scheme:dark}
body.dark{
  --bg:var(--om-night)!important;
  --card:transparent!important;
  --text:#f2f5fb!important;
  --muted:#a4adbc!important;
  --line:rgba(224,239,255,.14)!important;
  background-color:var(--om-night)!important;
  background-image:radial-gradient(ellipse 72% 58% at 104% -6%,rgba(155,191,190,.2),rgba(112,164,199,.065) 30%,transparent 60%),linear-gradient(135deg,#09080f 0%,#0c0a12 54%,#0a0910 100%)!important;
}
body.dark::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:.86!important;
  background:radial-gradient(ellipse 44% 42% at 103% -3%,rgba(213,228,198,.27),rgba(126,184,210,.105) 30%,transparent 72%)!important;
  background-size:auto!important;
  animation:none!important;
}
body.dark>.webgl-rays{
  display:block!important;
  opacity:.46!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  animation:none!important;
}
body:not(.dark)>.webgl-rays{display:none!important}
body.admin-dark>.webgl-rays{display:block!important;opacity:.38!important;mix-blend-mode:normal!important;filter:none!important}
body>:not(.webgl-rays):not(#ambient-confetti):not(.orb){position:relative;z-index:1}

/* Secondary surfaces use the page behind them as their only colour source. */
:is(dialog.modal,.picker-menu,.launcher-search-results,.advanced-content,.admin-action-modal){
  background-color:transparent!important;
  background-image:none!important;
  border:1px solid var(--om-glass-line)!important;
  box-shadow:var(--om-glass-shadow)!important;
  backdrop-filter:blur(24px) saturate(118%) brightness(1.06)!important;
  -webkit-backdrop-filter:blur(24px) saturate(118%) brightness(1.06)!important;
}
body.dark :is(dialog.modal,.picker-menu,.launcher-search-results,.advanced-content,.admin-action-modal){
  background-color:rgba(255,255,255,.012)!important;
  border-color:rgba(235,246,255,.29)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.18),inset -1px -1px rgba(122,195,217,.05)!important;
  backdrop-filter:blur(26px) saturate(112%) brightness(.96)!important;
  -webkit-backdrop-filter:blur(26px) saturate(112%) brightness(.96)!important;
}
:is(.picker-menu,.launcher-search-results,.advanced-content)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:radial-gradient(ellipse 80% 22% at 22% 0%,rgba(255,255,255,.18),transparent 70%);
  opacity:.52;
}
dialog.modal::backdrop{background:rgba(5,5,9,.52)!important;backdrop-filter:blur(7px) saturate(.86)!important;-webkit-backdrop-filter:blur(7px) saturate(.86)!important}

/* Close controls always own a reserved corner and never join the liquid grid. */
dialog.modal>.modal-close,
dialog.modal>.modal-close.webgl-control{
  position:absolute!important;
  inset:14px 14px auto auto!important;
  z-index:10000!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0!important;
  transform:none!important;
  isolation:isolate!important;
  background:rgba(8,10,16,.2)!important;
  border:1px solid rgba(235,246,255,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 24px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
}
dialog.modal>.modal-close:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.62)!important}

/* Localised button lens: brief refraction-like pulse without a permanent GPU filter. */
.webgl-control{isolation:isolate!important;overflow:clip!important;transform-origin:var(--press-x,50%) var(--press-y,50%)!important;will-change:auto!important}
.webgl-control.is-pointer-near::before{opacity:.24!important;transition:opacity .2s ease,background-position .12s linear!important}
.webgl-control.is-pressing{transform:translateY(1px) scale(1.022,.975)!important;transition:transform .1s ease!important}
.webgl-control.is-releasing{animation:om-button-release .42s var(--om-spring)!important}
.liquid-press-lens{
  position:absolute!important;
  left:var(--press-x,50%)!important;
  top:var(--press-y,50%)!important;
  z-index:0!important;
  width:max(130%,180px)!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  pointer-events:none!important;
  translate:-50% -50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.2) 0 8%,rgba(202,235,255,.08) 22%,rgba(255,255,255,.025) 48%,transparent 68%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 24px rgba(165,216,255,.08)!important;
  backdrop-filter:blur(2px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(2px) saturate(140%)!important;
  animation:om-liquid-lens .58s cubic-bezier(.16,.84,.25,1) both!important;
}
.webgl-control>*:not(.liquid-press-lens){position:relative;z-index:1}
@keyframes om-liquid-lens{0%{opacity:0;scale:.08 .04}28%{opacity:1;scale:.68 .42}68%{opacity:.52;scale:1.02 .82}100%{opacity:0;scale:1.3 1.08}}
@keyframes om-button-release{0%{transform:translateY(1px) scale(1.022,.975)}52%{transform:translateY(-1px) scale(.992,1.018)}100%{transform:none}}

/* Spring indicator for every connected option group. */
.my-recruitment-tabs>.my-tab-glider,
.glass-bottom-tabs>.glass-tab-glider{
  transform-origin:center!important;
  will-change:translate,scale!important;
  transition:transform .54s var(--om-spring),left .54s var(--om-spring),width .54s var(--om-spring)!important;
}
.my-recruitment-tabs>.my-tab-glider{transition:none!important}

/* Every custom picker enters vertically, clips horizontally, and scrolls only up/down. */
.custom-picker{max-width:100%!important;min-width:0!important}
.picker-menu{
  width:max(100%,min(360px,calc(100vw - 32px)))!important;
  max-width:min(430px,calc(100vw - 32px))!important;
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  transform-origin:top center!important;
  contain:layout paint!important;
}
.custom-picker.drop-up>.picker-menu{transform-origin:bottom center!important}
.picker-options,.picker-options>*{max-width:100%!important;min-width:0!important}
.picker-options{overflow-x:hidden!important}
.picker-options>[data-picker-value]{background:transparent!important;background-image:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
.picker-options>[data-picker-value]:hover{background:rgba(255,255,255,.06)!important}
.picker-search{background:transparent!important;background-image:none!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.picker-search input{min-width:0!important;max-width:100%!important}

/* Publish progress mirrors preferences without colliding with the close control. */
.publish-modal{position:relative!important}
.publish-progress{
  position:absolute!important;
  top:18px!important;
  right:68px!important;
  z-index:9000!important;
  display:grid!important;
  grid-template-columns:auto 74px auto!important;
  align-items:center!important;
  gap:9px!important;
  min-height:32px!important;
  padding:0 11px!important;
  border:1px solid rgba(230,243,255,.2)!important;
  border-radius:999px!important;
  color:#ecf4ff!important;
  background:rgba(8,10,16,.12)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13)!important;
  backdrop-filter:blur(14px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
}
.publish-progress :is(b,small){font-size:10px;font-weight:900;letter-spacing:.04em}
.publish-progress>i{position:relative;width:74px;height:4px;border-radius:99px;background:rgba(196,220,247,.12);overflow:hidden}
.publish-progress>i>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7868ff,#51d8e5);box-shadow:0 0 12px rgba(81,216,229,.42);transition:width .55s var(--om-spring)}

/* Rank range: two equally translucent capsule thumbs, initially at both ends. */
.publish-rank-slider{background:transparent!important;background-image:none!important;border-color:rgba(207,228,255,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.09)!important}
.publish-dual{height:38px!important;margin:2px 8px 0!important;background:rgba(4,10,22,.26)!important;border-radius:8px!important}
.publish-dual::before,.publish-dual>span{top:16px!important;height:6px!important}
.publish-dual input{height:38px!important;padding:0!important}
.publish-dual input::-webkit-slider-thumb{
  width:40px!important;height:24px!important;margin-top:-9px!important;border:1px solid rgba(255,255,255,.68)!important;border-radius:999px!important;
  background:#f4f7fb!important;opacity:1!important;box-shadow:0 3px 12px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.9)!important;backdrop-filter:none!important
}
.publish-dual input::-moz-range-thumb{width:40px!important;height:24px!important;border:1px solid rgba(255,255,255,.68)!important;border-radius:999px!important;background:#f4f7fb!important;opacity:1!important;box-shadow:0 3px 12px rgba(0,0,0,.22)!important}
.publish-dual input[data-publish-low]::-webkit-slider-thumb{background:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.96),0 3px 12px rgba(0,0,0,.16)!important}
.publish-dual input[data-publish-low]::-moz-range-thumb{background:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.96),0 3px 12px rgba(0,0,0,.16)!important}
.publish-dual input[data-publish-low]{z-index:3!important;clip-path:inset(0 calc(100% - var(--low) - 48px) 0 0)}
.publish-dual input[data-publish-high]{z-index:2!important;clip-path:inset(0 0 0 calc(var(--high) - 48px))}

/* Password visibility is anchored inside the field, never in the options row. */
.auth-password-wrap{position:relative!important;display:block!important;min-width:0!important}
.auth-password-wrap>input{width:100%!important;padding-right:54px!important}
.auth-password-toggle,
.auth-password-toggle.webgl-control,
.auth-password-toggle.liquid-control{
  position:absolute!important;
  inset:50% 7px auto auto!important;
  z-index:20!important;
  translate:none!important;
  transform:translateY(-50%)!important;
  width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  margin:0!important;padding:0!important;border-radius:10px!important;overflow:hidden!important
}
.auth-password-wrap>.auth-password-toggle,
.auth-password-wrap .auth-password-toggle.liquid-control,
.auth-password-wrap .auth-password-toggle.webgl-control{translate:none!important;transform:translateY(-50%)!important}
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden!important}
.auth-modal[open]{height:min(680px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important}
.auth-stage{height:100%!important;min-height:0!important}
.auth-panel{min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:thin}

/* Coherent daylight palette; setTheme removes initial-dark before these apply. */
body:not(.dark){
  --bg:var(--om-light)!important;
  --card:rgba(255,255,255,.54)!important;
  --text:#18243a!important;
  --muted:#617087!important;
  --line:rgba(34,61,94,.16)!important;
  color:#18243a!important;
  background-color:var(--om-light)!important;
  background-image:radial-gradient(ellipse 58% 50% at 100% 0%,rgba(126,199,219,.24),transparent 58%),radial-gradient(ellipse 45% 42% at 0% 16%,rgba(160,144,226,.12),transparent 65%),linear-gradient(145deg,#f7fafc,#e8f0f6 62%,#edf3f8)!important;
}
body:not(.dark)::before{content:""!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse 28% 32% at 100% 0%,rgba(255,255,255,.76),transparent 72%)!important;background-size:auto!important;animation:none!important}
body:not(.dark) :is(.topbar,.filters,.recruit-card,.feature-list article,.games-strip,.footer,.launcher-shell,.my-recruitments-scroll){background-color:transparent!important;background-image:none!important;color:var(--text)!important;border-color:rgba(34,61,94,.14)!important}
body:not(.dark) :is(input,textarea,select,.picker-trigger,.rank-filter-dropdown>summary){background:rgba(255,255,255,.28)!important;color:var(--text)!important;border-color:rgba(34,61,94,.18)!important}
body:not(.dark) :is(dialog.modal,.picker-menu,.launcher-search-results,.advanced-content){border-color:rgba(255,255,255,.8)!important;box-shadow:0 28px 80px rgba(37,63,91,.18),inset 0 1px rgba(255,255,255,.88)!important;backdrop-filter:blur(24px) saturate(112%)!important;-webkit-backdrop-filter:blur(24px) saturate(112%)!important}
body:not(.dark) dialog.modal>.modal-close{color:#26354c!important;background:rgba(255,255,255,.28)!important;border-color:rgba(255,255,255,.9)!important}
body:not(.dark) .publish-progress{color:#25354e!important;border-color:rgba(255,255,255,.82)!important;background:rgba(255,255,255,.2)!important}
body:not(.dark) .publish-dual{background:rgba(64,91,126,.09)!important}
body:not(.dark) .games-strip :is(p,span){color:var(--text)!important}

/* Paint and layout containment reduce desktop work without changing visuals. */
:is(.recruit-card,.launcher-game,.feature-list article,.game-mark,.my-recruitment-card){contain:layout paint style}
.find-section,.about,.games-strip{content-visibility:auto;contain-intrinsic-size:auto 760px}
/* Continuous ambient loops are replaced by static premium lighting. All
   interaction-driven motion remains, but idle pages no longer repaint. */
:is(.orbit-a,.orbit-b,.squad-card,.glow-token,.brand-script .brand-icon,.brand-word){animation:none!important}


@media(max-height:760px) and (min-width:821px){
  .auth-modal[open]{height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}
  .auth-panel{padding:24px 40px!important}
  .auth-panel>h2{font-size:34px!important;margin:4px 0!important}
  .auth-lead{margin-bottom:12px!important}
  .auth-panel .oauth-button{min-height:54px!important}
  .auth-panel #auth-form{gap:9px!important}
  .auth-panel #auth-form input{min-height:46px!important}
  .auth-panel #auth-form .primary{min-height:48px!important}
  .auth-story{padding:28px 36px!important}
}
@media(max-width:820px){
  body.dark>.webgl-rays{display:none!important}
  :is(dialog.modal,.picker-menu,.launcher-search-results,.advanced-content){backdrop-filter:blur(17px) saturate(110%)!important;-webkit-backdrop-filter:blur(17px) saturate(110%)!important}
  .picker-menu{width:min(100%,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;scrollbar-gutter:auto!important}
  .publish-progress{top:17px!important;right:62px!important;grid-template-columns:auto 46px auto!important;gap:6px!important;padding:0 8px!important}
  .publish-progress>i{width:46px!important}
  .publish-dual input::-webkit-slider-thumb{width:34px!important;height:22px!important;margin-top:-8px!important}
  .publish-dual input::-moz-range-thumb{width:34px!important;height:22px!important}
  .auth-modal[open]{height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important}
  .auth-panel{padding-top:56px!important;padding-bottom:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .liquid-press-lens{display:none!important}
  .webgl-control.is-releasing{animation:none!important}
  .publish-progress>i>span{transition:none!important}
}

/* 2026-07-15 liquid21 — trace-guided transparent glass release.
   The Edge trace showed that moving a blurred launcher card forced 42–50ms
   layer-tree commits. Whole-card hover transforms are therefore removed;
   pointer light now lives on a small, paint-contained pseudo layer. */
:root{
  --om-frost-blur:18px;
  --om-frost-line:rgba(219,237,255,.24);
  --om-frost-highlight:rgba(255,255,255,.48);
  --om-frost-shadow:0 24px 68px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.17),inset -1px -1px rgba(88,205,236,.055);
}

html,body{width:100%;max-width:100%;overflow-x:clip!important}
*,*::before,*::after{scrollbar-width:thin;scrollbar-color:rgba(112,184,230,.62) transparent}
::-webkit-scrollbar{width:8px;height:8px;background:transparent}
::-webkit-scrollbar-track{background:transparent;border-radius:999px}
::-webkit-scrollbar-thumb{min-height:36px;border:2px solid transparent;border-radius:999px;background:linear-gradient(180deg,rgba(148,210,247,.82),rgba(89,132,218,.62)) padding-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(188,230,255,.94),rgba(99,153,236,.82)) padding-box}
::-webkit-scrollbar-corner{background:transparent}

/* The supplied SideRays shader owns the page lighting. The canvas is rendered
   exactly at a tiny backing resolution, then redrawn only when its state changes. */
body.dark::before,body.admin-dark::before{background:#030305!important;opacity:1!important}
body.dark>.webgl-rays,body.admin-dark>.webgl-rays{display:block!important;opacity:1!important;mix-blend-mode:normal!important;filter:none!important;animation:none!important}
body:not(.dark)>.webgl-rays{display:block!important;opacity:.26!important;mix-blend-mode:multiply!important;filter:saturate(.7)!important}

/* One blur pass per secondary surface. Inner legacy panels are cleared so
   dialogs no longer show the old card underneath the current UI. */
:is(dialog.modal,.picker-menu,.launcher-search-results,.advanced-content,.admin-action-modal,.simple-wizard-modal){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:1px solid var(--om-frost-line)!important;
  box-shadow:var(--om-frost-shadow)!important;
  backdrop-filter:blur(var(--om-frost-blur)) saturate(112%)!important;
  -webkit-backdrop-filter:blur(var(--om-frost-blur)) saturate(112%)!important;
}
body.dark :is(dialog.modal,.picker-menu,.launcher-search-results,.advanced-content,.admin-action-modal,.simple-wizard-modal),
body:not(.dark) :is(dialog.modal,.picker-menu,.launcher-search-results,.advanced-content,.admin-action-modal,.simple-wizard-modal){background:transparent!important;background-color:transparent!important;background-image:none!important}
dialog.modal::backdrop{background:rgba(3,4,8,.48)!important;backdrop-filter:blur(4px) saturate(.9)!important;-webkit-backdrop-filter:blur(4px) saturate(.9)!important}
dialog.modal>.liquid-glass-warp,dialog.modal>.liquid-glass-tint{display:none!important}
dialog.modal>.liquid-glass-shine{background:radial-gradient(ellipse 64% 24% at 20% 0%,rgba(255,255,255,.12),transparent 72%)!important;opacity:.62!important}
dialog.modal::before{background:radial-gradient(ellipse 62% 20% at 18% 0%,rgba(255,255,255,.11),transparent 74%)!important;mix-blend-mode:screen!important;opacity:.65!important}
dialog.modal::after{background:transparent!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:inset 1px 1px rgba(255,255,255,.24),inset -1px -1px rgba(83,208,239,.08)!important}
dialog.modal :is(form,.publish-layout>form,.wizard-simple-page,.preference-success,.my-recruitments-scroll,.publish-result,.auth-panel,.publish-step-page>label,form>label){
  background:transparent!important;background-color:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
dialog.modal :is(form,.publish-layout>form,.wizard-simple-page,.preference-success,.my-recruitments-scroll,.publish-result,.auth-panel){box-shadow:none!important}
dialog.modal :is(.publish-step-page>label,form>label){box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
.publish-dual,.publish-rank-slider,.publish-progress,.publish-layout>aside,.publish-layout>aside li,.ticket-modal form{background:transparent!important;background-color:transparent!important;background-image:none!important}

/* Transparent liquid controls. Static frosted backdrops remain cached; only
   the local reflection changes with the pointer. */
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary){
  --liquid-x:50%;--liquid-y:50%;
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border-color:rgba(214,234,255,.22)!important;
  backdrop-filter:blur(7px) saturate(116%)!important;-webkit-backdrop-filter:blur(7px) saturate(116%)!important;
  transition:none!important;will-change:auto!important;contain:paint!important
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary)::before{
  background:radial-gradient(ellipse 118px 74px at var(--liquid-x) var(--liquid-y),rgba(255,255,255,.42) 0,rgba(192,225,255,.16) 20%,rgba(93,195,238,.055) 42%,transparent 70%)!important;
  mix-blend-mode:screen!important;opacity:0!important;filter:none!important;transition:opacity .18s ease-out!important
}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary).is-pointer-near::before,
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):focus-visible::before{opacity:.46!important}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary)::after{background:linear-gradient(118deg,rgba(255,255,255,.31),transparent 22%,transparent 72%,rgba(91,211,243,.11))!important;opacity:.72!important}
:is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary):not(.is-pressing):not(.is-releasing),
.launcher-game:hover,.recruit-card:hover{transform:none!important;translate:none!important}
.launcher-game,.recruit-card{transition:none!important;will-change:auto!important}
.webgl-control.is-pressing{transform:translateY(1px) scale(1.018,.982)!important;transition:transform .1s ease!important}
.webgl-control.is-releasing{animation:om-button-release .36s cubic-bezier(.16,.84,.25,1)!important}
.liquid-press-lens{width:min(190px,135%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:radial-gradient(circle,rgba(255,255,255,.2) 0 7%,rgba(172,222,255,.08) 24%,rgba(255,255,255,.018) 48%,transparent 69%)!important}

/* React Bits BorderGlow: edge proximity controls both the mesh border and a
   directional outer light. No colour is used to fill the search interior. */
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-field{
  --edge-opacity:0;background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:1px solid rgba(209,229,255,.14)!important;overflow:visible!important;contain:layout paint style
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-field::before{
  inset:-1px!important;padding:1px!important;opacity:var(--edge-opacity)!important;
  background:radial-gradient(at 80% 55%,#c084fc 0,transparent 48%),radial-gradient(at 69% 34%,#f472b6 0,transparent 48%),radial-gradient(at 8% 6%,#38bdf8 0,transparent 50%),radial-gradient(at 41% 38%,#c084fc 0,transparent 46%),radial-gradient(at 86% 85%,#f472b6 0,transparent 50%),radial-gradient(at 82% 18%,#38bdf8 0,transparent 48%),radial-gradient(at 51% 4%,#f472b6 0,transparent 48%),linear-gradient(#c084fc 0 100%)!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0),conic-gradient(from var(--cursor-angle),#000 0 10%,transparent 18% 82%,#000 90% 100%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0),conic-gradient(from var(--cursor-angle),#000 0 10%,transparent 18% 82%,#000 90% 100%)!important;
  mask-composite:exclude,intersect!important;-webkit-mask-composite:xor,source-in!important;filter:none!important;transition:opacity .18s ease!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-field::after{
  inset:-22px!important;z-index:-1!important;background:transparent!important;filter:none!important;
  border:1px solid transparent!important;box-shadow:inset 0 0 0 1px rgba(125,207,255,.72),inset 0 0 8px rgba(125,207,255,.34),0 0 8px rgba(125,207,255,.24),0 0 24px rgba(113,173,255,.17)!important;
  mask-image:conic-gradient(from var(--cursor-angle),#000 0 4%,transparent 12% 88%,#000 96% 100%)!important;
  -webkit-mask-image:conic-gradient(from var(--cursor-angle),#000 0 4%,transparent 12% 88%,#000 96% 100%)!important;
  opacity:var(--edge-opacity)!important;transition:opacity .2s ease!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search) input{background:transparent!important;background-image:none!important}

/* LiquidBottomTabs geometry copied from build-bottom-tabs.ts: 64px container,
   4px inset, 56px transparent indicator, 8px container blur. */
.my-recruitment-tabs{
  --tab-index:0;width:min(456px,100%)!important;min-width:0!important;height:64px!important;min-height:64px!important;max-height:64px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:4px!important;gap:0!important;overflow:hidden!important;
  background:transparent!important;background-image:none!important;border:1px solid rgba(220,237,255,.26)!important;border-radius:32px!important;
  backdrop-filter:blur(8px) saturate(118%)!important;-webkit-backdrop-filter:blur(8px) saturate(118%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 12px 30px rgba(0,0,0,.2)!important
}
.my-recruitment-tabs>.my-tab-glider{
  left:4px!important;top:4px!important;width:calc((100% - 8px)/3)!important;height:56px!important;min-height:56px!important;max-height:56px!important;
  border-radius:28px!important;background:transparent!important;background-image:none!important;border:1px solid rgba(191,228,255,.38)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.3),inset -1px 0 rgba(81,210,240,.13),0 7px 20px rgba(20,100,160,.16)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translate3d(calc(var(--tab-index)*100%),0,0)!important;
  transition:none!important;will-change:auto!important;pointer-events:none!important
}
.my-recruitment-tabs>.my-tab-glider::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(ellipse 80% 44% at 34% 0%,rgba(255,255,255,.24),transparent 75%);pointer-events:none}
.my-recruitment-tabs>button{min-width:0!important;height:56px!important;min-height:56px!important;max-height:56px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;white-space:nowrap!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important}
.my-recruitment-tabs>button .my-tab-label{min-width:0;font-size:clamp(11px,1vw,14px);overflow:hidden;text-overflow:ellipsis}
.my-recruitment-tabs>button .my-tab-count{flex:0 0 auto;min-width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(212,232,255,.18);border-radius:9px;background:transparent!important}
.my-recruitment-tabs>button.selected{color:#5eb5ff!important}
.glass-bottom-tabs{max-width:100%!important;overflow-x:hidden!important;background:transparent!important;background-image:none!important;backdrop-filter:blur(8px) saturate(118%)!important;-webkit-backdrop-filter:blur(8px) saturate(118%)!important}
.glass-bottom-tabs>.glass-tab-glider{background:transparent!important;background-image:none!important;border-color:rgba(191,228,255,.34)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important}

/* Every disclosed menu enters vertically. Width is always viewport-clamped and
   horizontal panning is impossible. */
@keyframes om-dropdown-enter{from{opacity:0;transform:translate3d(0,-9px,0) scale(.985,.965)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.custom-picker.open.picker-positioned>.picker-menu,.rank-filter-dropdown[open]>.advanced-content,.launcher-search-results:not([hidden]),.country-options:not([hidden]){animation:om-dropdown-enter .33s cubic-bezier(.16,.84,.24,1) both!important}
.custom-picker.drop-up.open.picker-positioned>.picker-menu{animation-name:om-dropdown-enter!important;transform-origin:bottom center!important}
:is(.picker-menu,.picker-options,.launcher-search-results,.advanced-content,.country-options){max-width:min(430px,calc(100vw - 24px))!important;overflow-x:hidden!important;overscroll-behavior:contain!important}
.picker-menu{width:max(100%,min(360px,calc(100vw - 24px)))!important;scrollbar-gutter:stable!important}
.picker-options>*{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important}

/* LiquidSlider geometry copied from build-slider.ts: 6px track, 40×24 knob,
   48px hit band. Pressing clears the white pebble and reveals a glass lens. */
.publish-rank-slider{padding:14px!important;border:1px solid rgba(207,228,255,.17)!important;border-radius:16px!important;background:transparent!important;background-image:none!important;backdrop-filter:blur(10px) saturate(112%)!important;-webkit-backdrop-filter:blur(10px) saturate(112%)!important}
.publish-dual,.lobby-dual{height:48px!important;min-height:48px!important;margin:2px 8px 0!important;overflow:visible!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
.publish-dual::before,.lobby-dual::before{left:10px!important;right:10px!important;top:21px!important;height:6px!important;border-radius:3px!important;background:rgba(120,120,128,.3)!important;box-shadow:inset 0 1px rgba(255,255,255,.13)!important}
.publish-dual>span,.lobby-dual-fill{top:21px!important;height:6px!important;border-radius:3px!important;background:#0091ff!important;box-shadow:0 0 10px rgba(0,145,255,.22)!important}
.publish-dual input,.lobby-dual input{height:48px!important;padding:0 10px!important}
.publish-dual input::-webkit-slider-thumb,.lobby-dual input::-webkit-slider-thumb{width:40px!important;height:24px!important;margin-top:-9px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.82)!important;background:#f7f9fc!important;opacity:1!important;box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.95)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease!important}
.publish-dual input::-moz-range-thumb,.lobby-dual input::-moz-range-thumb{width:40px!important;height:24px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.82)!important;background:#f7f9fc!important;opacity:1!important;box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.95)!important}
.publish-dual input.is-dragging::-webkit-slider-thumb,.lobby-dual input.is-dragging::-webkit-slider-thumb{background:rgba(255,255,255,.035)!important;border-color:rgba(235,247,255,.72)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset 5px 0 9px -8px rgba(255,104,158,.9),inset -5px 0 9px -8px rgba(70,215,245,.95),0 0 0 7px rgba(164,213,245,.08),0 7px 20px rgba(0,0,0,.2)!important;transform:scale(1.25,1.42)!important;backdrop-filter:blur(2px) saturate(140%)!important;-webkit-backdrop-filter:blur(2px) saturate(140%)!important;cursor:grabbing!important}
.publish-dual input.is-dragging,.lobby-dual input.is-dragging{z-index:6!important}
.publish-range-values,.lobby-rank-values{min-width:0!important;overflow:hidden!important}

/* Ticket form: remove the previous nested card completely, then rebuild only
   interactive fields as transparent liquid controls. */
.ticket-modal{width:min(620px,calc(100vw - 24px))!important;padding:30px!important;overflow-x:hidden!important}
.ticket-modal .ticket-lead{max-width:520px;margin:0 0 20px;color:var(--muted);line-height:1.65}
.ticket-modal #ticket-form{display:grid!important;gap:16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ticket-modal #ticket-form>label{display:grid!important;gap:8px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.ticket-modal :is(.picker-trigger,textarea){width:100%!important;min-width:0!important;border:1px solid rgba(211,232,255,.2)!important;border-radius:16px!important;background:transparent!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.1)!important;backdrop-filter:blur(8px) saturate(112%)!important;-webkit-backdrop-filter:blur(8px) saturate(112%)!important}
.ticket-modal textarea{min-height:154px!important;padding:14px!important;resize:vertical!important}
.ticket-modal .primary{min-height:50px!important;margin-top:2px!important}

/* Keep the visibility control inside its field after the generic liquid rules. */
dialog.modal .auth-password-wrap>.auth-password-toggle,
dialog.modal .auth-password-wrap>.auth-password-toggle.liquid-control,
dialog.modal .auth-password-wrap>.auth-password-toggle.webgl-control{
  position:absolute!important;inset:50% 6px auto auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;margin:0!important;padding:0!important;
  translate:none!important;transform:translateY(-50%)!important;scale:1!important
}

/* home-EFU cursor: tiny native dot plus an 18px translucent trailing circle. */
html.cursor-enhanced,html.cursor-enhanced *,body.cursor-enhanced,body.cursor-enhanced *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='10' height='10'%3E%3Ccircle cx='4' cy='4' r='4' fill='white'/%3E%3C/svg%3E") 4 4,auto!important}
#site-cursor,#site-cursor[popover]{position:fixed!important;inset:0 auto auto 0!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important;opacity:.25!important;pointer-events:none!important;z-index:2147483647!important;transition:opacity .2s ease-in-out,scale .2s ease-in-out!important;will-change:transform!important}
#site-cursor::after,#site-cursor[popover]::after{display:none!important;content:none!important}
#site-cursor.hidden{opacity:0!important}
#site-cursor.active{opacity:.5!important;scale:.5!important}
#context-hint,#context-hint[popover]{background:transparent!important;background-color:transparent!important;color:#f4f8ff!important;border:1px solid rgba(218,236,255,.24)!important;backdrop-filter:blur(16px) saturate(112%)!important;-webkit-backdrop-filter:blur(16px) saturate(112%)!important}

/* Suppress the hundreds of first-paint control transitions captured in the
   trace while retaining the four section-level entrance reveals. */
body.site-enter :is(button,input,textarea,select,.launcher-game,.recruit-card,.picker-trigger,.rank-filter-dropdown>summary),
body.site-enter :is(button,input,textarea,select,.launcher-game,.recruit-card,.picker-trigger,.rank-filter-dropdown>summary)::before,
body.site-enter :is(button,input,textarea,select,.launcher-game,.recruit-card,.picker-trigger,.rank-filter-dropdown>summary)::after{transition:none!important}

@media(max-width:620px){
  .my-recruitment-tabs{width:100%!important;height:58px!important;min-height:58px!important;max-height:58px!important}
  .my-recruitment-tabs>.my-tab-glider{height:50px!important;min-height:50px!important;max-height:50px!important}
  .my-recruitment-tabs>button{height:50px!important;min-height:50px!important;max-height:50px!important;padding:0 7px!important;gap:5px!important}
  .my-recruitment-tabs>button .my-tab-count{min-width:24px;height:24px}
  .picker-menu{width:min(100%,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;scrollbar-gutter:auto!important}
  .ticket-modal{padding:24px 18px!important}
}
@media(prefers-reduced-motion:reduce){.custom-picker.open>.picker-menu,.rank-filter-dropdown[open]>.advanced-content,.launcher-search-results:not([hidden]),.country-options:not([hidden]){animation:none!important}.webgl-rays{display:none!important}}

/* liquid22 performance lock: pointer movement never repaints every frosted
   control. A localized fixed reflection appears on hover; only BorderGlow
   search fields track the cursor at a bounded rate. */
body :is(.webgl-control,.oauth-button,.match-button,.picker-trigger,.rank-filter-dropdown>summary)::before{
  background:radial-gradient(ellipse 148px 88px at 25% 0%,rgba(255,255,255,.39) 0,rgba(196,226,255,.14) 25%,rgba(92,194,236,.045) 45%,transparent 72%)!important;
  mix-blend-mode:normal!important;opacity:0!important;transition:opacity .14s ease-out!important
}
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:.38!important}
body .launcher-game,body .recruit-card{transform:none!important;translate:none!important;transition:none!important;will-change:auto!important}
body.dark .publish-rank-slider,body:not(.dark) .publish-rank-slider{background:transparent!important;background-color:transparent!important;background-image:none!important}
body.dark .my-recruitment-tabs,body:not(.dark) .my-recruitment-tabs{background:transparent!important;background-color:transparent!important;background-image:none!important}
body .custom-picker.open .picker-menu{overflow-x:hidden!important;overflow-y:auto!important}
.liquid-glass-warp,.liquid-glass-tint,.liquid-glass-border-screen{filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* A dialog is already a single Gaussian-blur surface. Re-blurring its
   dropdowns creates nested backdrop layers and Edge compositing corruption;
   transparent menus therefore reuse the dialog's cached blur. */
dialog.modal .picker-menu{background:transparent!important;background-color:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
.ticket-modal .ticket-subject-field>.custom-picker{height:48px!important;min-height:48px!important;max-height:48px!important}
.ticket-modal .ticket-subject-field .picker-trigger{height:48px!important;min-height:48px!important;max-height:48px!important}
.ticket-modal .ticket-subject-field .picker-menu{top:calc(100% + 8px)!important;width:100%!important;max-width:100%!important;max-height:min(278px,calc(100dvh - 32px))!important}
.ticket-modal .ticket-subject-field .picker-reset{display:none!important}

/* Secondary preference chrome uses the dialog's one blur pass with no colour
   fill, matching the supplied home-EFU frosted sample. */
dialog.wizard-simple>.wizard-aside,dialog.wizard-simple>.wizard-nav{
  background:transparent!important;background-color:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important
}
dialog.wizard-simple>.wizard-aside li.active{background:transparent!important;box-shadow:inset 0 0 0 1px rgba(226,239,255,.2)!important}
body.dark dialog.wizard-simple>.wizard-nav,body:not(.dark) dialog.wizard-simple>.wizard-nav{background:transparent!important;background-color:transparent!important;background-image:none!important}
#site-cursor.dialog-obscured{opacity:0!important}
.ticket-modal #ticket-form:has(.ticket-subject-field .custom-picker.open)>
:is(.ticket-message-field,.form-message,.primary){visibility:hidden!important;pointer-events:none!important}

/* liquid27 Edge trace lock: a native SVG cursor replaces the DOM follower,
   and hover highlights switch instantly instead of creating failed compositor
   animations across every frosted control. */
#site-cursor,#ambient-confetti,.modal-confetti-burst{display: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)::after{
  transition:none!important;will-change:auto!important
}

/* liquid28 SideRays: remove the old opaque pseudo-background so the supplied
   shader is the page lighting rather than being composited underneath it. */
body:not(.dark):not(.admin-dark){background:#edf3f7!important;background-image:none!important}
body.dark,body.admin-dark{background:#0f0c15!important;background-image:none!important}
body.dark::before,body.admin-dark::before,body:not(.dark):not(.admin-dark)::before{display:none!important;content:none!important}
body>.webgl-rays{z-index:1!important}
body>:not(.webgl-rays):not(#ambient-confetti):not(.orb){position:relative;z-index:2}
body.dark>.webgl-rays,body.admin-dark>.webgl-rays{
  display:block!important;opacity:1!important;mix-blend-mode:normal!important;filter:none!important
}
body:not(.dark):not(.admin-dark)>.webgl-rays{
  display:block!important;opacity:.34!important;mix-blend-mode:multiply!important;filter:saturate(.8)!important
}
@media(prefers-reduced-motion:reduce){body>.webgl-rays{display:block!important;animation:none!important}}

/* liquid34 React Bits BorderGlow. The pointer-local ring and broad warm bloom
   stay mask-bounded, so the brighter edge does not require a costly filter. */
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card{
  --edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:50;
  --border-radius:28px;--glow-padding:40px;--cone-spread:25;--fill-opacity:.05;
  --liquid-x:50%;--liquid-y:50%;--edge-opacity:0;
  --card-bg:rgba(18,15,23,.22);
  --gradient-one:radial-gradient(at 80% 55%,#c084fc 0,transparent 50%);
  --gradient-two:radial-gradient(at 69% 34%,#f472b6 0,transparent 50%);
  --gradient-three:radial-gradient(at 8% 6%,#38bdf8 0,transparent 50%);
  --gradient-four:radial-gradient(at 41% 38%,#c084fc 0,transparent 50%);
  --gradient-five:radial-gradient(at 86% 85%,#f472b6 0,transparent 50%);
  --gradient-six:radial-gradient(at 82% 18%,#38bdf8 0,transparent 50%);
  --gradient-seven:radial-gradient(at 51% 4%,#f472b6 0,transparent 50%);
  --gradient-base:linear-gradient(#c084fc 0 100%);
  position:relative!important;border-radius:var(--border-radius)!important;isolation:isolate!important;
  transform:translate3d(0,0,.01px);border:1px solid rgba(183,195,231,.24)!important;
  background:var(--card-bg)!important;background-image:none!important;overflow:visible!important;
  box-shadow:rgba(0,0,0,.1) 0 1px 2px,rgba(0,0,0,.1) 0 2px 4px,rgba(0,0,0,.1) 0 4px 8px,rgba(0,0,0,.1) 0 8px 16px,rgba(0,0,0,.08) 0 16px 32px!important
}
body:not(.dark) :is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card{
  --card-bg:rgba(245,250,255,.2);--fill-opacity:.04;border-color:rgba(57,81,111,.2)!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card::before,
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card::after,
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity .25s ease-out;z-index:0
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card::before{
  border:0!important;padding:1px!important;
  background:radial-gradient(96px circle at var(--liquid-x) var(--liquid-y),#fffdf5 0,hsl(40deg 94% 88%) 18%,#f6a7d1 43%,rgba(116,145,255,.62) 67%,transparent 100%)!important;
  opacity:clamp(0,calc(var(--edge-opacity)*1.08),1)!important;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  mask-composite:exclude!important;-webkit-mask-composite:xor!important
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card::after{
  inset:1px;border:0!important;
  background:radial-gradient(108px circle at var(--liquid-x) var(--liquid-y),rgba(255,252,237,.34) 0,rgba(255,222,174,.16) 24%,rgba(244,114,182,.075) 48%,transparent 76%)!important;
  opacity:clamp(0,calc(var(--edge-opacity)*.62),.62)!important;
  mix-blend-mode:screen
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light{
  inset:calc(var(--glow-padding)*-1);z-index:1!important;
  opacity:clamp(0,var(--edge-opacity),1);
  mix-blend-mode:screen;
  mask-image:radial-gradient(118px circle at calc(var(--liquid-x) + var(--glow-padding)) calc(var(--liquid-y) + var(--glow-padding)),#000 0,rgba(0,0,0,.96) 24%,rgba(0,0,0,.68) 46%,transparent 74%);
  -webkit-mask-image:radial-gradient(118px circle at calc(var(--liquid-x) + var(--glow-padding)) calc(var(--liquid-y) + var(--glow-padding)),#000 0,rgba(0,0,0,.96) 24%,rgba(0,0,0,.68) 46%,transparent 74%)
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light::before{
  content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;
  box-shadow:inset 0 0 0 1px hsl(40deg 100% 96%/100%),inset 0 0 2px hsl(40deg 100% 93%/94%),inset 0 0 7px 1px hsl(40deg 96% 88%/70%),inset 0 0 18px 3px hsl(40deg 92% 82%/38%),0 0 2px hsl(40deg 100% 95%/100%),0 0 7px 1px hsl(40deg 100% 91%/82%),0 0 17px 3px hsl(40deg 96% 84%/52%),0 0 34px 7px hsl(40deg 90% 78%/25%),0 0 58px 12px hsl(40deg 90% 76%/12%)
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light::after{
  content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;
  box-shadow:0 0 9px 2px rgba(255,253,242,.78),0 0 23px 6px rgba(255,224,177,.34),0 0 48px 12px rgba(244,182,146,.14)
}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card:not(:hover):not(:focus-within)::before,
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card:not(:hover):not(:focus-within)::after,
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card:not(:hover):not(:focus-within)>.edge-light{opacity:0!important;transition:opacity .75s ease-in-out}
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>input,
:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>span:not(.edge-light){position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card::before,:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card::after,:is(.search,.more-game-search,.wizard-game-search,.picker-search,.country-search).border-glow-card>.edge-light{transition:none}}

/* liquid34: each disclosed surface uses the width measured from its complete
   option set. JavaScript clamps that content width to the visual viewport and
   shifts the surface left when it would otherwise create horizontal scroll. */
.custom-picker{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important}
.custom-picker>.picker-trigger{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.custom-picker>.picker-menu{
  left:0;right:auto;
  width:max-content;min-width:min(190px,calc(100vw - 24px));max-width:min(480px,calc(100vw - 24px));
  box-sizing:border-box!important
}
.launcher-search-combobox,.launcher-search-combobox>.more-game-search{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.launcher-search-combobox>.launcher-search-results{
  left:0!important;right:auto!important;width:100%!important;min-width:100%!important;max-width:100%!important;box-sizing:border-box!important
}
.country-picker{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important}
.country-picker>.country-trigger{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.country-picker>.country-options{
  left:0;right:auto;width:max-content;min-width:min(220px,calc(100vw - 24px));max-width:min(390px,calc(100vw - 24px));box-sizing:border-box!important
}
.rank-filter-dropdown{position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important}
.rank-filter-dropdown>summary{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.rank-filter-dropdown>.advanced-content{
  left:0;right:auto;width:min(440px,calc(100vw - 24px));min-width:min(340px,calc(100vw - 24px));max-width:min(440px,calc(100vw - 24px));
  grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;box-sizing:border-box!important
}
.rank-filter-dropdown>.advanced-content .reset{width:100%!important;min-width:0!important}

/* liquid36: every disclosed menu and second-level surface gets one strong,
   transparent Gaussian blur layer. This also covers the legacy rank panels
   and asynchronously rendered administrator pickers. */
/* High Gaussian blur belongs to the one currently disclosed menu
   surface. Inner search controls reuse that cached blur instead of creating a
   second backdrop layer, keeping the stronger frost readable and bounded. */
.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:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border-color:rgba(226,240,255,.36)!important;
  box-shadow:0 28px 82px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.22),inset 1px 0 rgba(255,151,190,.07),inset -1px 0 rgba(95,216,245,.09)!important;
  backdrop-filter:blur(34px) saturate(128%) contrast(1.08)!important;
  -webkit-backdrop-filter:blur(34px) saturate(128%) contrast(1.08)!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  isolation:isolate!important
}
body:not(.dark) :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){
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:0 28px 74px rgba(37,63,91,.2),inset 0 1px rgba(255,255,255,.82),inset 1px 0 rgba(255,151,190,.09),inset -1px 0 rgba(61,202,232,.12)!important;
  backdrop-filter:blur(34px) saturate(120%) contrast(1.04)!important;
  -webkit-backdrop-filter:blur(34px) saturate(120%) contrast(1.04)!important
}
.custom-picker.open>.picker-menu .picker-search{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important
}
body.dark :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,p,b,strong,small,label,span){
  text-shadow:0 1px 3px rgba(0,0,0,.82)
}
body:not(.dark) :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,p,b,strong,small,label,span){
  text-shadow:0 1px 2px rgba(255,255,255,.9)
}
html.menu-gaussian-open :is(.picker-options>[data-picker-value],.launcher-search-results .launcher-game,.country-options button,.rank-picker-option,.rank-bound){
  transition:none!important;
  transform:none!important;
  translate:none!important
}
html.menu-gaussian-open :is(.picker-options>[data-picker-value]:not(.selected):hover,.launcher-search-results .launcher-game:not(.is-selected):hover,.country-options button:not(.selected):hover,.rank-picker-option:not(.selected):hover,.rank-bound:hover){
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  translate: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)::before,
html.menu-gaussian-open :is(.picker-options>[data-picker-value],.launcher-search-results .launcher-game,.country-options button,.rank-picker-option,.rank-bound)::after{
  content:none!important;
  display:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  animation:none!important;
  transition:none!important
}
@media(max-width:620px){
  .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(30px) saturate(124%) contrast(1.07)!important;
    -webkit-backdrop-filter:blur(30px) saturate(124%) contrast(1.07)!important
  }
}

.admin-custom-picker{width:100%;min-width:112px;max-width:100%}
.admin-custom-picker>.picker-menu{
  width:max-content!important;
  min-width:min(160px,calc(100vw - 24px))!important;
  max-width:min(360px,calc(100vw - 24px))!important;
  overflow-x:hidden!important
}
.admin-custom-picker .picker-options{min-width:0}
.admin-custom-picker .picker-options>[data-picker-value]{white-space:nowrap}
html body .custom-picker.open>.picker-menu{overflow:hidden auto!important}

/* liquid37: white frosted disclosure surfaces. The milk-white veil is
   intentionally translucent: it masks competing copy behind the menu while
   the stronger Gaussian blur still preserves spatial context. */
body{
  --menu-frost-bg:rgba(255,255,255,.68);
  --menu-frost-top:rgba(255,255,255,.88);
  --menu-frost-bottom:rgba(244,249,255,.58);
  --menu-frost-line:rgba(255,255,255,.94);
  --menu-frost-text:#172033;
  --menu-frost-item:rgba(255,255,255,.4);
  --menu-frost-item-hover:rgba(255,255,255,.72)
}
body.dark{
  --menu-frost-bg:rgba(238,245,252,.22);
  --menu-frost-top:rgba(255,255,255,.31);
  --menu-frost-bottom:rgba(224,236,247,.16);
  --menu-frost-line:rgba(255,255,255,.58);
  --menu-frost-text:#101827;
  --menu-frost-item:rgba(255,255,255,.075);
  --menu-frost-item-hover:rgba(255,255,255,.17)
}
: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;
  border-color:var(--menu-frost-line)!important;
  color:var(--menu-frost-text)!important;
  box-shadow:0 30px 86px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.82),inset 1px 0 rgba(255,255,255,.34),inset -1px 0 rgba(218,239,255,.28)!important;
  backdrop-filter:blur(42px) saturate(122%) brightness(1.08) contrast(1.03)!important;
  -webkit-backdrop-filter:blur(42px) saturate(122%) brightness(1.08) contrast(1.03)!important
}
body:not(.dark) :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
){
  box-shadow:0 30px 78px rgba(37,63,91,.22),inset 0 1px #fff,inset 1px 0 rgba(255,255,255,.76),inset -1px 0 rgba(214,235,250,.55)!important
}
:is(
  .custom-picker.open>.picker-menu,
  .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(.picker-options>[data-picker-value],.launcher-game,.country-options button,.rank-picker-option,.rank-range-row){
  color:var(--menu-frost-text)!important;
  text-shadow:0 1px 1px rgba(255,255,255,.78)!important
}
html.menu-gaussian-open body :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(.selected):not(.is-selected){
  background-color:var(--menu-frost-item)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.08),transparent)!important;
  border-color:rgba(255,255,255,.14)!important
}
html.menu-gaussian-open body :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(.selected):not(.is-selected):hover{
  background-color:var(--menu-frost-item-hover)!important;
  border-color:rgba(255,255,255,.42)!important
}
:is(.custom-picker.open>.picker-menu,.launcher-search-combobox.open>.launcher-search-results) :is(.picker-search,.more-game-search){
  background-color:rgba(255,255,255,.14)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04))!important;
  border-color:rgba(255,255,255,.42)!important;
  color:var(--menu-frost-text)!important
}
body:not(.dark) :is(.custom-picker.open>.picker-menu,.launcher-search-combobox.open>.launcher-search-results) :is(.picker-search,.more-game-search){
  background-color:rgba(255,255,255,.62)!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(input,button,p,b,strong,small,label,span){
  color:var(--menu-frost-text)!important;
  text-shadow:0 1px 1px rgba(255,255,255,.78)!important
}
:is(.custom-picker.open>.picker-menu,.launcher-search-combobox.open>.launcher-search-results) input::placeholder{
  color:rgba(16,24,39,.68)!important;
  opacity:1!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:blur(36px) saturate(120%) brightness(1.07) contrast(1.03)!important;
    -webkit-backdrop-filter:blur(36px) saturate(120%) brightness(1.07) contrast(1.03)!important
  }
}

/* liquid38: dense black frost prevents page copy and imagery from competing
   with disclosed choices. Blur remains active, but readability no longer
   depends on whatever happens to sit behind the menu. */
body,
body.dark{
  --menu-frost-bg:rgba(3,7,12,.92);
  --menu-frost-top:rgba(19,25,34,.97);
  --menu-frost-bottom:rgba(2,5,9,.94);
  --menu-frost-line:rgba(218,234,248,.38);
  --menu-frost-text:#f7faff;
  --menu-frost-item:rgba(255,255,255,.055);
  --menu-frost-item-hover:rgba(255,255,255,.13)
}
: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;
  border-color:var(--menu-frost-line)!important;
  color:var(--menu-frost-text)!important;
  box-shadow:0 32px 88px rgba(0,0,0,.68),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
}
body :is(.custom-picker.open>.picker-menu,.launcher-search-combobox.open>.launcher-search-results) :is(.picker-search,.more-game-search){
  background-color:rgba(5,10,17,.88)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018))!important;
  border-color:rgba(218,234,248,.3)!important;
  color:var(--menu-frost-text)!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(input,button,p,b,strong,small,label,span),
:is(
  .custom-picker.open>.picker-menu,
  .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(.picker-options>[data-picker-value],.launcher-game,.country-options button,.rank-picker-option,.rank-range-row){
  color:var(--menu-frost-text)!important;
  text-shadow:0 1px 3px rgba(0,0,0,.9)!important
}
:is(.custom-picker.open>.picker-menu,.launcher-search-combobox.open>.launcher-search-results) input::placeholder{
  color:rgba(231,238,248,.62)!important;
  opacity:1!important
}
html.menu-gaussian-open body :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(.selected):not(.is-selected){
  background-color:var(--menu-frost-item)!important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.045),transparent)!important;
  border-color:rgba(218,234,248,.1)!important
}
html.menu-gaussian-open body :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(.selected):not(.is-selected):hover{
  background-color:var(--menu-frost-item-hover)!important;
  border-color:rgba(218,234,248,.28)!important
}

/* liquid41: publish rank range mirrors the compact lobby range control from
   the supplied reference, including its full-width reset action. */
.rank-field>span[data-i18n="rank_range"]{
  display:block!important;
  margin:0 0 7px!important;
  font-size:12px!important;
  font-weight:850!important
}
.rank-field>.publish-rank-slider:not(.not-applicable){
  min-height:160px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:12px 14px 14px!important;
  border:1px solid rgba(207,228,255,.2)!important;
  border-radius:16px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(112%)!important
}
.rank-field>.publish-rank-slider:not(.not-applicable)>.publish-range-values{
  min-height:25px!important;
  margin:0 0 5px!important;
  overflow:visible!important
}
.rank-field>.publish-rank-slider:not(.not-applicable)>.publish-range-values :is(b,i){
  color:var(--text)!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:850!important;
  line-height:1.4!important
}
.rank-field>.publish-rank-slider:not(.not-applicable)>.publish-range-values i{
  color:var(--muted)!important;
  font-weight:700!important
}
.rank-field>.publish-rank-slider:not(.not-applicable)>.publish-dual{
  flex:0 0 48px!important;
  width:auto!important;
  margin:0 8px 6px!important
}
.rank-field>.publish-rank-slider:not(.not-applicable)>.publish-rank-reset{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:auto 0 0!important;
  padding:0 18px!important;
  border:1px solid rgba(207,228,255,.22)!important;
  border-radius:999px!important;
  background:transparent!important;
  background-image:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.015) 52%,rgba(0,145,255,.045))!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:850!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(10px) saturate(116%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(116%)!important
}
.rank-field>.publish-rank-slider:not(.not-applicable)>.publish-rank-reset:hover{
  border-color:rgba(219,237,255,.42)!important;
  background-image:linear-gradient(120deg,rgba(255,255,255,.15),rgba(255,255,255,.025) 52%,rgba(0,145,255,.08))!important
}
@media(max-width:620px){
  .rank-field>.publish-rank-slider:not(.not-applicable){min-height:154px!important;padding:11px 12px 12px!important}
  .rank-field>.publish-rank-slider:not(.not-applicable)>.publish-range-values :is(b,i){font-size:13px!important}
}


/* liquid42 latest publish and modal fixes */
html.cursor-enhanced dialog::backdrop{
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='10' height='10'%3E%3Ccircle cx='4' cy='4' r='4' fill='white'/%3E%3C/svg%3E") 4 4,auto!important
}
#context-hint[popover],#context-hint{
  inset:50% auto auto 50%!important;
  translate:-50% -50%!important;
  transform:none!important;
  max-width:min(420px,calc(100vw - 28px))!important;
  text-align:center!important;
  z-index:2147483647!important
}
#context-hint[popover].show,#context-hint.show{translate:-50% -50%!important;transform:none!important}
#publish-modal[open] .publish-step-page .custom-picker.open>.picker-menu{
  position:fixed!important;
  margin:0!important;
  z-index:2147483600!important;
  overflow:hidden auto!important
}
#publish-modal .publish-form-grid{
  min-width:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding-bottom:112px!important;
  scroll-padding-bottom:128px!important
}
#publish-modal .publish-step-page{min-width:0!important;max-width:100%!important;padding-bottom:12px!important}
#publish-modal .publish-step-page[data-publish-page="2"]{padding-bottom:132px!important}
#publish-modal .publish-step-page>label{min-width:0!important;max-width:100%!important}
#publish-modal .duration-field{grid-column:auto!important}
#publish-modal textarea[name="body"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:138px!important;
  max-height:260px!important;
  resize:vertical!important;
  box-sizing:border-box!important
}
#publish-modal textarea[name="body"]+small{display:block!important;margin-top:8px!important;line-height:1.45!important}
.publish-rank-slider[data-rank-type="score"] .publish-range-values b,
.publish-rank-slider[data-rank-type="level"] .publish-range-values b{font-variant-numeric:tabular-nums!important}
.duration-tag{border-color:rgba(194,230,255,.4)!important;background:rgba(194,230,255,.1)!important;color:#e8f7ff!important}
@media(max-width:760px){
  #publish-modal .duration-field{grid-column:1/-1!important}
  #publish-modal .publish-form-grid{padding-bottom:126px!important}
}

/* publish3: one authoritative interaction and layout layer. */
:root{--om-fill-duration:.4s}

/* Keep only the choices scrollable. The search and reset controls remain
   fixed, and the six-pixel scrollbar sits flush with the menu edge. */
html body .custom-picker.open>.picker-menu{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  overflow:hidden!important;
  padding:6px!important;
  box-sizing:border-box!important
}
html body .custom-picker.open>.picker-menu>.picker-options{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:auto!important;
  box-sizing:border-box!important
}
#publish-modal .custom-picker.open>.picker-menu>.picker-options,
html body .custom-picker.open>.picker-menu>.picker-options{
  align-self:flex-start!important;
  width:calc(100% + 11px)!important;
  min-width:calc(100% + 11px)!important;
  max-width:none!important;
  padding-right:0!important
}
html body .custom-picker.open>.picker-menu>.picker-options>[data-picker-value]{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important
}
html body .custom-picker.open>.picker-menu>.picker-reset{
  flex:0 0 42px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important
}
::-webkit-scrollbar{width:6px!important;height:6px!important;background:transparent!important}
::-webkit-scrollbar-thumb{border-radius:10px!important;background:#eee!important;border:0!important}
*{scrollbar-width:thin;scrollbar-color:#eee transparent}

/* The selectable fill follows the supplied btn-20 transform and runs at twice
   the former duration. A solid final colour removes the click-time colour seam. */
:is(.picker-options>[data-picker-value],.wizard-choices button,.simple-game-choices button,.launcher-game,.voice-platform-buttons button,.publish-language-choices button){
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important
}
.selection-liquid-fill{
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  left:-100%!important;
  width:120%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:inherit!important;
  background:#c2e6ff!important;
  background-image:none!important;
  pointer-events:none!important;
  transform:skew(0deg) translateX(-20%);
  will-change:transform
}
:is(.picker-options>[data-picker-value],.wizard-choices button,.simple-game-choices button,.launcher-game,.voice-platform-buttons button,.publish-language-choices button)>:not(.selection-liquid-fill){position:relative!important;z-index:1!important}
:is(.picker-options>[data-picker-value],.wizard-choices button,.simple-game-choices button,.launcher-game,.voice-platform-buttons button,.publish-language-choices button):is(.selected,.is-selected){
  background:#c2e6ff!important;
  background-color:#c2e6ff!important;
  background-image:none!important;
  color:#111923!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.58)!important
}
:is(.picker-options>[data-picker-value],.wizard-choices button,.simple-game-choices button,.launcher-game,.voice-platform-buttons button,.publish-language-choices button):is(.selected,.is-selected) :is(span,b,small,i){color:#111923!important;text-shadow:none!important}
:is(.picker-trigger,.wizard-choices button,.simple-game-choices button,.launcher-game,.voice-platform-buttons button):active{
  background-image:none!important;
  filter:none!important
}
:is(.picker-trigger,.wizard-choices button,.simple-game-choices button,.launcher-game,.voice-platform-buttons button):active::before,
:is(.picker-trigger,.wizard-choices button,.simple-game-choices button,.launcher-game,.voice-platform-buttons button):active::after{opacity:0!important;filter:none!important}

/* Card actions reuse btn-20's left-to-right sweep with semantic solid fills. */
.recruit-card :is(.report-button,.channel-button){position:relative!important;overflow:hidden!important;isolation:isolate!important}
.recruit-card :is(.report-button,.channel-button)::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  top:0!important;
  left:-100%!important;
  width:120%!important;
  height:100%!important;
  border:0!important;
  background-image:none!important;
  transform:skew(0deg) translateX(-20%);
  transition:transform var(--om-fill-duration) ease!important;
  will-change:transform
}
.recruit-card .report-button::before{background:#d83b48!important}
.recruit-card .channel-button::before{background:#38b875!important}
.recruit-card :is(.report-button,.channel-button):hover::before{transform:skew(45deg) translateX(75%)}
.recruit-card :is(.report-button,.channel-button)>span{position:relative!important;z-index:1!important;color:#f8fbff!important;text-shadow:0 1px 2px rgba(0,0,0,.54)!important}

/* Three-step publish flow. */
#publish-modal .publish-step-page[data-publish-page="1"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important}
#publish-modal .publish-step-page[data-publish-page="1"] .publish-language-field{grid-column:1/-1!important}
#publish-modal .publish-step-page[data-publish-page="2"]{padding-bottom:132px!important}
#publish-modal .publish-step-page[data-publish-page="3"]{padding-bottom:148px!important}
#publish-modal .publish-language-field>span{display:block!important;margin:0 0 8px!important;font-size:12px!important;font-weight:850!important}
#publish-modal .publish-language-choices{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
#publish-modal .publish-language-choices button{
  min-width:0!important;
  min-height:66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  border:1px solid rgba(209,229,248,.22)!important;
  border-radius:16px!important;
  background:rgba(10,14,20,.34)!important;
  background-image:none!important;
  color:var(--text)!important
}
#publish-modal .publish-language-choices button small{font-size:10px!important;color:var(--muted)!important}
#publish-modal .publish-language-choices button.selected{background:#c2e6ff!important;color:#111923!important}
#publish-modal .publish-language-choices button.selected small{color:#30455c!important}
#publish-modal .publish-wizard-nav :is(button,.publish-submit){transition-duration:var(--om-fill-duration)!important}

/* Rank range mirrors the compact two-thumb reference at every breakpoint. */
#publish-modal .rank-field>.publish-rank-slider:not(.not-applicable){min-height:154px!important;padding:12px 14px 13px!important}
#publish-modal .rank-field .publish-dual{height:48px!important;margin:0 8px 8px!important;background:transparent!important}
#publish-modal .rank-field .publish-dual>span{height:6px!important;top:21px!important;border-radius:999px!important;background:#09a9f4!important;box-shadow:0 0 12px rgba(9,169,244,.22)!important}
#publish-modal .rank-field .publish-dual input[type="range"]::-webkit-slider-thumb{width:40px!important;height:24px!important;border-radius:999px!important;background:#f7f9fc!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.24)!important}
#publish-modal .rank-field .publish-dual input[type="range"]::-moz-range-thumb{width:40px!important;height:24px!important;border-radius:999px!important;background:#f7f9fc!important;border:0!important;box-shadow:0 2px 8px rgba(0,0,0,.24)!important}

/* Card facts remain readable and include the live remaining time. */
.recruit-card .card-timeframe{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
.recruit-card .card-timeframe>span{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important;color:var(--text)!important;font-variant-numeric:tabular-nums!important}
.recruit-card .card-timeframe small{color:var(--muted)!important;font-size:10px!important;font-weight:800!important}
.recruit-card .card-timeframe b{color:#c2e6ff!important;font-size:11px!important}

/* The right-click hint belongs in the upper-middle reading zone. */
#context-hint[popover],#context-hint{inset:18% auto auto 50%!important;translate:-50% -50%!important;transform:none!important}
#context-hint[popover].show,#context-hint.show{translate:-50% -50%!important;transform:none!important}

/* home-EFU cursor, kept in the top layer so dialogs never hide it. */
html.cursor-enhanced,html.cursor-enhanced *,body.cursor-enhanced,body.cursor-enhanced *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' width='10' height='10'%3E%3Ccircle cx='4' cy='4' r='4' fill='white'/%3E%3C/svg%3E") 4 4,auto!important}
#site-cursor,#site-cursor[popover]{
  display:block!important;
  position:fixed!important;
  inset:0 auto auto 0!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:25px!important;
  background:#fff!important;
  background-image:none!important;
  opacity:.25!important;
  pointer-events:none!important;
  z-index:2147483647!important;
  transition:.2s ease-in-out!important;
  transition-property:background,opacity,scale!important;
  will-change:transform!important;
  contain:strict!important
}
#site-cursor.hidden{opacity:0!important}
#site-cursor.active{opacity:.5!important;scale:.5!important}

/* All database games stay reachable in a bounded preference list. */
.wizard-simple-page[data-simple-page="2"] .simple-game-choices{
  max-height:min(430px,52vh)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding-right:2px!important;
  scroll-behavior:smooth!important
}

@media(max-width:760px){
  #publish-modal .publish-step-page[data-publish-page="1"]{grid-template-columns:minmax(0,1fr)!important}
  #publish-modal .publish-language-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .recruit-card .card-timeframe{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.selection-liquid-fill{display:none!important}.recruit-card :is(.report-button,.channel-button)::before{transition:none!important}}

/* One viewport-anchored lane for every transient notice. Keep this final so
   older centre-screen and bottom-toast rules cannot move individual prompts.
   Popover promotion keeps the lane above open dialogs without making its
   position relative to a modal or scrolling container. */
#toast,#admin-toast,#context-hint,
#toast[popover],#admin-toast[popover],#context-hint[popover]{
  position:fixed!important;
  inset:max(18px,calc(env(safe-area-inset-top) + 10px)) auto auto 50%!important;
  margin:0!important;
  translate:0 0!important;
  transform:translate3d(-50%,-14px,0) scale(.97)!important;
  text-align:center!important;
  z-index:2147483647!important
}
#toast.show,#admin-toast.show,#context-hint.show,
#toast[popover].show,#admin-toast[popover].show,#context-hint[popover].show{
  translate:0 0!important;
  transform:translate3d(-50%,0,0) scale(1)!important
}