[hidden] { display: none !important; }
.replica-note { padding: 16px; text-align: center; font-size: 11px; color: #777d94; background: #17171c; }
.footer-company { margin: 0; max-width: 100%; text-align: right; }
#local-dialog { margin: auto; width: min(460px, calc(100% - 32px)); padding: 30px; color: #b8bccc; background: #242633; border: 1px solid #454957; border-radius: 8px; }
#local-dialog::backdrop { background: #080a10bb; }
#local-dialog h2 { margin-bottom: 20px; color: white; font-size: 18px; font-weight: 600; }
#local-dialog p { line-height: 1.8; font-size: 13px; }
.dialog-close { position: absolute; top: 8px; right: 14px; font-size: 24px; }
#local-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 100; padding: 12px 22px; border: 1px solid #454957; border-radius: 6px; background: #242633; color: white; }
#search-bar .swiper { overflow-x: auto; scrollbar-width: none; }
#search-bar .swiper-wrapper { transform: none !important; }
#search-bar .swiper-slide { flex-shrink: 0; }
button[role="slider"] { touch-action: none; }
/* Extend the account background to the top without moving its controls. */
@media (min-width: 768px) {
  [data-testid="kd-main-header-div"] > div:has(> [data-testid="login-via-steam-main-page-btn"]) {
    margin-top: 0;
    padding-top: 14px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 2560px) {
  [data-testid="kd-main-header-div"] > div:has(> [data-testid="login-via-steam-main-page-btn"]) { padding-top: 20px; }
}
#event-mobile, #case-battle-mobile, #felipeira-mobile, #mobile-navigation, .login-mobile { display: none; }
@media (max-width: 767px) {
  header > :not(:first-child), header [data-testid="account-menu-dropdown-expand-btn"], #event, #case-battle, #felipeira, #app-root > .fixed:not(#mobile-navigation), .login-desktop { display: none; }
  #event-mobile, #case-battle-mobile, #felipeira-mobile, #mobile-navigation, .login-mobile { display: block; }
  .local-header-panel { left: 12px !important; right: 12px !important; width: auto !important; max-width: calc(100vw - 24px); }
  .replica-note { padding-bottom: 80px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }