/*
 * Mobile layer for ForzaClub.ru.
 * Desktop styles remain the default; this file only reshapes small screens.
 */

@media (max-width: 767px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  body .container.header {
    max-width: calc(100vw - 12px) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #header {
    padding-top: 6px !important;
  }

  .swarm-header-shell {
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding: 8px 54px !important;
    border-radius: 16px !important;
    gap: 8px !important;
  }

  .swarm-header-start {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    flex: none !important;
    min-width: 0 !important;
    max-width: none !important;
    z-index: 1 !important;
  }

  .swarm-header-brand img {
    width: clamp(138px, 38vw, 178px) !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }

  .swarm-header-end {
    position: static !important;
    transform: none !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    z-index: 2 !important;
  }

  .swarm-header-actions {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    gap: 6px !important;
    z-index: 2 !important;
  }

  .swarm-header-actions .admin-link,
  .swarm-header-actions .register-link {
    display: none !important;
  }

  .swarm-header-actions .dashboard-link {
    display: list-item !important;
  }

  .swarm-auth-ghost,
  .swarm-auth-primary,
  .swarm-header-actions .btn {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
  }

  .swarm-mobile-menu-button {
    display: inline-flex !important;
    position: absolute !important;
    left: 10px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    z-index: 3 !important;
  }

  .swarm-mobile-toggle {
    display: flex !important;
    position: absolute !important;
    left: 10px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3 !important;
  }

  .swarm-mobile-toggle .nav-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .swarm-mobile-toggle .menu-toggle,
  .swarm-mobile-toggle .swarm-header-icon-link {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
    position: relative !important;
  }

  .swarm-mobile-menu-button i,
  .swarm-mobile-toggle .menu-toggle i {
    display: none !important;
  }

  .swarm-mobile-menu-button::before,
  .swarm-mobile-menu-button::after,
  .swarm-mobile-toggle .menu-toggle::before,
  .swarm-mobile-toggle .menu-toggle::after {
    content: "" !important;
    position: absolute !important;
    left: 9px !important;
    right: 9px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
  }

  .swarm-mobile-menu-button::before,
  .swarm-mobile-toggle .menu-toggle::before {
    top: 10px !important;
    box-shadow: 0 6px 0 #ffffff !important;
  }

  .swarm-mobile-menu-button::after,
  .swarm-mobile-toggle .menu-toggle::after {
    top: 22px !important;
  }

  .support-btn,
  .support-btn.support-btn--discord {
    display: none !important;
  }

  .fh6-home,
  .fh6-news-page,
  .fh6-hub,
  .fh6-carlist,
  .fh6-car,
  .fh6-tuning,
  .fh6-design,
  .fh6-players,
  .fh6-article-page,
  .fh6-page,
  .fh6-achievements,
  .fh6-achievement-page,
  .fh-seasons,
  .fh-season-archive-page,
  .xbox-game-page {
    padding: 72px 0 42px !important;
  }

  .fh6-home .container,
  .fh6-news-page .container,
  .fh6-hub .container,
  .fh6-carlist .container,
  .fh6-car .container,
  .fh6-tuning .container,
  .fh6-design .container,
  .fh6-players .container,
  .fh6-article-page .container,
  .fh6-page .container,
  .fh6-achievements .container,
  .fh6-achievement-page .container,
  .fh-seasons .container,
  .fh-season-archive-page .container,
  .xbox-game-page .container {
    max-width: 100% !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .fh6-shell,
  .fh6-news-shell,
  .fh6-hub__shell,
  .fh6-carlist__shell,
  .fh6-design__shell,
  .fh6-players__shell,
  .fh6-article-shell,
  .fh6-page-shell,
  .fh6-achievements__shell,
  .fh6-achievement-page__shell,
  .fh-seasons-shell,
  .fh-season-archive-shell,
  .xbox-game-shell {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .fh6-shell::before,
  .fh6-news-shell::before,
  .fh6-hub__shell::before,
  .fh6-carlist__shell::before,
  .fh6-design__shell::before,
  .fh6-players__shell::before,
  .fh6-article-shell::before,
  .fh6-page-shell::before,
  .fh6-achievements__shell::before,
  .fh6-achievement-page__shell::before,
  .xbox-game-shell::before {
    display: none !important;
  }

  .fh6-content,
  .fh6-news-content,
  .fh6-hub__content,
  .fh6-carlist__content,
  .fh6-design__content,
  .fh6-players__content,
  .fh6-article-content,
  .fh6-page-content,
  .fh6-achievements__content,
  .fh6-achievement-page__content,
  .xbox-game-content {
    padding: 0 !important;
  }

  .fh6-hero,
  .fh6-news-grid,
  .fh6-newcomers__grid,
  .fh6-sections {
    gap: 10px !important;
  }

  .fh6-panel,
  .fh6-news-hero,
  .fh6-newcomers,
  .fh6-news-stream,
  .fh6-section {
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    box-shadow: none !important;
  }

  .fh6-hero {
    margin-bottom: 10px !important;
  }

  .fh6-title {
    font-size: 24px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  .fh6-subtitle,
  .fh6-news-subtitle {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .fh6-kicker,
  .fh6-news-kicker,
  .fh6-section-tag,
  .fh6-newcomers__eyebrow {
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  .fh6-btn,
  .fh6-link,
  .fh6-community-link {
    min-height: 40px !important;
    padding: 0 15px !important;
    font-size: 13px !important;
  }

  .fh6-cta-row {
    margin-top: 16px !important;
  }

  .fh6-hero-visual {
    min-height: 188px !important;
    border-radius: 15px !important;
  }

  .fh6-visual-card {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .fh6-visual-card h3 {
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  .fh6-visual-card p {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .fh6-community-grid {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .fh6-community-card,
  .fh6-stat,
  .fh6-newcomer,
  .fh6-newcomer__stat,
  .fh6-newcomer__chip {
    padding: 10px !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  .fh6-community-card .value,
  .fh6-stat .value {
    font-size: 26px !important;
  }

  .fh6-community-card .value span,
  .fh6-stat .label,
  .fh6-newcomer__stat span {
    font-size: 10px !important;
  }

  .fh6-community-card .meta,
  .fh6-stat .sub {
    margin-top: 7px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .fh6-community-actions {
    margin-top: 10px !important;
  }

  .fh6-newcomers,
  .fh6-news-stream,
  .fh6-section {
    margin-bottom: 12px !important;
  }

  .fh6-newcomers__header,
  .fh6-news-stream-header,
  .fh6-section-header,
  .fh6-home-workshop__header,
  .fh6-home-achievements__header {
    margin-bottom: 12px !important;
    gap: 8px !important;
  }

  .fh6-newcomers__header h2,
  .fh6-news-stream-header h2,
  .fh6-section h2,
  .fh6-home-workshop__header h2,
  .fh6-home-achievements__header h2 {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .fh6-newcomer__top {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .fh6-newcomer__avatar {
    width: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
  }

  .fh6-newcomer__name {
    font-size: 15px !important;
  }

  .fh6-newcomer__stats {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .fh6-newcomer__profile {
    gap: 7px !important;
    margin-top: 9px !important;
  }

  .fh6-news-card {
    box-shadow: none !important;
  }

  .fh6-news-card h2,
  .fh6-news-card h2 a,
  .fh6-news-card-title,
  .fh6-news-card-title a,
  .fh6-news-card-title-link {
    font-size: 16px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
  }

  .fh6-hub__back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .fh6-hub__grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .fh6-hub-card {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .fh6-hub-card:first-child {
    padding-top: 0 !important;
  }

  .fh6-hub-card:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .fh6-hub-card__poster {
    min-height: 0 !important;
    width: 112px !important;
    aspect-ratio: 16 / 10 !important;
    border-radius: 9px !important;
    grid-row: 1 / span 2 !important;
  }

  .fh6-hub-card__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .fh6-hub-card__copy {
    min-width: 0 !important;
  }

  .fh6-hub-card__meta {
    gap: 5px !important;
    margin-bottom: 6px !important;
  }

  .fh6-hub-card__era,
  .fh6-hub-card__year {
    padding: 4px 7px !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-hub-card__title {
    margin-bottom: 5px !important;
    font-size: 17px !important;
    line-height: 1.13 !important;
  }

  .fh6-hub-card__text {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1.38 !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
  }

  .fh6-hub-card__link {
    margin-top: 6px !important;
    padding-top: 0 !important;
    font-size: 12px !important;
  }

  .fh6-hub-card__stats {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }

  .fh6-hub-card__stats-label {
    margin-bottom: 4px !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-hub-card__stats-value {
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .fh6-hub-card__stats-sub {
    margin-top: 4px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .fh6-carlist__back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .fh6-carlist__hero {
    display: block !important;
    margin-bottom: 12px !important;
  }

  .fh6-carlist__panel,
  .fh6-carlist__section,
  .fh6-carlist__brand {
    padding: 14px !important;
    border-radius: 15px !important;
    box-shadow: none !important;
  }

  .fh6-carlist__kicker,
  .fh6-carlist__tag {
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  .fh6-carlist__title {
    font-size: 28px !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
  }

  .fh6-carlist__subtitle,
  .fh6-carlist__section-text {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-carlist__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .fh6-carlist__button,
  .fh6-carlist__filter-button,
  .fh6-carlist__filter-reset {
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .fh6-carlist__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .fh6-carlist__stat {
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .fh6-carlist__stat-label {
    margin-bottom: 4px !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-carlist__stat-value {
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .fh6-carlist__stat-sub {
    display: none !important;
  }

  .fh6-carlist__section {
    margin-top: 12px !important;
  }

  .fh6-carlist__section-head {
    display: grid !important;
    gap: 10px !important;
    margin-top: 0 !important;
  }

  .fh6-carlist__section-title {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .fh6-carlist__selection-count {
    width: fit-content !important;
    padding: 7px 10px !important;
    font-size: 13px !important;
  }

  .fh6-carlist__selection-count span {
    font-size: 10px !important;
  }

  .fh6-carlist__filters {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .fh6-carlist__filter-label {
    gap: 5px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-carlist__select {
    min-height: 40px !important;
    border-radius: 12px !important;
    padding: 0 10px !important;
    font-size: 13px !important;
  }

  .fh6-carlist__filter-button,
  .fh6-carlist__filter-reset {
    width: 100% !important;
  }

  .fh6-carlist__cars-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  .fh6-carlist__brand {
    scroll-margin-top: 72px !important;
  }

  .fh6-carlist__brand-head {
    align-items: center !important;
    margin-bottom: 10px !important;
  }

  .fh6-carlist__brand-title {
    font-size: 18px !important;
  }

  .fh6-carlist__brand-count {
    min-width: 0 !important;
    padding: 6px 9px !important;
    font-size: 10px !important;
  }

  .fh6-carlist__car-list {
    gap: 7px !important;
  }

  .fh6-carlist__car-link {
    padding: 9px !important;
    border-radius: 11px !important;
  }

  .fh6-carlist__car-main {
    align-items: center !important;
    gap: 8px !important;
  }

  .fh6-carlist__car-name {
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }

  .fh6-carlist__car-badges {
    gap: 5px !important;
  }

  .fh6-carlist__class,
  .fh6-carlist__tune-count {
    min-width: 0 !important;
    min-height: 22px !important;
    padding: 3px 7px !important;
    font-size: 10px !important;
  }

  .fh6-carlist__car-meta {
    gap: 5px !important;
    margin-top: 6px !important;
  }

  .fh6-carlist__meta-pill {
    padding: 4px 7px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }

  .fh6-car__shell {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .fh6-car__back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .fh6-car__hero,
  .fh6-car__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .fh6-car__grid {
    margin-top: 10px !important;
  }

  .fh6-car__panel {
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .fh6-car__tag {
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  .fh6-car__title {
    font-size: 28px !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  .fh6-car__subtitle {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-car__class {
    min-width: 0 !important;
    min-height: 30px !important;
    margin-bottom: 10px !important;
    padding: 5px 10px !important;
    font-size: 13px !important;
  }

  .fh6-car__facts {
    gap: 8px !important;
  }

  .fh6-car__fact {
    display: grid !important;
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .fh6-car__fact dt {
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-car__fact dd {
    min-width: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    text-align: right !important;
    overflow-wrap: anywhere !important;
  }

  .fh6-car__section-title {
    margin-bottom: 10px !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .fh6-car__pill-list {
    gap: 7px !important;
  }

  .fh6-car__pill {
    padding: 6px 9px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .fh6-car__empty {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-tuning__shell {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .fh6-tuning__shell::before {
    display: none !important;
  }

  .fh6-tuning__content {
    padding: 0 !important;
  }

  .fh6-tuning__back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .fh6-tuning__hero,
  .fh6-tuning__filters,
  .fh6-tuning__section,
  .fh6-tuning__submit {
    margin-bottom: 12px !important;
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .fh6-tuning__kicker {
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  .fh6-tuning__title {
    font-size: 28px !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  .fh6-tuning__subtitle,
  .fh6-tuning__section-text,
  .fh6-tuning__empty-text,
  .fh6-tuning__source-text {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-tuning__nav {
    gap: 7px !important;
    margin-top: 14px !important;
  }

  .fh6-tuning__nav-link,
  .fh6-tuning__button {
    min-height: 40px !important;
    padding: 0 13px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .fh6-tuning__source-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  .fh6-tuning__source-card {
    min-height: 0 !important;
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .fh6-tuning__source-kicker {
    margin-bottom: 7px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-tuning__source-title {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .fh6-tuning__source-action {
    margin-top: 10px !important;
    font-size: 12px !important;
  }

  .fh6-tuning__form,
  .fh6-tuning__submit-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .fh6-tuning__submit-grid .fh6-tuning__field--wide {
    grid-column: auto !important;
  }

  .fh6-tuning__label {
    margin-bottom: 5px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-tuning__select,
  .fh6-tuning__input,
  .fh6-tuning__textarea {
    min-height: 40px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  .fh6-tuning__textarea {
    min-height: 88px !important;
    padding-top: 10px !important;
  }

  .fh6-tuning__section-head,
  .fh6-tuning__modal-head {
    display: grid !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .fh6-tuning__section-title {
    font-size: 22px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  .fh6-tuning__count {
    width: fit-content !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  .fh6-tuning__section-actions {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .fh6-tuning__table-wrap {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .fh6-tuning__table,
  .fh6-tuning__table thead,
  .fh6-tuning__table tbody,
  .fh6-tuning__table tr,
  .fh6-tuning__table td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .fh6-tuning__table thead {
    display: none !important;
  }

  .fh6-tuning__table tbody tr {
    margin-bottom: 10px !important;
    padding: 11px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(9, 15, 24, 0.72) !important;
  }

  .fh6-tuning__table tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  .fh6-tuning__table tbody td {
    display: grid !important;
    grid-template-columns: minmax(94px, 0.46fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .fh6-tuning__table tbody td:last-child {
    border-bottom: 0 !important;
  }

  .fh6-tuning__table tbody td::before {
    content: "" !important;
    color: rgba(255, 255, 255, 0.52) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  #world-tunes .fh6-tuning__table tbody td:nth-child(1)::before,
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(1)::before { content: "Марка" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(2)::before,
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(2)::before { content: "Машина" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(3)::before,
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(3)::before { content: "Класс" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(4)::before,
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(4)::before { content: "Тюн" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(5)::before { content: "Привод" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(6)::before { content: "Тюнер" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(7)::before { content: "Мощность" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(8)::before { content: "Вес" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(9)::before { content: "Подвеска" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(10)::before { content: "Шины" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(11)::before { content: "Дата" !important; }
  #world-tunes .fh6-tuning__table tbody td:nth-child(12)::before { content: "Код" !important; }

  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(5)::before { content: "Категория" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(6)::before { content: "Привод" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(7)::before { content: "Тюнер" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(8)::before { content: "Мощность" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(9)::before { content: "Вес" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(10)::before { content: "Подвеска" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(11)::before { content: "Шины" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(12)::before { content: "Дата" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(13)::before { content: "Код" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(14)::before { content: "Заметки" !important; }
  #forzaclub-tunes .fh6-tuning__table tbody td:nth-child(15)::before { content: "Действия" !important; }

  .fh6-tuning__car-cell {
    min-width: 0 !important;
    font-size: 14px !important;
  }

  .fh6-tuning__class-badge {
    width: fit-content !important;
    min-width: 34px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  .fh6-tuning__pill,
  .fh6-tuning__code,
  .fh6-tuning__edit-button {
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 26px !important;
    padding: 4px 8px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    white-space: normal !important;
  }

  .fh6-tuning__empty,
  .fh6-tuning__login-box,
  .fh6-tuning__notice {
    padding: 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }

  .fh6-tuning__empty-title {
    font-size: 20px !important;
  }

  .fh6-tuning__modal {
    padding: 8px !important;
  }

  .fh6-tuning__modal-panel {
    max-height: calc(100vh - 16px) !important;
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .fh6-tuning__modal-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    width: 34px !important;
    height: 34px !important;
    font-size: 22px !important;
  }

  .fh6-design__back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .fh6-design__hero,
  .fh6-design__empty {
    margin-bottom: 12px !important;
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .fh6-design__empty {
    margin-bottom: 0 !important;
  }

  .fh6-design__kicker {
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  .fh6-design__title {
    font-size: 28px !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  .fh6-design__empty-title {
    font-size: 22px !important;
    line-height: 1.12 !important;
  }

  .fh6-design__subtitle,
  .fh6-design__empty-text {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-players__hero {
    margin-bottom: 12px !important;
  }

  .fh6-players__intro,
  .fh6-players__sort-panel,
  .fh6-players__table-shell {
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .fh6-players__intro,
  .fh6-players__sort-panel {
    margin-bottom: 12px !important;
  }

  .fh6-players__kicker {
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  .fh6-players__title {
    font-size: 28px !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  .fh6-players__subtitle {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-players__summary {
    margin-top: 12px !important;
    padding: 0 !important;
  }

  .fh6-players__summary-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .fh6-players__metric {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-players__metric-label {
    margin-bottom: 7px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-players__metric-value {
    font-size: 30px !important;
  }

  .fh6-players__metric-sub {
    margin-top: 7px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .fh6-players__sort-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .fh6-players__sort-label {
    margin-bottom: 5px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-players__sort-select,
  .fh6-players__sort-submit {
    min-height: 40px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  .fh6-players__sort-select {
    padding: 0 10px !important;
  }

  .fh6-players__sort-submit {
    width: 100% !important;
    padding: 0 13px !important;
  }

  .fh6-players__table-head {
    display: grid !important;
    gap: 10px !important;
    align-items: start !important;
    padding: 0 0 12px !important;
    border-bottom-color: rgba(255, 255, 255, 0.07) !important;
  }

  .fh6-players__table-title {
    font-size: 22px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  .fh6-players__table-subtitle {
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .fh6-players__count-badge {
    width: fit-content !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  .fh6-players__table-wrap {
    overflow: visible !important;
  }

  .fh6-players__table,
  .fh6-players__table thead,
  .fh6-players__table tbody {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .fh6-players__table thead {
    display: none !important;
  }

  .fh6-players__table tbody tr {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 7px 9px !important;
    margin-bottom: 10px !important;
    padding: 11px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(9, 15, 24, 0.72) !important;
  }

  .fh6-players__table tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  .fh6-players__table tbody td {
    display: block !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .fh6-players__table tbody td.fh6-players__rank-col {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    text-align: left !important;
  }

  .fh6-players__table tbody td.fh6-players__avatar-col {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }

  .fh6-players__table tbody td:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    width: auto !important;
  }

  .fh6-players__table tbody td.fh6-players__hours-col {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: end !important;
    text-align: right !important;
  }

  .fh6-players__country-col,
  .fh6-players__xbox-col,
  .fh6-players__table tbody td:nth-child(5),
  .fh6-players__table tbody td:nth-child(6) {
    display: none !important;
  }

  .fh6-player-table__avatar {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    font-size: 16px !important;
  }

  .fh6-player-table__rank {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
  }

  .fh6-player-table__rank-number {
    min-width: 0 !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
  }

  .fh6-player-table__rank-move {
    min-width: 0 !important;
    padding: 3px 6px !important;
    gap: 4px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
  }

  .fh6-player-table__login {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  .fh6-player-table__login-name {
    flex: 1 1 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .fh6-player-table__profile-link {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    font-size: 10px !important;
  }

  .fh6-player-table__admin-badge,
  .fh6-player-table__current-badge {
    display: inline-flex !important;
    min-height: 22px !important;
    padding: 0 7px !important;
    font-size: 9px !important;
  }

  .fh6-player-table__sort-value,
  .fh6-player-table__last-achievement,
  .fh6-player-table__meta-mobile {
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .fh6-player-table__last-achievement {
    display: block !important;
  }

  .fh6-player-table__last-achievement::before {
    display: none !important;
  }

  .fh6-player-table__meta-mobile {
    display: block !important;
  }

  .fh6-player-table__hours {
    min-width: 76px !important;
    max-width: 96px !important;
    padding: 7px 8px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    white-space: normal !important;
  }

  .fh6-player-table__hours-delta {
    margin-top: 3px !important;
    font-size: 10px !important;
  }

  .fh6-players__empty,
  .fh6-players__footnote {
    margin: 12px 0 0 !important;
    padding: 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-article-back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .fh6-article-card,
  .fh6-article-comments,
  .fh6-article-comment-form,
  .fh6-article-empty,
  .fh6-article-preview-notice {
    margin-bottom: 12px !important;
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .fh6-article-category {
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-article-title {
    font-size: 26px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  .fh6-article-meta {
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .fh6-article-stats {
    gap: 7px !important;
    margin-top: 12px !important;
  }

  .fh6-article-stat {
    min-height: 28px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  .fh6-article-cover {
    width: 100% !important;
    margin-top: 12px !important;
    border-radius: 12px !important;
  }

  .fh6-article-cover img {
    width: 100% !important;
    object-fit: cover !important;
  }

  .fh6-article-body {
    margin-top: 14px !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  .fh6-article-body p {
    margin-bottom: 12px !important;
  }

  .fh6-article-body h2,
  .fh6-article-body h3,
  .fh6-article-body h4 {
    margin: 18px 0 9px !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  .fh6-article-body ul,
  .fh6-article-body ol {
    margin-bottom: 12px !important;
    padding-left: 16px !important;
  }

  .fh6-article-body li {
    margin-bottom: 6px !important;
    line-height: 1.5 !important;
  }

  .fh6-article-body blockquote {
    margin-bottom: 12px !important;
    padding: 12px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }

  .fh6-article-body img {
    margin: 14px auto !important;
    border-radius: 12px !important;
  }

  .fh6-article-body .fh6-youtube-embed {
    margin: 14px auto !important;
    border-radius: 12px !important;
  }

  .fh6-article-body table {
    margin: 14px 0 !important;
    font-size: 13px !important;
  }

  .fh6-article-body th,
  .fh6-article-body td {
    padding: 9px 10px !important;
  }

  .fh6-article-gallery {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }

  .fh6-article-gallery a,
  .fh6-article-gallery img {
    border-radius: 12px !important;
  }

  .fh6-article-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .fh6-article-actions form {
    width: 100% !important;
  }

  .fh6-article-btn {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    text-align: center !important;
  }

  .fh6-article-comments h2,
  .fh6-article-comment-form h2 {
    margin-bottom: 10px !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .fh6-article-comment {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 12px 0 !important;
  }

  .fh6-article-comment-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
  }

  .fh6-article-comment-head {
    gap: 5px !important;
  }

  .fh6-article-comment-author {
    font-size: 14px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere !important;
  }

  .fh6-article-comment-xbox,
  .fh6-article-comment-meta {
    font-size: 11px !important;
  }

  .fh6-article-comment-meta,
  .fh6-article-comment-text,
  .fh6-article-comment-quote,
  .fh6-article-comment-actions {
    margin-top: 7px !important;
  }

  .fh6-article-comment-text {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-article-comment-quote {
    padding: 10px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  .fh6-comment-action-btn {
    min-height: 30px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
  }

  .fh6-article-reply-context,
  .fh6-article-notice {
    margin-bottom: 10px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .fh6-article-textarea {
    min-height: 122px !important;
    padding: 12px 12px 54px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .fh6-article-emoji-tools {
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
  }

  .fh6-article-emoji-toggle {
    width: 36px !important;
    height: 32px !important;
    font-size: 17px !important;
  }

  .fh6-article-emoji-picker {
    grid-template-columns: repeat(6, 32px) !important;
    gap: 5px !important;
    max-width: calc(100vw - 38px) !important;
    padding: 8px !important;
    border-radius: 13px !important;
  }

  .fh6-article-emoji-option {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    font-size: 18px !important;
  }

  .fh6-page-back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .fh6-page-hero,
  .fh6-page-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  .fh6-page-panel,
  .fh6-page-block,
  .fh6-maintenance-card {
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .fh6-page-kicker,
  .fh6-page-tag {
    margin-bottom: 10px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
  }

  .fh6-page-kicker .dot {
    width: 8px !important;
    height: 8px !important;
  }

  .fh6-page-title,
  .fh6-maintenance-title {
    font-size: 28px !important;
    line-height: 1.06 !important;
    letter-spacing: 0 !important;
  }

  .fh6-page-subtitle,
  .fh6-maintenance-text,
  .fh6-page-sidebar p,
  .fh6-page-block p {
    margin-top: 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh6-page-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .fh6-page-btn {
    width: 100% !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  .fh6-page-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .fh6-page-stat {
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .fh6-page-stat .label {
    margin-bottom: 6px !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-page-stat .value {
    font-size: 20px !important;
    line-height: 1 !important;
  }

  .fh6-page-stat .sub {
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .fh6-page-sidebar h2,
  .fh6-page-block h2 {
    margin-bottom: 8px !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .fh6-page-list {
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .fh6-page-list li {
    padding: 10px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .fh6-page-list strong {
    margin-bottom: 4px !important;
    font-size: 14px !important;
  }

  .fh6-achievements__back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .fh6-achievements__grid {
    gap: 10px !important;
  }

  .fh6-achievement-card {
    grid-template-columns: 118px minmax(0, 1fr) !important;
    min-height: 126px !important;
    border-radius: 14px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .fh6-achievement-card__poster {
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }

  .fh6-achievement-card__body {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 11px !important;
  }

  .fh6-achievement-card__meta {
    gap: 5px !important;
    margin-bottom: 7px !important;
  }

  .fh6-achievement-card__era,
  .fh6-achievement-card__year {
    padding: 5px 7px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-achievement-card__title {
    margin-bottom: 6px !important;
    font-size: 17px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  .fh6-achievement-card__text {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  .fh6-achievement-card__link {
    margin-top: 8px !important;
    padding-top: 0 !important;
    font-size: 12px !important;
  }

  .fh6-achievement-card__stats {
    display: grid !important;
    padding: 8px !important;
    border-radius: 11px !important;
  }

  .fh6-achievement-card__stats-label {
    margin-bottom: 5px !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-achievement-card__stats-value {
    font-size: 22px !important;
  }

  .fh6-achievement-card__stats-sub,
  .fh6-achievement-card__stats-extra {
    display: none !important;
  }

  .fh6-achievement-page__back {
    min-height: 36px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .fh6-achievement-page__hero {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  .fh6-achievement-page__poster {
    width: 96px !important;
    max-width: none !important;
    min-height: 132px !important;
    border-radius: 14px !important;
  }

  .fh6-achievement-page__panel,
  .fh6-achievement-page__players-shell,
  .fh6-achievement-page__list-shell {
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .fh6-achievement-page__meta {
    gap: 6px !important;
    margin-bottom: 9px !important;
  }

  .fh6-achievement-page__meta-chip,
  .fh6-achievement-page__list-badge,
  .fh6-achievement-page__group-count {
    min-height: 28px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh6-achievement-page__title {
    font-size: 24px !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .fh6-achievement-page__subtitle,
  .fh6-achievement-page__players-subtitle {
    margin-top: 8px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .fh6-achievement-page__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .fh6-achievement-page__btn,
  .fh6-achievement-page__stat {
    width: 100% !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .fh6-achievement-page__players-shell,
  .fh6-achievement-page__list-shell {
    margin-top: 12px !important;
  }

  .fh6-achievement-page__players-head,
  .fh6-achievement-page__list-head,
  .fh6-achievement-page__group-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    align-items: start !important;
    margin-bottom: 10px !important;
  }

  .fh6-achievement-page__players-head h2,
  .fh6-achievement-page__list-head h2 {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .fh6-achievement-page__group {
    margin-top: 12px !important;
  }

  .fh6-achievement-page__group-title {
    font-size: 20px !important;
    line-height: 1.1 !important;
  }

  .fh6-achievement-page__achievement-list,
  .fh6-achievement-player-list {
    gap: 9px !important;
  }

  .fh6-achievement-row {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
    padding: 10px !important;
    border-radius: 14px !important;
    background: rgba(9, 15, 24, 0.72) !important;
  }

  .fh6-achievement-row__icon {
    width: 54px !important;
    height: 54px !important;
    border-radius: 12px !important;
  }

  .fh6-achievement-row__icon span {
    font-size: 9px !important;
  }

  .fh6-achievement-row__title {
    margin-bottom: 5px !important;
    font-size: 15px !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  .fh6-achievement-row__text {
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .fh6-achievement-row__meta {
    grid-column: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  .fh6-achievement-row__points,
  .fh6-achievement-row__secret {
    min-width: 0 !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
  }

  .fh6-achievement-player-row {
    display: grid !important;
    grid-template-columns: 36px 44px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .fh6-achievement-player-row__rank {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
  }

  .fh6-achievement-player-row__avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
  }

  .fh6-achievement-player-row__avatar-fallback {
    font-size: 14px !important;
  }

  .fh6-achievement-player-row__main {
    min-width: 0 !important;
  }

  .fh6-achievement-player-row__top {
    gap: 6px !important;
  }

  .fh6-achievement-player-row__gamertag {
    font-size: 16px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .fh6-achievement-player-row__complete-badge,
  .fh6-achievement-player-row__meta-chip {
    min-height: 24px !important;
    padding: 0 7px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    letter-spacing: 0.04em !important;
  }

  .fh6-achievement-player-row__meta {
    gap: 5px !important;
    margin-top: 6px !important;
  }

  .fh6-achievement-player-row__completed-at {
    margin-top: 6px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .fh6-achievement-player-row__side {
    grid-column: 3 !important;
    min-width: 0 !important;
    justify-content: flex-start !important;
  }

  .fh6-achievement-player-row__percent {
    min-width: 0 !important;
    width: fit-content !important;
    padding: 6px 9px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
  }

  .apply-area {
    min-height: auto !important;
    height: auto !important;
    padding: 72px 0 42px !important;
  }

  .apply-area.vh-100,
  .apply-area .container.h-100,
  .apply-area .row.h-100 {
    min-height: auto !important;
    height: auto !important;
  }

  .apply-area .container {
    max-width: 100% !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .apply-area .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .apply-area [class*="col-"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .apply-form {
    padding: 16px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.78) !important;
    box-shadow: none !important;
  }

  .apply-form .intro {
    display: block !important;
    margin-bottom: 14px !important;
  }

  .apply-form .intro .intro-text {
    font-size: 10px !important;
    letter-spacing: 0.12em !important;
  }

  .apply-form .intro h3 {
    margin-top: 8px !important;
    font-size: 24px !important;
    line-height: 1.12 !important;
  }

  .apply-form .alert {
    margin-bottom: 12px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .apply-form .form-group {
    margin-bottom: 12px !important;
  }

  .apply-form input[type="text"],
  .apply-form input[type="email"],
  .apply-form input[type="password"],
  .apply-form input[type="search"],
  .apply-form .form-control {
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .apply-form .password-field .form-control {
    padding-right: 48px !important;
  }

  .apply-form .password-toggle {
    right: 8px !important;
    width: 34px !important;
    height: 34px !important;
  }

  .apply-form .form-text,
  .apply-form .username-rules,
  .apply-form .password-rules,
  .apply-form .invalid-feedback,
  .apply-form .help-block {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .apply-form .form-check {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .apply-form .form-check-input {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 18px !important;
  }

  .apply-form .form-check label,
  .apply-form .text-end a,
  .apply-form .small,
  .apply-form span.notice {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  .apply-form .btn,
  .apply-form .btn.btn-bordered {
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  .apply-form span.notice {
    margin-top: 14px !important;
    text-align: center !important;
  }

  .apply-form > .mb-4:has(form),
  #dashboard-xbox-section {
    margin-bottom: 12px !important;
    padding: 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    background: rgba(255, 255, 255, 0.03) !important;
  }

  .apply-form > .mb-4 h4,
  #dashboard-xbox-section h4 {
    margin-bottom: 10px !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .apply-form > .mb-4 p,
  #dashboard-xbox-section p,
  #dashboard-xbox-section .small {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  #dashboard-country-section select {
    min-height: 42px !important;
    margin-bottom: 10px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }

  .favorite-mode-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 10px 0 12px !important;
  }

  .favorite-mode-card {
    min-height: 0 !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .favorite-mode-card:has(input:checked)::after {
    top: 9px !important;
    right: 9px !important;
    font-size: 9px !important;
    letter-spacing: 0.06em !important;
  }

  .favorite-mode-card__label {
    max-width: calc(100% - 56px) !important;
    padding: 5px 7px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  .favorite-mode-card__description {
    margin-top: 8px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .favorite-mode-clear {
    gap: 7px !important;
    margin-bottom: 10px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .xbox-link-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-bottom: 12px !important;
  }

  .xbox-link-card {
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .xbox-link-card label {
    margin-bottom: 7px !important;
    font-size: 12px !important;
  }

  .xbox-inline-field {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .xbox-inline-field input {
    width: 100% !important;
    flex-basis: auto !important;
  }

  .xbox-inline-field .btn,
  .xbox-inline-field a.btn,
  #dashboard-xbox-section .btn {
    width: 100% !important;
  }

  .xbox-code-input {
    font-size: 20px !important;
    letter-spacing: 0.1em !important;
  }

  #dashboard-xbox-section .d-flex {
    gap: 9px !important;
  }

  #dashboard-xbox-section img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
  }

  .apply-form > .mt-5 {
    margin-top: 16px !important;
    padding-top: 12px !important;
  }

  .coming-soon {
    padding: 72px 0 42px !important;
  }

  .coming-soon .container {
    max-width: 100% !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .streams-selection {
    margin-top: 0 !important;
    padding: 14px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    background: rgba(10, 17, 27, 0.72) !important;
    text-align: left !important;
  }

  .streams-selection h2 {
    margin: 0 0 8px !important;
    font-size: 24px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  .streams-empty {
    margin: 0 0 12px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .streams-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  .streamer-card {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 92px !important;
    padding: 10px !important;
    padding-bottom: 10px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(9, 15, 24, 0.72) !important;
    text-align: left !important;
  }

  .streamer-card img {
    width: 92px !important;
    height: 72px !important;
    border-radius: 11px !important;
    object-fit: cover !important;
    box-shadow: none !important;
  }

  .streamer-card h3 {
    margin: 0 0 8px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
  }

  .streamer-card .stream-button,
  .stream-button {
    position: static !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .xbox-game-top {
    display: block !important;
    margin-bottom: 10px !important;
  }

  .xbox-back-link {
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .xbox-game-card,
  .xbox-game-stat,
  .xbox-achievement-column,
  .xbox-empty {
    padding: 14px !important;
    border-radius: 15px !important;
    background: rgba(10, 17, 27, 0.72) !important;
    box-shadow: none !important;
  }

  .xbox-game-card {
    margin-bottom: 12px !important;
  }

  .xbox-game-title {
    margin-bottom: 8px !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
  }

  .xbox-game-subtitle {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  .xbox-game-chips {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 12px !important;
  }

  .xbox-game-chip {
    min-height: 32px !important;
    padding: 0 9px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .xbox-game-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .xbox-game-stat .label {
    margin-bottom: 7px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .xbox-game-stat .value {
    font-size: 28px !important;
    line-height: 1 !important;
  }

  .xbox-game-stat .sub {
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .xbox-achievement-column h2 {
    margin-bottom: 10px !important;
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  .xbox-achievement-list {
    gap: 9px !important;
  }

  .xbox-achievement-card {
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .xbox-achievement-card strong {
    font-size: 15px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  .xbox-achievement-card p {
    margin-top: 6px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  .xbox-achievement-meta {
    gap: 6px !important;
    margin-top: 8px !important;
  }

  .xbox-achievement-badge {
    min-height: 26px !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 420px) {
  body .container,
  .fh6-home .container,
  .fh6-news-page .container,
  .fh6-hub .container,
  .fh6-carlist .container,
  .fh6-car .container,
  .fh6-design .container,
  .fh6-players .container,
  .fh6-article-page .container,
  .fh6-page .container,
  .fh6-achievements .container,
  .fh6-achievement-page .container,
  .xbox-game-page .container {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .swarm-header-brand img {
    width: clamp(126px, 36vw, 152px) !important;
  }

  .fh6-home,
  .fh6-news-page,
  .fh6-hub,
  .fh6-carlist,
  .fh6-car,
  .fh6-tuning,
  .fh6-design,
  .fh6-players,
  .fh6-article-page,
  .fh6-page,
  .fh6-achievements,
  .fh6-achievement-page,
  .xbox-game-page {
    padding-top: 66px !important;
  }

  .fh6-panel,
  .fh6-news-hero,
  .fh6-newcomers,
  .fh6-news-stream,
  .fh6-section {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-title {
    font-size: 22px !important;
  }

  .fh6-subtitle,
  .fh6-news-subtitle {
    font-size: 13px !important;
  }

  .fh6-hero-visual {
    min-height: 172px !important;
  }

  .fh6-news-card h2,
  .fh6-news-card h2 a,
  .fh6-news-card-title,
  .fh6-news-card-title a,
  .fh6-news-card-title-link {
    font-size: 15px !important;
  }

  .fh6-hub-card {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 11px 0 !important;
  }

  .fh6-hub-card__poster {
    width: 104px !important;
    border-radius: 8px !important;
  }

  .fh6-hub-card__title {
    font-size: 16px !important;
  }

  .fh6-hub-card__text {
    font-size: 11px !important;
    -webkit-line-clamp: 2 !important;
  }

  .fh6-hub-card__stats-sub {
    display: none !important;
  }

  .fh6-carlist__panel,
  .fh6-carlist__section,
  .fh6-carlist__brand {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-carlist__title {
    font-size: 24px !important;
  }

  .fh6-carlist__stats {
    gap: 7px !important;
  }

  .fh6-carlist__filters {
    grid-template-columns: 1fr !important;
  }

  .fh6-carlist__car-main {
    align-items: flex-start !important;
  }

  .fh6-carlist__car-badges {
    flex-direction: column !important;
    align-items: flex-end !important;
  }

  .fh6-carlist__meta-pill:nth-child(n+3) {
    display: none !important;
  }

  .fh6-car__panel {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-car__title {
    font-size: 24px !important;
  }

  .fh6-car__fact {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
  }

  .fh6-car__fact dd {
    text-align: left !important;
  }

  .fh6-car__section-title {
    font-size: 20px !important;
  }

  .fh6-tuning__hero,
  .fh6-tuning__filters,
  .fh6-tuning__section,
  .fh6-tuning__submit {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-tuning__title {
    font-size: 24px !important;
  }

  .fh6-tuning__source-title,
  .fh6-tuning__section-title {
    font-size: 20px !important;
  }

  .fh6-tuning__section-actions {
    grid-template-columns: 1fr !important;
  }

  .fh6-tuning__table tbody td {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    align-items: start !important;
  }

  .fh6-tuning__table tbody td:nth-child(n+9):not(:has(.fh6-tuning__code)):not(:has(.fh6-tuning__edit-button)) {
    display: none !important;
  }

  .fh6-design__hero,
  .fh6-design__empty {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-design__title {
    font-size: 24px !important;
  }

  .fh6-design__empty-title {
    font-size: 20px !important;
  }

  .fh6-players__intro,
  .fh6-players__sort-panel,
  .fh6-players__table-shell {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-players__title {
    font-size: 24px !important;
  }

  .fh6-players__summary-grid {
    gap: 7px !important;
  }

  .fh6-players__metric {
    padding: 10px !important;
  }

  .fh6-players__metric-value {
    font-size: 26px !important;
  }

  .fh6-players__metric-sub {
    display: none !important;
  }

  .fh6-players__table tbody tr {
    grid-template-columns: 38px minmax(0, 1fr) !important;
  }

  .fh6-players__table tbody td.fh6-players__hours-col {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    margin-top: 5px !important;
  }

  .fh6-player-table__hours {
    max-width: 100% !important;
  }

  .fh6-player-table__avatar {
    width: 38px !important;
    height: 38px !important;
  }

  .fh6-article-card,
  .fh6-article-comments,
  .fh6-article-comment-form,
  .fh6-article-empty,
  .fh6-article-preview-notice {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-article-title {
    font-size: 23px !important;
  }

  .fh6-article-body {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .fh6-article-stats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .fh6-article-stat {
    justify-content: center !important;
    padding: 0 6px !important;
    font-size: 10px !important;
  }

  .fh6-article-emoji-picker {
    grid-template-columns: repeat(5, 32px) !important;
  }

  .fh6-page-panel,
  .fh6-page-block,
  .fh6-maintenance-card {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-page-title,
  .fh6-maintenance-title {
    font-size: 24px !important;
  }

  .fh6-page-stats {
    grid-template-columns: 1fr !important;
  }

  .fh6-page-stat .sub {
    display: none !important;
  }

  .fh-seasons-content,
  .fh-season-archive-content {
    padding: 10px !important;
  }

  .fh-seasons-topbar {
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .fh-seasons-back,
  .fh-seasons-archive-link,
  .fh-season-archive-back {
    min-height: 36px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
  }

  .fh-seasons-hero,
  .fh-seasons-layout,
  .fh-seasons-meta-grid,
  .fh-rewards-grid,
  .fh-event-list,
  .fh-season-archive-grid {
    grid-template-columns: 1fr !important;
  }

  .fh-seasons-hero-copy,
  .fh-season-section,
  .fh-seasons-side,
  .fh-seasons-upcoming,
  .fh-seasons-archive,
  .fh-season-archive-hero,
  .fh-season-archive-current,
  .fh-season-archive-empty,
  .fh-season-archive-card {
    border-radius: 14px !important;
  }

  .fh-seasons-hero-copy,
  .fh-season-head,
  .fh-season-body,
  .fh-seasons-side,
  .fh-seasons-upcoming,
  .fh-seasons-archive,
  .fh-season-archive-hero,
  .fh-season-archive-current,
  .fh-season-archive-empty,
  .fh-season-archive-card {
    padding: 12px !important;
  }

  .fh-seasons-kicker,
  .fh-season-archive-kicker {
    margin-bottom: 12px !important;
    padding: 7px 10px !important;
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
  }

  .fh-seasons-title,
  .fh-season-archive-title {
    font-size: 28px !important;
    line-height: 1.02 !important;
  }

  .fh-seasons-subtitle,
  .fh-season-archive-text,
  .fh-side-text {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .fh-seasons-meta {
    padding: 11px !important;
  }

  .fh-seasons-meta strong {
    font-size: 18px !important;
  }

  .fh-seasons-cover,
  .fh-seasons-cover img {
    min-height: 220px !important;
    border-radius: 14px !important;
  }

  .fh-seasons-cover-info {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
  }

  .fh-seasons-progress-head {
    font-size: 12px !important;
  }

  .fh-seasons-progress-track {
    height: 9px !important;
  }

  .fh-seasons-tabs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .fh-seasons-tab {
    min-height: 38px !important;
    justify-content: center !important;
    padding: 8px 9px !important;
    font-size: 12px !important;
  }

  .fh-season-head {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    border-left-width: 5px !important;
  }

  .fh-season-title {
    font-size: 24px !important;
  }

  .fh-season-pill,
  .fh-season-status,
  .fh-event-type,
  .fh-reward-rarity {
    min-height: 24px !important;
    padding: 5px 7px !important;
    font-size: 9px !important;
    letter-spacing: 0.04em !important;
  }

  .fh-reward,
  .fh-event,
  .fh-series-reward,
  .fh-fast-list li,
  .fh-upcoming-list li,
  .fh-archive-list li {
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .fh-reward h3 {
    font-size: 17px !important;
  }

  .fh-event h4 {
    font-size: 16px !important;
  }

  .fh-event p {
    font-size: 13px !important;
  }

  .fh-event-group--main .fh-event:first-child {
    grid-column: auto !important;
  }

  .fh-season-locked {
    min-height: 118px !important;
    padding: 12px !important;
  }

  .fh-season-locked-badge {
    min-height: 25px !important;
    padding: 5px 8px !important;
    font-size: 9px !important;
    letter-spacing: 0.04em !important;
  }

  .fh-season-locked-title {
    font-size: 18px !important;
  }

  .fh-season-locked-text {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .fh-event-spoiler,
  .fh-event-spoiler img {
    min-height: 148px !important;
    border-radius: 11px !important;
  }

  .fh-event-spoiler-button {
    min-height: 34px !important;
    padding: 8px 11px !important;
    font-size: 12px !important;
  }

  .fh-image-modal {
    padding: 10px !important;
  }

  .fh-image-modal-frame {
    max-width: 100% !important;
    max-height: 92vh !important;
  }

  .fh-image-modal img {
    max-height: 88vh !important;
    border-radius: 10px !important;
  }

  .fh-image-modal-close {
    top: 8px !important;
    right: 8px !important;
    width: 38px !important;
    height: 38px !important;
    font-size: 24px !important;
  }

  .fh-event-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .fh-side-title,
  .fh-upcoming-title,
  .fh-archive-title {
    font-size: 21px !important;
  }

  .fh6-achievement-card {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    min-height: 118px !important;
  }

  .fh6-achievement-card__body {
    padding: 10px !important;
  }

  .fh6-achievement-card__title {
    font-size: 16px !important;
  }

  .fh6-achievement-card__text {
    font-size: 11px !important;
  }

  .fh6-achievement-card__stats {
    padding: 7px !important;
  }

  .fh6-achievement-page__hero {
    grid-template-columns: 1fr !important;
  }

  .fh6-achievement-page__poster {
    width: 100% !important;
    min-height: 150px !important;
    background-position: center !important;
  }

  .fh6-achievement-page__panel,
  .fh6-achievement-page__players-shell,
  .fh6-achievement-page__list-shell {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .fh6-achievement-page__title {
    font-size: 22px !important;
  }

  .fh6-achievement-row {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    padding: 9px !important;
  }

  .fh6-achievement-row__icon {
    width: 48px !important;
    height: 48px !important;
  }

  .fh6-achievement-player-row {
    grid-template-columns: 32px 40px minmax(0, 1fr) !important;
    padding: 9px !important;
  }

  .fh6-achievement-player-row__rank {
    width: 32px !important;
    height: 32px !important;
  }

  .fh6-achievement-player-row__avatar {
    width: 40px !important;
    height: 40px !important;
  }

  .apply-area {
    padding-top: 66px !important;
  }

  .apply-area .container {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .apply-form {
    padding: 14px !important;
    border-radius: 14px !important;
  }

  .apply-form .intro h3 {
    font-size: 22px !important;
  }

  .favorite-mode-grid {
    grid-template-columns: 1fr !important;
  }

  .apply-form > .mb-4:has(form),
  #dashboard-xbox-section {
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .coming-soon {
    padding-top: 66px !important;
  }

  .coming-soon .container {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .streams-selection {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .streamer-card {
    grid-template-columns: 78px minmax(0, 1fr) !important;
    min-height: 82px !important;
    padding: 9px !important;
  }

  .streamer-card img {
    width: 78px !important;
    height: 62px !important;
  }

  .xbox-game-card,
  .xbox-game-stat,
  .xbox-achievement-column,
  .xbox-empty {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .xbox-game-title {
    font-size: 23px !important;
  }

  .xbox-game-chips {
    grid-template-columns: 1fr !important;
  }
}
