/* ============================================================
   daddeln.fun DEV — Liquid Glass Design System 26.8.4
   Zentrale, additive Design-Ebene. Keine Funktions-/Layoutlogik.
   ============================================================ */
:root{
  /* Glass surfaces */
  --glass-bg:rgba(20,20,38,.66);
  --glass-bg-soft:rgba(27,26,48,.48);
  --glass-bg-strong:rgba(15,15,30,.84);
  --glass-bg-solid:#141426;
  --glass-border:rgba(255,255,255,.115);
  --glass-border-soft:rgba(255,255,255,.075);
  --glass-border-active:rgba(202,170,255,.38);
  --glass-highlight:rgba(255,255,255,.075);
  --glass-highlight-strong:rgba(255,255,255,.12);
  --glass-purple:rgba(157,92,255,.18);
  --glass-purple-strong:rgba(157,92,255,.30);

  /* Depth */
  --glass-shadow-xs:0 6px 18px rgba(0,0,0,.14);
  --glass-shadow-sm:0 12px 34px rgba(0,0,0,.20),inset 0 1px 0 var(--glass-highlight);
  --glass-shadow:0 20px 52px rgba(0,0,0,.27),inset 0 1px 0 var(--glass-highlight);
  --glass-shadow-lg:0 32px 90px rgba(0,0,0,.44),inset 0 1px 0 var(--glass-highlight-strong);
  --glass-focus:0 0 0 3px rgba(160,105,255,.18),0 10px 28px rgba(91,43,165,.15);

  /* Shape */
  --glass-radius-xs:10px;
  --glass-radius-sm:13px;
  --glass-radius-md:18px;
  --glass-radius-lg:24px;
  --glass-radius-xl:30px;
  --glass-radius-pill:999px;

  /* Blur — intentionally limited to top-level surfaces */
  --glass-blur:16px;
  --glass-blur-strong:22px;
  --glass-saturate:145%;

  /* Motion — transform/opacity only in this layer */
  --glass-motion-fast:160ms;
  --glass-motion:220ms;
  --glass-motion-slow:280ms;
  --glass-ease:cubic-bezier(.2,.72,.2,1);
  --glass-ease-pop:cubic-bezier(.16,1,.3,1);

  /* Keep legacy tokens aligned with the new system */
  --ui-radius-xs:var(--glass-radius-xs);
  --ui-radius-sm:var(--glass-radius-sm);
  --ui-radius-md:var(--glass-radius-md);
  --ui-radius-lg:var(--glass-radius-lg);
  --ui-panel-border:var(--glass-border);
  --ui-panel-border-hover:var(--glass-border-active);
  --ui-panel-bg:linear-gradient(145deg,rgba(28,27,49,.72),rgba(13,13,27,.68));
  --ui-panel-bg-soft:linear-gradient(145deg,rgba(34,32,57,.58),rgba(17,17,31,.56));
  --ui-shadow-sm:var(--glass-shadow-sm);
  --ui-shadow:var(--glass-shadow);

  /* Accessible tertiary copy on dark glass surfaces (WCAG AA for normal text). */
  --muted2:#8d84a8;
}

html{background:#080711!important;color-scheme:dark}
body{
  background:
    radial-gradient(900px 620px at 92% -12%,rgba(151,82,255,.16),transparent 66%),
    radial-gradient(760px 620px at -8% 104%,rgba(72,95,220,.12),transparent 69%),
    radial-gradient(700px 460px at 48% 18%,rgba(111,67,187,.07),transparent 72%),
    #080711!important;
  background-attachment:scroll!important;
}
body::before{
  opacity:.84!important;
  background:
    radial-gradient(520px 300px at 18% 8%,rgba(255,255,255,.025),transparent 74%),
    radial-gradient(740px 440px at 82% 18%,rgba(157,92,255,.055),transparent 72%)!important;
}
body::after{opacity:.045!important}

/* ---------- Top-level glass surfaces ---------- */
.daddeln-global-topbar,.topbar,.navbar,.league-topbar,
.daddeln-public-tools,.smart-tabs,
.card,.community-card,.league-content-card,.league-fixtures-panel,.team-card,
.landing-card,.landing-ranking,.landing-chat-card,.login-card,.email-public-card,
.fame-profile-card,.fame-catalog-card,.fame-profile-spotlight,.faq-item,
.external-news-card,.admin-box,.admin-panel,.admin-section,.admin-card,
.profile-settings-card,.email-settings-card,.guide-section,.league-hero,.team-hero,
.search-hero,.guide-hero,.fame-hero,.email-settings-hero{
  border-color:var(--glass-border)!important;
  box-shadow:var(--glass-shadow-sm)!important;
}

.card,.community-card,.league-content-card,.league-fixtures-panel,.team-card,
.landing-card,.landing-ranking,.landing-chat-card,.login-card,.email-public-card,
.fame-profile-card,.fame-catalog-card,.fame-profile-spotlight,.faq-item,
.external-news-card,.admin-box,.admin-panel,.admin-section,.admin-card,
.profile-settings-card,.email-settings-card,.guide-section,.league-hero,.team-hero,
.search-hero,.guide-hero,.fame-hero,.email-settings-hero{
  background:linear-gradient(145deg,rgba(28,27,49,.70),rgba(13,13,27,.64))!important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border-radius:var(--glass-radius-md)!important;
}

/* Bigger hero/modal surfaces get slightly more curvature. */
.league-hero,.team-hero,.search-hero,.guide-hero,.fame-hero,.email-settings-hero,
.login-card,.email-public-card,.profile-settings-card{
  border-radius:var(--glass-radius-lg)!important;
  box-shadow:var(--glass-shadow)!important;
}

/* Avoid nested backdrop-filter stacks: child rows stay translucent, never blurred. */
.card .match,.card .match-card,.community-card .thread-message,.community-card .notification,
.community-card .pm-item,.community-card .team-match,.team-card .team-match,
.admin-box .admin-metric,.admin-box .admin-quick-action,.admin-panel .admin-card,
.landing-card .landing-card,.league-content-card .league-fixture{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* ---------- Navigation / bars ---------- */
.daddeln-global-topbar,.topbar,.navbar,.league-topbar{
  background:linear-gradient(180deg,rgba(12,11,24,.78),rgba(10,9,21,.66))!important;
  border-bottom:1px solid var(--glass-border)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(155%)!important;
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(155%)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.18),inset 0 -1px 0 rgba(255,255,255,.025)!important;
}
.daddeln-public-tools{
  background:rgba(11,10,23,.66)!important;
  border-bottom:1px solid var(--glass-border-soft)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%)!important;
  backdrop-filter:blur(var(--glass-blur)) saturate(145%)!important;
}

.daddeln-global-nav-link,.daddeln-global-icon,.daddeln-global-auth,
.nav-link,.compact-nav-link,.icon-link,.app-quick-nav a,.league-switcher a,
.smart-section>summary,.smart-direct-tab,.group-tabs a,.admin-tab,.tab,.t-tab{
  border-radius:var(--glass-radius-pill)!important;
  transition:transform var(--glass-motion-fast) var(--glass-ease),opacity var(--glass-motion-fast) var(--glass-ease)!important;
}
.daddeln-global-nav-link:hover,.daddeln-global-icon:hover,.daddeln-global-auth:hover,
.nav-link:hover,.compact-nav-link:hover,.icon-link:hover,.app-quick-nav a:hover,.league-switcher a:hover,
.smart-section>summary:hover,.smart-direct-tab:hover,.group-tabs a:hover,.admin-tab:hover,.tab:hover,.t-tab:hover{
  transform:translateY(-1px);
}
.daddeln-global-nav-link.active,.daddeln-global-icon.active,.nav-link.active,
.compact-nav-link.active,.league-switcher a.active,.smart-section.has-active>summary,
.smart-section[open]>summary,.smart-direct-tab.active,.group-tabs a.active,.admin-tab.active,.tab.active,.t-tab.active{
  box-shadow:0 8px 24px rgba(106,48,199,.22),inset 0 1px 0 rgba(255,255,255,.13)!important;
}

.smart-tabs{
  background:rgba(13,12,26,.54)!important;
  border:1px solid var(--glass-border-soft)!important;
  border-radius:var(--glass-radius-lg)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%)!important;
  backdrop-filter:blur(var(--glass-blur)) saturate(145%)!important;
  box-shadow:var(--glass-shadow-xs)!important;
}
.smart-menu,.account-menu,.public-search-suggest,
.dropdown-menu,.menu-popover,.context-menu{
  background:linear-gradient(155deg,rgba(31,29,52,.90),rgba(11,11,23,.88))!important;
  border:1px solid var(--glass-border-active)!important;
  border-radius:var(--glass-radius-md)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(155%)!important;
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(155%)!important;
  box-shadow:var(--glass-shadow-lg)!important;
  transform-origin:top center;
}
.smart-section[open] .smart-menu,.account-menu.is-open,.public-search-suggest:not([hidden]){will-change:transform,opacity}

/* ---------- Cards / rows / list items ---------- */
.card-head,.team-card-head,.fame-section-head,.admin-box-head{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  border-color:var(--glass-border-soft)!important;
}
.match,.match-card,.rank-row,.league-fixture,.team-match,.thread-message,.notification,.pm-item,
.team-stat,.league-stat,.team-competition,.search-team-card,.announcement-item,.group-announcement,
.season-banner,.email-option,.support-category-option,.admin-metric,.admin-quick-action{
  background:rgba(255,255,255,.035)!important;
  border-color:var(--glass-border-soft)!important;
  border-radius:var(--glass-radius-sm)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

@media (hover:hover) and (pointer:fine){
  .card,.community-card,.league-content-card,.team-card,.landing-card,
  .fame-profile-card,.fame-catalog-card,.external-news-card,
  .match,.match-card,.league-fixture,.team-match,.search-team-card,.admin-metric,.admin-quick-action{
    transition:transform var(--glass-motion) var(--glass-ease),opacity var(--glass-motion-fast) var(--glass-ease)!important;
  }
  .card:hover,.community-card:hover,.league-content-card:hover,.team-card:hover,.landing-card:hover,
  .fame-profile-card:hover,.fame-catalog-card:hover,.external-news-card:hover{
    transform:translateY(-2px) scale(1.002);
    border-color:var(--glass-border-active)!important;
    box-shadow:var(--glass-shadow)!important;
  }
  .match:hover,.match-card:hover,.league-fixture:hover,.team-match:hover,.search-team-card:hover,
  .admin-metric:hover,.admin-quick-action:hover{transform:translateY(-1px)}
}

/* ---------- Buttons ---------- */
.btn,.account-item,.account-channel-btn,.filter-pill,.pill,.badge,
.chat-send,.admin-icon-link,.admin-quick-action{
  border-radius:var(--glass-radius-sm)!important;
  transition:transform var(--glass-motion-fast) var(--glass-ease),opacity var(--glass-motion-fast) var(--glass-ease)!important;
}
/* Keep semantic/selected component backgrounds from their owning stylesheets.
   The Glass layer only neutralizes explicitly neutral button variants. */
.btn-ghost,.btn-secondary,.admin-icon-link{
  background:rgba(255,255,255,.045)!important;
  border-color:var(--glass-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.btn-primary{
  background:linear-gradient(135deg,rgba(185,126,255,.98),rgba(126,61,224,.98) 58%,rgba(87,43,178,.98))!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 10px 30px rgba(104,47,199,.30),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.btn-danger{border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 9px 24px rgba(140,25,52,.22),inset 0 1px 0 rgba(255,255,255,.12)!important}
.btn:hover,.account-item:hover,.account-channel-btn:hover,.filter-pill:hover,.admin-icon-link:hover{transform:translateY(-1px)}
.btn:active,.account-item:active,.account-channel-btn:active,.filter-pill:active,.admin-icon-link:active{transform:scale(.975)!important}
.btn:disabled,.account-channel-btn:disabled{transform:none!important;opacity:.52!important}

/* ---------- Inputs ---------- */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="color"]),select,textarea,.input:not(input[type="file"]):not(input[type="range"]),.form-control:not(input[type="file"]):not(input[type="range"]){
  background:rgba(11,11,25,.58)!important;
  border:1px solid var(--glass-border)!important;
  border-radius:var(--glass-radius-sm)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 6px 18px rgba(0,0,0,.08)!important;
  transition:transform var(--glass-motion-fast) var(--glass-ease),opacity var(--glass-motion-fast) var(--glass-ease)!important;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="color"]):focus,
select:focus,textarea:focus,.input:not(input[type="file"]):not(input[type="range"]):focus,.form-control:not(input[type="file"]):not(input[type="range"]):focus{
  border-color:rgba(181,128,255,.58)!important;
  box-shadow:var(--glass-focus)!important;
}
input[type="checkbox"],input[type="radio"]{accent-color:#a369ff}
/* Native file/range controls keep their purpose-specific rendering instead of inheriting text-field glass. */
input[type="file"].input,input[type="file"].form-control{background:transparent!important;border:1px dashed var(--glass-border)!important;box-shadow:none!important;padding:7px 9px!important;color:var(--muted)!important}
input[type="file"]::file-selector-button{border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius-xs)!important;background:rgba(255,255,255,.055)!important;color:var(--text)!important;padding:7px 10px!important;margin-right:9px!important;cursor:pointer}
input[type="range"]{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}

/* ---------- Tables ---------- */
.community-table,.lb-table,.admin-table,.group-table,.ph-table{
  overflow:hidden;
  border:1px solid var(--glass-border-soft)!important;
  border-radius:var(--glass-radius-md)!important;
  background:rgba(10,10,22,.30)!important;
}
.community-table thead th,.lb-table thead th,.admin-table thead th,.group-table thead th,.ph-table th{
  background:rgba(255,255,255,.04)!important;
  border-color:var(--glass-border-soft)!important;
}
.community-table td,.lb-table td,.admin-table td,.group-table td,.ph-table td{border-color:var(--glass-border-soft)!important}

/* ---------- Modals / overlays / chat ---------- */
.account-overlay,.d-overlay,.up-overlay,.profile-settings-overlay,.avatar-crop-overlay,
.favorite-club-overlay,.modal-overlay,.privacy-panel,.chat-mod-layer{
  background:rgba(5,5,13,.58)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.account-dialog,.d-modal,.up-modal,.profile-settings-dialog,.avatar-crop-dialog,
.favorite-club-dialog,.modal-card,.chat-window,.chat-drawer,.chat-panel,.chat-mod-dialog{
  background:linear-gradient(155deg,rgba(31,29,53,.88),rgba(10,10,22,.91))!important;
  border:1px solid var(--glass-border-active)!important;
  border-radius:var(--glass-radius-lg)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(155%)!important;
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(155%)!important;
  box-shadow:var(--glass-shadow-lg)!important;
}
.account-dialog,.d-modal,.up-modal,.profile-settings-dialog,.avatar-crop-dialog,.favorite-club-dialog,.modal-card,.chat-mod-dialog{
  animation:glass-pop-in var(--glass-motion-slow) var(--glass-ease-pop) both;
}
.account-overlay:not([hidden]),.d-overlay,.up-overlay,.profile-settings-overlay,.avatar-crop-overlay,.favorite-club-overlay,.modal-overlay{
  animation:glass-fade-in var(--glass-motion) var(--glass-ease) both;
}

/* ---------- Toasts / notices / empty states ---------- */
.toast,.admin-toast,.community-flash,.flash,.app-status-banner,.global-status,.account-message,
.empty,.empty-state,.league-empty,.team-empty,.fame-empty{
  border-color:var(--glass-border)!important;
  box-shadow:var(--glass-shadow-xs)!important;
}
.toast,.admin-toast,.community-flash,.flash,.app-status-banner,.global-status{
  background:rgba(19,18,35,.78)!important;
  -webkit-backdrop-filter:blur(12px) saturate(135%);
  backdrop-filter:blur(12px) saturate(135%);
}
.empty,.empty-state,.league-empty,.team-empty,.fame-empty{
  background:rgba(255,255,255,.025)!important;
  border-style:dashed!important;
}

/* ---------- Footer ---------- */
.site-footer{
  background:linear-gradient(180deg,rgba(8,7,17,.36),rgba(8,7,17,.72))!important;
  border-top:1px solid var(--glass-border-soft)!important;
}

/* ---------- Motion ---------- */
@keyframes glass-pop-in{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes glass-fade-in{from{opacity:0}to{opacity:1}}

/* Browser fallback: no transparent blur dependency. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .daddeln-global-topbar,.topbar,.navbar,.league-topbar,.daddeln-public-tools,.smart-tabs,
  .card,.community-card,.league-content-card,.league-fixtures-panel,.team-card,
  .landing-card,.landing-ranking,.landing-chat-card,.login-card,.email-public-card,
  .fame-profile-card,.fame-catalog-card,.fame-profile-spotlight,.faq-item,.external-news-card,
  .admin-box,.admin-panel,.admin-section,.admin-card,.profile-settings-card,.email-settings-card,
  .guide-section,.league-hero,.team-hero,.search-hero,.guide-hero,.fame-hero,.email-settings-hero,
  .smart-menu,.account-menu,.public-search-suggest,.account-dialog,.d-modal,.up-modal,
  .profile-settings-dialog,.avatar-crop-dialog,.favorite-club-dialog,.modal-card,.chat-window,.chat-drawer,.chat-panel,.chat-mod-dialog{
    background:var(--glass-bg-solid)!important;
  }
}

/* Reduced transparency = opaque, still visually consistent. */
@media (prefers-reduced-transparency:reduce){
  :root{--glass-bg:rgba(20,20,38,.98);--glass-bg-strong:rgba(15,15,30,.99)}
  .daddeln-global-topbar,.topbar,.navbar,.league-topbar,.daddeln-public-tools,.smart-tabs,
  .card,.community-card,.league-content-card,.league-fixtures-panel,.team-card,.landing-card,
  .landing-ranking,.landing-chat-card,.login-card,.email-public-card,.fame-profile-card,
  .fame-catalog-card,.fame-profile-spotlight,.faq-item,.external-news-card,.admin-box,.admin-panel,
  .admin-section,.admin-card,.profile-settings-card,.email-settings-card,.guide-section,
  .league-hero,.team-hero,.search-hero,.guide-hero,.fame-hero,.email-settings-hero,
  .smart-menu,.account-menu,.public-search-suggest,.account-dialog,.d-modal,.up-modal,
  .profile-settings-dialog,.avatar-crop-dialog,.favorite-club-dialog,.modal-card,.chat-window,.chat-drawer,.chat-panel,.chat-mod-dialog{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--glass-bg-solid)!important;
  }
}

/* Mobile / weaker GPU profile: no card blur, only navigation + overlays keep a smaller blur. */
@media (max-width:700px){
  :root{--glass-blur:10px;--glass-blur-strong:14px;--glass-radius-md:16px;--glass-radius-lg:20px}
  body{background-attachment:scroll!important}
  .card,.community-card,.league-content-card,.league-fixtures-panel,.team-card,
  .landing-card,.landing-ranking,.landing-chat-card,.login-card,.email-public-card,
  .fame-profile-card,.fame-catalog-card,.fame-profile-spotlight,.faq-item,.external-news-card,
  .admin-box,.admin-panel,.admin-section,.admin-card,.profile-settings-card,.email-settings-card,
  .guide-section,.league-hero,.team-hero,.search-hero,.guide-hero,.fame-hero,.email-settings-hero{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:linear-gradient(145deg,rgba(28,27,49,.94),rgba(13,13,27,.93))!important;
  }
  .smart-tabs{background:rgba(10,9,21,.90)!important}
}

/* User setting + OS setting: no decorative motion. */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.user-reduce-motion *,
.user-reduce-motion *::before,
.user-reduce-motion *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

/* ---------- Additional application surfaces ---------- */
.account-chip,.profile-menu,.groups-panel,.groups-my-panel,.groups-discover-panel,.groups-create-panel,
.support-ticket-sidebar,.modal-box,.ph-modal,.ts-dialog,.roadmap-editor-dialog,
.steam-chat-drawer,.steam-chat-sidebar,.steam-chat-main,.steam-chat-head,.steam-chat-composer{
  border-color:var(--glass-border)!important;
}
.account-chip{
  background:rgba(27,26,48,.56)!important;
  border:1px solid var(--glass-border)!important;
  border-radius:var(--glass-radius-pill)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--glass-shadow-xs)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:transform var(--glass-motion-fast) var(--glass-ease),opacity var(--glass-motion-fast) var(--glass-ease)!important;
}
.account-chip:hover{transform:translateY(-1px)}
.profile-menu,.groups-panel,.groups-my-panel,.groups-discover-panel,.groups-create-panel,
.support-ticket-sidebar,.modal-box,.ph-modal,.ts-dialog,.roadmap-editor-dialog{
  background:linear-gradient(145deg,rgba(29,28,51,.72),rgba(12,12,25,.68))!important;
  border:1px solid var(--glass-border)!important;
  border-radius:var(--glass-radius-md)!important;
  box-shadow:var(--glass-shadow-sm)!important;
}
.profile-menu,.modal-box,.ph-modal,.ts-dialog,.roadmap-editor-dialog{
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(150%)!important;
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(150%)!important;
}
.groups-panel,.groups-my-panel,.groups-discover-panel,.groups-create-panel,.support-ticket-sidebar{
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);
  backdrop-filter:blur(var(--glass-blur)) saturate(140%);
}

/* Chat keeps one blurred outer shell; nested panes are translucent only. */
.chat-overlay,.steam-chat-overlay,.roadmap-editor-overlay,.ts-dialog-overlay{
  background:rgba(5,5,13,.58)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.steam-chat-drawer{
  background:linear-gradient(145deg,rgba(28,31,49,.88),rgba(10,12,24,.90))!important;
  border:1px solid var(--glass-border-active)!important;
  border-radius:var(--glass-radius-lg)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(145%)!important;
  backdrop-filter:blur(var(--glass-blur-strong)) saturate(145%)!important;
  box-shadow:var(--glass-shadow-lg)!important;
}
.steam-chat-sidebar,.steam-chat-main,.steam-chat-head,.steam-chat-composer{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  background:rgba(16,18,32,.68)!important;
}
.steam-chat-sidebar{background:rgba(27,29,47,.66)!important}
.steam-chat-main .cm-text{border-color:var(--glass-border-soft)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important}
.steam-chat-main .cm.mine .cm-text{background:rgba(92,66,145,.42)!important}
.steam-chat-emoji-picker{background:rgba(22,23,40,.94)!important;border-color:var(--glass-border-active)!important;box-shadow:var(--glass-shadow)!important}

/* ---------- Performance repairs for legacy transitions ---------- */
/* Dynamic data bars may change size, but size itself is not animated. */
.progress-fill,.announcement-poll-option-copy>i>i,.tip-market-bar span{transition:none!important}

/* Shine effect moves using transform instead of animating left. */
.btn-primary::after{
  left:-70%!important;
  transform:translateX(0) skewX(-18deg)!important;
  transition:transform var(--glass-motion-slow) var(--glass-ease)!important;
}
.btn-primary:hover::after{left:-70%!important;transform:translateX(440%) skewX(-18deg)!important}

/* Repositioning popovers may set top/left in JS; position changes never animate. */
.profile-menu{transition:opacity var(--glass-motion-fast) var(--glass-ease),transform var(--glass-motion) var(--glass-ease-pop)!important;will-change:auto!important}
.profile-menu.is-open{will-change:transform,opacity!important}

/* Old admin accordions animated grid-template rows/padding. Replace that with
   instant layout state + composited fade/translate of the revealed content. */
.admin-drawer{display:none!important;grid-template-rows:none!important;opacity:1!important;border-bottom:1px solid var(--glass-border-soft)!important;transition:none!important;background:rgba(255,255,255,.018)!important}
.admin-drawer.is-open{display:block!important}
.admin-drawer.is-open>*{animation:glass-reveal var(--glass-motion) var(--glass-ease-pop) both}
.admin-match-details{display:none!important;grid-template-rows:none!important;opacity:1!important;padding:4px 14px 12px!important;transition:none!important}
.admin-match-row.is-open .admin-match-details{display:block!important}
.admin-match-row.is-open .admin-match-details>*{animation:glass-reveal var(--glass-motion) var(--glass-ease-pop) both}
@keyframes glass-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

@media(max-width:700px){
  .groups-panel,.groups-my-panel,.groups-discover-panel,.groups-create-panel,.support-ticket-sidebar{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(22,21,40,.94)!important;
  }
  .steam-chat-drawer{border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#121423!important}
}

/* Legacy interactive transitions are constrained to compositor-friendly motion. */
.tpill,.tab,.stepper button,.adv-btn,.btn,.toast,.goal-banner,.md-pager .nav,.tip-submit,
.d-close,.chat-close,.ts-dialog-close,.admin-match-main,.announcement-poll-option,
.userchip,.pm-item,.steam-chat-channel,.steam-chat-person,.steam-chat-head-btn,
.steam-chat-emoji-btn,.reaction-add,.admin-expand-btn{
  transition-property:transform,opacity!important;
  transition-duration:var(--glass-motion-fast)!important;
  transition-timing-function:var(--glass-ease)!important;
}
.toast,.goal-banner{transition-duration:var(--glass-motion)!important}

/* Existing landing cards previously reserved compositor layers permanently. */
.landing-grid .landing-card{will-change:auto!important;transition-property:transform,opacity!important;transition-duration:var(--glass-motion)!important;transition-timing-function:var(--glass-ease)!important}