/* Source: assets/css/shared/pcd-style-b0f33c956f10.css */
/* Shared CSS extracted from repeated inline style blocks. */
/* Final header fit: prevents right-side menu overflow on TV/desktop. */
html body #nav,
html body nav#nav{
  width:100% !important;
  max-width:100vw !important;
  overflow:hidden !important;
  padding-left:clamp(12px,1.4vw,26px) !important;
  padding-right:clamp(12px,1.4vw,26px) !important;
  gap:clamp(8px,1vw,18px) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}
html body #nav .logo-switcher,
html body #nav .logo-switcher-main,
html body #nav .nav-logo,
html body nav#nav .logo-switcher,
html body nav#nav .logo-switcher-main,
html body nav#nav .nav-logo{
  flex:0 1 clamp(220px,25vw,410px) !important;
  min-width:0 !important;
  max-width:clamp(220px,25vw,410px) !important;
}
html body #nav .logo-switcher-main img,
html body #nav .nav-logo img,
html body nav#nav .logo-switcher-main img,
html body nav#nav .nav-logo img{
  max-width:100% !important;
  height:clamp(44px,4vw,70px) !important;
  object-fit:contain !important;
}
html body #nav .nav-links,
html body nav#nav .nav-links{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(6px,.8vw,18px) !important;
  flex-wrap:nowrap !important;
  overflow:hidden !important;
  list-style:none !important;
}
html body #nav .nav-links li,
html body nav#nav .nav-links li{
  flex:0 1 auto !important;
  min-width:0 !important;
}
html body #nav .nav-links a,
html body nav#nav .nav-links a{
  display:block !important;
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:clamp(12px,.95vw,20px) !important;
  line-height:1.08 !important;
  letter-spacing:clamp(.2px,.05vw,.9px) !important;
  padding-left:clamp(4px,.45vw,9px) !important;
  padding-right:clamp(4px,.45vw,9px) !important;
}
html body #nav .nav-links li:last-child a,
html body nav#nav .nav-links li:last-child a{
  color:#a28448 !important;
  font-size:clamp(12px,.9vw,18px) !important;
  letter-spacing:clamp(.1px,.04vw,.7px) !important;
}
@media (max-width:1280px){
  html body #nav .nav-links,
  html body nav#nav .nav-links{display:none !important;}
}

/* Source: assets/css/shared/pcd-style-ea228371dcb0.css */
/* Shared CSS extracted from repeated inline style blocks. */
/* Restore SYSTEMS dropdown after menu-fit pass. Keep nav fitted, but allow the dropdown to render outside the header row. */
html body #nav,
html body nav#nav{
  overflow:visible !important;
  padding-left:clamp(18px,2vw,34px) !important;
  padding-right:clamp(18px,2vw,34px) !important;
  gap:clamp(14px,1.5vw,26px) !important;
}
html body #nav .logo-switcher,
html body #nav .logo-switcher-main,
html body #nav .nav-logo,
html body nav#nav .logo-switcher,
html body nav#nav .logo-switcher-main,
html body nav#nav .nav-logo{
  flex:0 0 clamp(240px,22vw,390px) !important;
  min-width:220px !important;
  max-width:clamp(240px,22vw,390px) !important;
}
html body #nav .nav-links,
html body nav#nav .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  gap:clamp(8px,.9vw,18px) !important;
  flex-wrap:nowrap !important;
  overflow:visible !important;
  list-style:none !important;
}
html body #nav .nav-links li,
html body nav#nav .nav-links li{
  position:relative !important;
  overflow:visible !important;
  flex:0 1 auto !important;
  min-width:0 !important;
}
html body #nav .nav-links a,
html body nav#nav .nav-links a{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
  font-size:clamp(12px,.92vw,19px) !important;
  line-height:1.08 !important;
  letter-spacing:clamp(.15px,.05vw,.8px) !important;
  padding-left:clamp(4px,.45vw,9px) !important;
  padding-right:clamp(4px,.45vw,9px) !important;
}
html body #nav .nav-links a[href="offensive.html"],
html body nav#nav .nav-links a[href="offensive.html"]{
  color:#a28448 !important;
  -webkit-text-fill-color:#a28448 !important;
  font-size:clamp(11px,.82vw,16px) !important;
  letter-spacing:clamp(.05px,.035vw,.55px) !important;
}
html body #nav .nav-system-item,
html body nav#nav .nav-system-item{
  position:relative !important;
  overflow:visible !important;
  z-index:100000 !important;
}
html body #nav .systems-dropdown,
html body nav#nav .systems-dropdown{
  position:absolute !important;
  top:calc(100% + 16px) !important;
  left:50% !important;
  transform:translate(-50%,10px) !important;
  display:grid !important;
  grid-template-columns:repeat(4,max-content) !important;
  gap:10px !important;
  width:max-content !important;
  min-width:0 !important;
  max-width:calc(100vw - 40px) !important;
  padding:12px !important;
  background:rgba(7,7,7,.96) !important;
  border:1px solid rgba(162,132,72,.48) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.7) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease !important;
  z-index:999999 !important;
  overflow:visible !important;
}
html body #nav .systems-dropdown::before,
html body nav#nav .systems-dropdown::before{
  content:"" !important;
  position:absolute !important;
  top:-18px !important;
  left:0 !important;
  right:0 !important;
  height:18px !important;
}
html body #nav .systems-dropdown a,
html body nav#nav .systems-dropdown a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:0 18px !important;
  color:rgba(255,255,255,.9) !important;
  -webkit-text-fill-color:rgba(255,255,255,.9) !important;
  text-decoration:none !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:1.5px !important;
  text-transform:uppercase !important;
  border:1px solid rgba(255,255,255,.1) !important;
  background:rgba(255,255,255,.04) !important;
  white-space:nowrap !important;
  clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%) !important;
}
html body #nav .systems-dropdown a:hover,
html body nav#nav .systems-dropdown a:hover{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:rgba(162,132,72,.7) !important;
  background:rgba(162,132,72,.18) !important;
}
html body #nav .nav-system-item:hover .systems-dropdown,
html body #nav .nav-system-item:focus-within .systems-dropdown,
html body #nav .nav-system-item.is-open .systems-dropdown,
html body nav#nav .nav-system-item:hover .systems-dropdown,
html body nav#nav .nav-system-item:focus-within .systems-dropdown,
html body nav#nav .nav-system-item.is-open .systems-dropdown{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translate(-50%,0) !important;
}
@media (max-width:1280px){
  html body #nav .nav-links,
  html body nav#nav .nav-links{display:none !important;}
}
@media (max-width:900px){
  html body #nav .systems-dropdown,
  html body nav#nav .systems-dropdown{
    grid-template-columns:1fr !important;
    left:0 !important;
    transform:translate(0,10px) !important;
  }
  html body #nav .nav-system-item:hover .systems-dropdown,
  html body #nav .nav-system-item:focus-within .systems-dropdown,
  html body #nav .nav-system-item.is-open .systems-dropdown,
  html body nav#nav .nav-system-item:hover .systems-dropdown,
  html body nav#nav .nav-system-item:focus-within .systems-dropdown,
  html body nav#nav .nav-system-item.is-open .systems-dropdown{
    transform:translate(0,0) !important;
  }
}
