/* cfs_zockt · v192 unified website brand/shell layer */
:root{
  --cfs192-bg:#020812;
  --cfs192-surface:#071421;
  --cfs192-surface-2:#0a1a2a;
  --cfs192-line:rgba(72,154,214,.24);
  --cfs192-line-strong:rgba(61,177,255,.42);
  --cfs192-text:#f4f8ff;
  --cfs192-muted:#8fa8bd;
  --cfs192-accent:#149dff;
  --cfs192-accent-2:#2bd7ff;
  --cfs192-ok:#4dde9a;
  --cfs192-warn:#ffc96b;
  --cfs192-danger:#ff7c92;
  --cfs192-radius:14px;
  --cfs192-shadow:0 22px 70px rgba(0,0,0,.28);
  --cfs192-header-h:72px;
}
html{color-scheme:dark}
body[data-cfs-brand-v192]{accent-color:var(--cfs192-accent)}
body[data-cfs-brand-v192]::selection{background:rgba(20,157,255,.32);color:#fff}
body[data-cfs-brand-v192] a:focus-visible,
body[data-cfs-brand-v192] button:focus-visible,
body[data-cfs-brand-v192] input:focus-visible,
body[data-cfs-brand-v192] select:focus-visible,
body[data-cfs-brand-v192] textarea:focus-visible,
body[data-cfs-brand-v192] summary:focus-visible{outline:2px solid var(--cfs192-accent-2);outline-offset:3px}

/* One header language across public, creator, admin and utility pages. */
body[data-cfs-brand-v192] .site-header,
body[data-cfs-brand-v192] .gaming-header,
body[data-cfs-brand-v192] .creator-site-header,
body[data-cfs-brand-v192] header.top{
  min-height:var(--cfs192-header-h);
  border-bottom:1px solid var(--cfs192-line)!important;
  background:rgba(2,8,18,.92)!important;
  box-shadow:0 12px 40px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body[data-cfs-brand-v192] .header-inner,
body[data-cfs-brand-v192] .gaming-header-inner{
  min-height:var(--cfs192-header-h);
  align-items:center;
}

/* New unified CFS mark + typographic lockup. */
body[data-cfs-brand-v192] .brand-logo-link>img,
body[data-cfs-brand-v192] .gaming-brand>img,
body[data-cfs-brand-v192] .creator-brand-logo,
body[data-cfs-brand-v192] .public-footer-brand>img{
  width:44px!important;height:44px!important;max-width:44px!important;object-fit:cover!important;border-radius:50%;background:transparent!important;
}
body[data-cfs-brand-v192] .cfs-brand-lockup{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0;
  color:var(--cfs192-text)!important;
  text-decoration:none!important;
}
body[data-cfs-brand-v192] .cfs-brand-wordmark{
  width:44px;
  height:44px;
  flex:0 0 44px;
  display:grid;
  place-items:center;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(66,176,255,.32),0 0 24px rgba(0,149,255,.14);
}
body[data-cfs-brand-v192] .cfs-brand-wordmark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  border:0!important;
  background:transparent!important;
}
body[data-cfs-brand-v192] .cfs-brand-copy{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
  line-height:1;
}
body[data-cfs-brand-v192] .cfs-brand-copy strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:950;
  letter-spacing:.075em;
  white-space:nowrap;
}
body[data-cfs-brand-v192] .cfs-brand-copy small{
  display:block!important;
  margin-top:5px!important;
  color:var(--cfs192-accent-2)!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  white-space:nowrap;
}
body[data-cfs-brand-v192] .gaming-brand.cfs-brand-lockup > span:not(.cfs-brand-wordmark):not(.cfs-brand-copy),
body[data-cfs-brand-v192] .brand-logo-fallback{display:none!important}
body[data-cfs-brand-v192] .cfs-shell-generated-header{position:sticky;top:0;z-index:50}
body[data-cfs-brand-v192] .cfs-shell-generated-header .header-inner{display:flex;justify-content:space-between;gap:16px}

/* Navigation, action and control rhythm. */
body[data-cfs-brand-v192] .public-nav,
body[data-cfs-brand-v192] .gaming-nav,
body[data-cfs-brand-v192] .creator-nav{align-items:center}
body[data-cfs-brand-v192] .public-nav a,
body[data-cfs-brand-v192] .gaming-nav a,
body[data-cfs-brand-v192] .creator-nav a{
  border-radius:9px;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;
}
body[data-cfs-brand-v192] .public-nav a:hover,
body[data-cfs-brand-v192] .gaming-nav a:hover,
body[data-cfs-brand-v192] .creator-nav a:hover,
body[data-cfs-brand-v192] .public-nav a.active,
body[data-cfs-brand-v192] .gaming-nav a.active,
body[data-cfs-brand-v192] .creator-nav a.active{
  color:#fff!important;
  background:rgba(20,157,255,.1);
}
body[data-cfs-brand-v192] .btn,
body[data-cfs-brand-v192] .gaming-btn,
body[data-cfs-brand-v192] button:not(.mobile-toggle):not(.gaming-mobile-toggle):not(.creator-mobile-toggle){
  border-radius:10px;
}
body[data-cfs-brand-v192] .btn,
body[data-cfs-brand-v192] .gaming-btn{min-height:42px;align-items:center}
body[data-cfs-brand-v192] input,
body[data-cfs-brand-v192] select,
body[data-cfs-brand-v192] textarea{
  border-radius:10px;
}

/* Shared page chrome: preserve specialized editors while normalizing shell surfaces. */
body[data-cfs-brand-v192].public-marketing,
body[data-cfs-brand-v192].public-home,
body[data-cfs-brand-v192].creator-workspace:not(.cfs-specialized-workspace){
  background-color:var(--cfs192-bg);
}
body[data-cfs-brand-v192] .cfs-global-sidebar{
  border-right:1px solid var(--cfs192-line)!important;
  background:rgba(3,12,22,.96)!important;
}
body[data-cfs-brand-v192] .cfs-sidebar-link{border-radius:9px!important}
body[data-cfs-brand-v192] .cfs-sidebar-link.active{
  background:linear-gradient(90deg,rgba(20,157,255,.18),rgba(20,157,255,.04))!important;
  border-color:rgba(43,215,255,.28)!important;
}

/* Footer/signature uses the same logo and spacing everywhere. */
body[data-cfs-brand-v192] .brand-footer,
body[data-cfs-brand-v192] .public-footer,
body[data-cfs-brand-v192] .footer{
  border-top-color:var(--cfs192-line)!important;
}
body[data-cfs-brand-v192] .public-footer-brand,
body[data-cfs-brand-v192] .cfs-footer-lockup,
body[data-cfs-brand-v192] .cfs-product-signature-v180>div{
  display:flex;
  align-items:center;
  gap:12px;
}
body[data-cfs-brand-v192] .cfs-product-signature-v180{
  border-top:1px solid var(--cfs192-line)!important;
  background:rgba(2,8,18,.76)!important;
}
body[data-cfs-brand-v192] .cfs-product-signature-v180 .cfs-brand-wordmark{width:34px;height:34px;flex-basis:34px}
body[data-cfs-brand-v192] .cfs-product-signature-v180 .cfs-brand-copy strong{font-size:11px}
body[data-cfs-brand-v192] .cfs-product-signature-v180 .cfs-brand-copy small{font-size:6.5px!important}

/* Utility pages now look like part of the same product family. */
body[data-cfs-brand-v192] .cfs192-utility-shell{
  width:min(960px,calc(100% - 30px));
  margin:0 auto;
  padding:64px 0 80px;
}
body[data-cfs-brand-v192] .cfs192-utility-card{
  padding:clamp(22px,4vw,38px);
  border:1px solid var(--cfs192-line);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(10,26,42,.92),rgba(4,11,20,.96));
  box-shadow:var(--cfs192-shadow);
}

/* Compact/mobile rules are shared instead of page-specific exceptions. */
@media(max-width:820px){
  :root{--cfs192-header-h:66px}
  body[data-cfs-brand-v192] .cfs-brand-wordmark{width:38px;height:38px;flex-basis:38px}
  body[data-cfs-brand-v192] .cfs-brand-copy strong{font-size:13px}
  body[data-cfs-brand-v192] .cfs-brand-copy small{font-size:6.8px!important}
  body[data-cfs-brand-v192] .mobile-toggle,
  body[data-cfs-brand-v192] .gaming-mobile-toggle,
  body[data-cfs-brand-v192] .creator-mobile-toggle{min-height:42px;min-width:44px}
  body[data-cfs-brand-v192] .public-nav.open,
  body[data-cfs-brand-v192] .gaming-nav.open,
  body[data-cfs-brand-v192] .creator-nav.open{
    border:1px solid var(--cfs192-line)!important;
    border-radius:14px!important;
    background:rgba(3,12,22,.98)!important;
    box-shadow:var(--cfs192-shadow);
  }
  body[data-cfs-brand-v192] .public-nav.open a,
  body[data-cfs-brand-v192] .gaming-nav.open a,
  body[data-cfs-brand-v192] .creator-nav.open a{min-height:44px;display:flex;align-items:center}
  body[data-cfs-brand-v192] .cfs192-utility-shell{padding-top:38px}
}
@media(max-width:520px){
  body[data-cfs-brand-v192] .cfs-brand-copy small{display:none!important}
  body[data-cfs-brand-v192] .cfs-brand-wordmark{width:36px;height:36px;flex-basis:36px}
  body[data-cfs-brand-v192] .cfs-brand-copy strong{font-size:12px;letter-spacing:.06em}
}
@media(prefers-reduced-motion:reduce){
  body[data-cfs-brand-v192] *,body[data-cfs-brand-v192] *::before,body[data-cfs-brand-v192] *::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}