/* Origin: themes/fsportal-modern/assets/css/fsportal-signature.css | file */
:root {
  --fsp-sign-bg: #191a1d;
  --fsp-sign-bg-deep: #131416;
  --fsp-sign-surface: #202225;
  --fsp-sign-surface-2: #27292d;
  --fsp-sign-surface-3: #2e3136;
  --fsp-sign-line: rgba(237,237,237,.085);
  --fsp-sign-line-strong: rgba(237,237,237,.15);
  --fsp-sign-text: #f3f3f3;
  --fsp-sign-copy: #c7c8c9;
  --fsp-sign-muted: #8b8e93;
  --fsp-sign-accent: var(--fsp-user-main,#d89f3c);
  --fsp-sign-accent-2: var(--fsp-user-bright,#ddaa51);
  --fsp-sign-accent-soft: rgba(var(--fsp-user-main-rgb,216,159,60),.11);
  --fsp-sign-gold: #d2b36a;
  --fsp-sign-blue: #55b7df;
  --fsp-sign-radius: 18px;
  --fsp-sign-radius-sm: 12px;
  --fsp-sign-shadow: 0 18px 46px rgba(9,10,11,.20);
  --fsp-sign-shadow-lg: 0 28px 80px rgba(9,10,11,.28);
  --fsp-sign-container: 1480px;
  --fsp-sign-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fsp-page: var(--fsp-sign-bg);
  --fsp-page-deep: var(--fsp-sign-bg-deep);
  --fsp-surface-1: #1e1f23;
  --fsp-surface-2: var(--fsp-sign-surface);
  --fsp-surface-3: var(--fsp-sign-surface-2);
  --fsp-surface-4: var(--fsp-sign-surface-3);
  --fsp-border: var(--fsp-sign-line);
  --fsp-border-soft: rgba(237,237,237,.055);
  --fsp-border-strong: var(--fsp-sign-line-strong);
  --fsp-text: var(--fsp-sign-text);
  --fsp-text-soft: var(--fsp-sign-copy);
  --fsp-muted: var(--fsp-sign-muted);
  --fsp-accent: var(--fsp-sign-accent);
  --fsp-accent-2: var(--fsp-sign-accent-2);
  --fsp-accent-soft: var(--fsp-sign-accent-soft);
  --fsp-accent-border: rgba(var(--fsp-user-main-rgb,216,159,60),.26);
  --fsp-container: var(--fsp-sign-container);
  --fsp-theme-container: var(--fsp-sign-container);
  --fsp-font: var(--fsp-sign-font);
}

html {
  background: var(--fsp-sign-bg-deep) !important;
  scroll-behavior: smooth;
}

body.fsp-signature-v1,
body.fsp-signature-v1 #page {
  color: var(--fsp-sign-copy) !important;
  font-family: var(--fsp-sign-font) !important;
  background: radial-gradient(900px 500px at 8% -6%, rgba(var(--fsp-user-main-rgb,216,159,60),.10), transparent 66%),
        radial-gradient(800px 520px at 94% 2%, rgba(var(--fsp-user-bright-rgb,210,179,106),.055), transparent 70%),
        repeating-linear-gradient(112deg, transparent 0 72px, rgba(229,230,231,.012) 72px 73px),
        linear-gradient(180deg, #1d1e22 0, var(--fsp-sign-bg) 340px, #18191c 100%) !important;
}

body.fsp-signature-v1 {
  min-width: 320px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.fsp-signature-v1 ::selection {
  background: rgba(var(--fsp-user-main-rgb,216,159,60),.34);
  color: #fff;
}

body.fsp-signature-v1 :where(a,button,input,textarea,select) {
  font-family: inherit;
}

body.fsp-signature-v1 :where(a,button) {
  -webkit-tap-highlight-color: transparent;
}

body.fsp-signature-v1 :where(a,button,input,textarea,select):focus-visible {
  outline: 2px solid rgba(var(--fsp-user-bright-rgb,221,170,81),.82) !important;
  outline-offset: 3px !important;
}

body.fsp-signature-v1 .site-content > .fsp-layout-container,
body.fsp-signature-v1 #content > .fsp-layout-container,
body.fsp-signature-v1 .fsp-theme-container {
  width: min(var(--fsp-sign-container), calc(100% - 34px)) !important;
  max-width: var(--fsp-sign-container) !important;
}

body.fsp-signature-v1 :where(h1,h2,h3,h4,h5,h6) {
  color: var(--fsp-sign-text);
  letter-spacing: -.025em;
}

body.fsp-signature-v1 :where(.fsp-btn,.fsp-home-open,.fsp-home-recommend-open,.fsp-update-button,.fsp-update-submit) {
  border-radius: 11px !important;
}

body.fsp-signature-v1 :where(.fsp-surface,.fsp-card-v1) {
  border-color: var(--fsp-sign-line) !important;
  background: linear-gradient(145deg, rgba(41,43,47,.92), rgba(31,33,36,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 14px 34px rgba(8,8,9,.13) !important;
}

@media (min-width: 751px) {
  body.fsp-signature-v1 .fspbar {
    height: 90px !important;
    min-height: 90px !important;
    padding-top: 10px !important;
    background: transparent !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-inner {
    width: min(var(--fsp-sign-container), calc(100% - 34px)) !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 14px 0 18px !important;
    border: 1px solid rgba(229,229,230,.11) !important;
    border-radius: 20px !important;
    background: linear-gradient(90deg, rgba(var(--fsp-user-main-rgb,216,159,60),.055), transparent 28%),
            rgba(34,35,39,.91) !important;
    backdrop-filter: blur(22px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(118%) !important;
    box-shadow: 0 18px 54px rgba(9,9,10,.30), inset 0 1px 0 rgba(255,255,255,.035) !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-inner::before {
    opacity: .38 !important;
    background: linear-gradient(90deg, transparent, rgba(var(--fsp-user-main-rgb,216,159,60),.16), transparent) !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-logo {
    position: relative !important;
    flex: 0 0 238px !important;
    width: 238px !important;
    height: 68px !important;
    margin-right: 18px !important;
    padding-right: 18px !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-logo::after {
    content: "";
    position: absolute;
    right: 0;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(232,233,234,.13), transparent);
  }

  body.fsp-signature-v1 .fspbar .fspbar-logo img {
    width: 225px !important;
    max-width: 225px !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-nav {
    gap: 3px !important;
  }

  body.fsp-signature-v1 .fspbar .fspmega,
    body.fsp-signature-v1 .fspbar .fspdiscover {
    height: 44px !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-link {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    gap: 8px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #cfd0d1 !important;
    font-size: 13px !important;
    font-weight: 720 !important;
    box-shadow: none !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-link:hover,
    body.fsp-signature-v1 .fspbar .fspmega.open .fspmega-trigger,
    body.fsp-signature-v1 .fspbar .fspdiscover.open .fspdiscover-trigger,
    body.fsp-signature-v1 .fspbar .fspbar-link.is-active {
    border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.13) !important;
    background: rgba(var(--fsp-user-main-rgb,216,159,60),.075) !important;
    color: #f4f4f4 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.fsp-signature-v1 .fspbar .fspmega.open .fspmega-trigger::after,
    body.fsp-signature-v1 .fspbar .fspdiscover.open .fspdiscover-trigger::after,
    body.fsp-signature-v1 .fspbar .fspbar-link.is-active::after {
    left: 12px !important;
    right: 12px !important;
    bottom: -1px !important;
    height: 2px !important;
    background: var(--fsp-sign-accent) !important;
    box-shadow: none !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-game-icon-v626,
    body.fsp-signature-v1 .fspbar .fspbar-link-icon {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: rgba(var(--fsp-user-main-rgb,216,159,60),.085) !important;
    box-shadow: none !important;
  }

  body.fsp-signature-v1 .fspbar .fspmega-game-fs22 .fspbar-game-icon-v626 {
    background: rgba(70,170,218,.10) !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-game-icon-v626 > img {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-actions {
    gap: 6px !important;
    margin-left: auto !important;
  }

  body.fsp-signature-v1 :where(.fspbar-search-trigger,.fspbar .fspbar-update,.fspbar .fspnotify-trigger,.fspbar-theme-quick) {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border: 1px solid rgba(234,234,235,.08) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.025) !important;
    color: #dbdbdc !important;
    box-shadow: none !important;
  }

  body.fsp-signature-v1 :where(.fspbar-search-trigger,.fspbar .fspbar-update,.fspbar .fspnotify-trigger,.fspbar-theme-quick):hover {
    border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.23) !important;
    background: rgba(var(--fsp-user-main-rgb,216,159,60),.09) !important;
    color: var(--fsp-user-bright,#e1b569) !important;
    transform: translateY(-1px) !important;
  }

  body.fsp-signature-v1 .fspbar :where(.fspmega-menu,.fspmega-menu-v642,.fspdiscover-menu,.fspbar-search-panel,.fspuser-menu) {
    border: 1px solid rgba(234,234,235,.11) !important;
    border-radius: 17px !important;
    background: radial-gradient(circle at 100% 0, rgba(var(--fsp-user-main-rgb,216,159,60),.08), transparent 34%),
            rgba(29,31,34,.985) !important;
    box-shadow: 0 28px 80px rgba(8,8,9,.48), inset 0 1px 0 rgba(255,255,255,.03) !important;
    backdrop-filter: blur(22px) !important;
    -webkit-backdrop-filter: blur(22px) !important;
  }

  body.fsp-signature-v1 .fspbar-search-form {
    border-color: rgba(235,235,236,.09) !important;
    border-radius: 12px !important;
    background: #191b1e !important;
  }
}

body.fsp-signature-v1.home #primary,
body.fsp-signature-v1.front-page #primary {
  min-width: 0 !important;
}

body.fsp-signature-v1.home .fsp-home-semantic-h1,
body.fsp-signature-v1.front-page .fsp-home-semantic-h1 {
  max-width: var(--fsp-sign-container);
}

body.fsp-signature-v1.home :where(.fsp-home-triad-v1,.fsp-home-personal-pair-v1,.fsp-ranking-triad-v3100,.fsp-home-top4box-v2616),
body.fsp-signature-v1.front-page :where(.fsp-home-triad-v1,.fsp-home-personal-pair-v1,.fsp-ranking-triad-v3100,.fsp-home-top4box-v2616) {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

body.fsp-signature-v1.home .fsp-tv5-section,
body.fsp-signature-v1.front-page .fsp-tv5-section {
  --tv5-accent: var(--fsp-user-main,#d89f3c);
  --tv5-accent-2: var(--fsp-user-bright,#ddaa51);
  --tv5-bg: var(--fsp-sign-bg);
  --tv5-panel: var(--fsp-sign-surface);
  --tv5-panel-2: var(--fsp-sign-surface-2);
  --tv5-border: rgba(229,230,231,.10);
  --tv5-text: var(--fsp-sign-text);
  --tv5-muted: var(--fsp-sign-muted);
  gap: 14px !important;
  margin: 34px 0 44px !important;
}

body.fsp-signature-v1.home .fsp-tv5-fs22,
body.fsp-signature-v1.front-page .fsp-tv5-fs22 {
  --tv5-accent: #4fb4df;
  --tv5-accent-2: #8fd4ef;
  --tv5-border: rgba(79,180,223,.15);
}

body.fsp-signature-v1.home .fsp-tv5-head,
body.fsp-signature-v1.front-page .fsp-tv5-head {
  min-height: 124px !important;
  grid-template-columns: minmax(0, 1fr) minmax(380px, .72fr) !important;
  gap: 36px !important;
  padding: 23px 26px 23px 30px !important;
  border: 1px solid rgba(232,233,234,.10) !important;
  border-radius: 20px !important;
  background: linear-gradient(90deg, rgba(25,26,29,.98) 0%, rgba(25,26,29,.88) 45%, rgba(25,26,29,.48) 100%),
        var(--fsp-tv5-cover, none) center 46% / cover no-repeat,
        #1e2023 !important;
  box-shadow: var(--fsp-sign-shadow) !important;
}

body.fsp-signature-v1.home .fsp-tv5-head::before,
body.fsp-signature-v1.front-page .fsp-tv5-head::before {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 4px;
  border-radius: 0 5px 5px 0;
  background: var(--tv5-accent);
  box-shadow: 0 0 24px color-mix(in srgb, var(--tv5-accent) 25%, transparent);
}

body.fsp-signature-v1.home .fsp-tv5-head::after,
body.fsp-signature-v1.front-page .fsp-tv5-head::after {
  height: 1px !important;
  opacity: .22 !important;
}

body.fsp-signature-v1.home .fsp-tv5-head-title h2,
body.fsp-signature-v1.front-page .fsp-tv5-head-title h2 {
  gap: 11px !important;
  font-size: clamp(34px, 3.3vw, 54px) !important;
  line-height: .96 !important;
  font-weight: 880 !important;
  letter-spacing: -.055em !important;
}

body.fsp-signature-v1.home .fsp-tv5-head-title h2 > span:first-child,
body.fsp-signature-v1.front-page .fsp-tv5-head-title h2 > span:first-child {
  color: #f2f2f2 !important;
}

body.fsp-signature-v1.home .fsp-tv5-head-title h2 em,
body.fsp-signature-v1.front-page .fsp-tv5-head-title h2 em {
  color: var(--tv5-accent) !important;
}

body.fsp-signature-v1.home .fsp-tv5-head-game-icon,
body.fsp-signature-v1.front-page .fsp-tv5-head-game-icon {
  width: 48px !important;
  height: 48px !important;
  flex-basis: 48px !important;
  opacity: .96;
}

body.fsp-signature-v1.home .fsp-tv5-head-stats,
body.fsp-signature-v1.front-page .fsp-tv5-head-stats {
  border: 1px solid rgba(235,235,236,.09) !important;
  border-radius: 14px !important;
  background: rgba(23,24,26,.66) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}

body.fsp-signature-v1.home .fsp-tv5-head-stats > span,
body.fsp-signature-v1.front-page .fsp-tv5-head-stats > span {
  min-height: 64px !important;
  padding: 11px 14px !important;
  border-right-color: rgba(235,235,236,.07) !important;
}

body.fsp-signature-v1.home .fsp-tv5-head-stats b,
body.fsp-signature-v1.front-page .fsp-tv5-head-stats b {
  color: var(--tv5-accent-2) !important;
  font-size: 20px !important;
}

body.fsp-signature-v1.home .fsp-tv5-head-stats small,
body.fsp-signature-v1.front-page .fsp-tv5-head-stats small {
  color: #acaeb3 !important;
  font-size: 9.5px !important;
}

body.fsp-signature-v1.home .fsp-tv5-feature-row,
body.fsp-signature-v1.front-page .fsp-tv5-feature-row {
  grid-template-columns: minmax(0, 1.58fr) minmax(330px, .72fr) !important;
  gap: 13px !important;
  margin-bottom: 13px !important;
}

body.fsp-signature-v1.home .fsp-tv5-card,
body.fsp-signature-v1.front-page .fsp-tv5-card {
  border: 1px solid rgba(234,234,235,.09) !important;
  border-radius: 17px !important;
  background: #202225 !important;
  box-shadow: 0 12px 32px rgba(8,8,9,.14) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

body.fsp-signature-v1.home .fsp-tv5-card:hover,
body.fsp-signature-v1.front-page .fsp-tv5-card:hover {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--tv5-accent) 38%, rgba(234,234,235,.11)) !important;
  box-shadow: 0 20px 48px rgba(8,8,9,.22) !important;
}

body.fsp-signature-v1.home .fsp-tv5-card.is-feature,
body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature {
  min-height: 430px !important;
}

body.fsp-signature-v1.home .fsp-tv5-card.is-latest,
body.fsp-signature-v1.front-page .fsp-tv5-card.is-latest {
  height: 276px !important;
}

body.fsp-signature-v1.home .fsp-tv5-media img,
body.fsp-signature-v1.front-page .fsp-tv5-media img {
  transition: transform .42s cubic-bezier(.2,.7,.2,1), filter .28s ease !important;
}

body.fsp-signature-v1.home .fsp-tv5-card:hover .fsp-tv5-media img,
body.fsp-signature-v1.front-page .fsp-tv5-card:hover .fsp-tv5-media img {
  transform: scale(1.045) !important;
  filter: saturate(1.03) contrast(1.025) !important;
}

body.fsp-signature-v1.home .fsp-tv5-shade,
body.fsp-signature-v1.front-page .fsp-tv5-shade {
  background: linear-gradient(180deg, rgba(11,11,12,.02) 22%, rgba(11,11,12,.10) 42%, rgba(14,15,16,.94) 100%) !important;
}

body.fsp-signature-v1.home .fsp-tv5-card.is-feature .fsp-tv5-shade,
body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature .fsp-tv5-shade {
  background: linear-gradient(90deg, rgba(12,12,13,.04), transparent 55%),
        linear-gradient(180deg, rgba(11,11,12,.02) 20%, rgba(11,11,12,.07) 42%, rgba(13,14,15,.96) 100%) !important;
}

body.fsp-signature-v1.home .fsp-tv5-feature-badge,
body.fsp-signature-v1.front-page .fsp-tv5-feature-badge {
  top: 15px !important;
  left: 15px !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 1px solid color-mix(in srgb, var(--tv5-accent) 60%, white 10%) !important;
  border-radius: 9px !important;
  background: color-mix(in srgb, var(--tv5-accent) 84%, #1c1d20 16%) !important;
  color: #18191c !important;
  box-shadow: 0 8px 20px rgba(9,9,10,.20) !important;
}

body.fsp-signature-v1.home .fsp-tv5-copy,
body.fsp-signature-v1.front-page .fsp-tv5-copy {
  left: 14px !important;
  right: 14px !important;
  bottom: 13px !important;
}

body.fsp-signature-v1.home .fsp-tv5-card.is-feature .fsp-tv5-copy,
body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature .fsp-tv5-copy {
  left: 22px !important;
  right: 22px !important;
  bottom: 21px !important;
}

body.fsp-signature-v1.home .fsp-tv5-title,
body.fsp-signature-v1.front-page .fsp-tv5-title {
  color: #f4f4f4 !important;
  font-size: 15.5px !important;
  font-weight: 820 !important;
  letter-spacing: -.024em !important;
  text-shadow: 0 3px 14px rgba(0,0,0,.52) !important;
}

body.fsp-signature-v1.home .fsp-tv5-card.is-feature .fsp-tv5-title,
body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature .fsp-tv5-title {
  max-width: 80% !important;
  font-size: clamp(29px, 2.45vw, 40px) !important;
  font-weight: 860 !important;
}

body.fsp-signature-v1.home .fsp-tv5-meta,
body.fsp-signature-v1.front-page .fsp-tv5-meta {
  margin-bottom: 6px !important;
}

body.fsp-signature-v1.home .fsp-tv5-time,
body.fsp-signature-v1.front-page .fsp-tv5-time {
  color: #cbccce !important;
}

body.fsp-signature-v1.home .fsp-tv5-version,
body.fsp-signature-v1.front-page .fsp-tv5-version {
  color: var(--tv5-accent-2) !important;
}

body.fsp-signature-v1.home .fsp-tv5-rating-v142,
body.fsp-signature-v1.front-page .fsp-tv5-rating-v142 {
  border-color: rgba(234,234,235,.10) !important;
  border-radius: 8px !important;
  background: rgba(22,23,26,.58) !important;
  box-shadow: none !important;
}

body.fsp-signature-v1.home .fsp-tv5-latest-grid,
body.fsp-signature-v1.front-page .fsp-tv5-latest-grid {
  gap: 12px !important;
}

body.fsp-signature-v1.home .fsp-tv5-topbox,
body.fsp-signature-v1.front-page .fsp-tv5-topbox {
  border: 1px solid rgba(234,234,235,.09) !important;
  border-radius: 17px !important;
  background: linear-gradient(160deg, rgba(var(--fsp-user-main-rgb,216,159,60),.045), transparent 42%),
        #222327 !important;
  box-shadow: 0 12px 32px rgba(8,8,9,.12) !important;
}

body.fsp-signature-v1.home .fsp-tv5-topbox header,
body.fsp-signature-v1.front-page .fsp-tv5-topbox header {
  border-bottom-color: rgba(234,234,235,.07) !important;
}

body.fsp-signature-v1.home .fsp-tv5-top-item,
body.fsp-signature-v1.front-page .fsp-tv5-top-item {
  border-radius: 10px !important;
  transition: background .18s ease, transform .18s ease !important;
}

body.fsp-signature-v1.home .fsp-tv5-top-item:hover,
body.fsp-signature-v1.front-page .fsp-tv5-top-item:hover {
  background: rgba(255,255,255,.035) !important;
  transform: translateX(2px) !important;
}

body.fsp-signature-v1.home .fsp-tv5-main > .fsp-modern-featured-v150,
body.fsp-signature-v1.front-page .fsp-tv5-main > .fsp-modern-featured-v150,
body.fsp-signature-v1 .fsp-modern-featured-v150 {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.fsp-signature-v1.home .fsp-tv5-main > .fsp-modern-featured-v150 .fsp-modern-featured-head-v150,
body.fsp-signature-v1.front-page .fsp-tv5-main > .fsp-modern-featured-v150 .fsp-modern-featured-head-v150 {
  min-height: 70px !important;
  margin-bottom: 10px !important;
  padding: 12px 2px !important;
  border: 0 !important;
  background: transparent !important;
}

body.fsp-signature-v1 .fsp-modern-featured-star-v150 {
  border: 0 !important;
  background: var(--fsp-sign-accent-soft) !important;
  box-shadow: none !important;
}

body.fsp-signature-v1 .fsp-modern-featured-title-v150 strong {
  color: var(--fsp-sign-text) !important;
  font-size: 21px !important;
  font-weight: 840 !important;
}

body.fsp-signature-v1 .fsp-modern-featured-title-v150 small {
  color: var(--fsp-sign-muted) !important;
}

body.fsp-signature-v1 .fsp-modern-featured-card-v150 {
  border: 1px solid rgba(234,234,235,.09) !important;
  border-radius: 15px !important;
  background: #202225 !important;
  box-shadow: 0 10px 28px rgba(8,8,9,.12) !important;
}

body.fsp-signature-v1 .fsp-modern-featured-card-v150:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.28) !important;
  box-shadow: 0 18px 42px rgba(8,8,9,.20) !important;
}

body.fsp-signature-v1.home .fsp-ranking-card-v3300,
body.fsp-signature-v1.front-page .fsp-ranking-card-v3300 {
  border: 1px solid rgba(234,234,235,.09) !important;
  border-radius: 17px !important;
  background: #202225 !important;
  box-shadow: 0 12px 34px rgba(8,8,9,.13) !important;
}

body.fsp-signature-v1 .fsp-ranking-head-v3300 {
  border-bottom-color: rgba(234,234,235,.06) !important;
  background: linear-gradient(90deg, rgba(var(--fsp-user-main-rgb,216,159,60),.045), transparent 44%) !important;
}

body.fsp-signature-v1 .fsp-ranking-icon-v3300 {
  border: 0 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

body.fsp-signature-v1 .fsp-ranking-slide-v3300 {
  border-radius: 13px !important;
}

body.fsp-signature-v1.home .fsp-home-triad-card-v1,
body.fsp-signature-v1.front-page .fsp-home-triad-card-v1 {
  border: 1px solid rgba(234,234,235,.09) !important;
  border-radius: 17px !important;
  box-shadow: 0 12px 34px rgba(8,8,9,.13) !important;
}

body.fsp-signature-v1.home a.fsp-home-triad-card-v1:hover,
body.fsp-signature-v1.front-page a.fsp-home-triad-card-v1:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.27) !important;
  box-shadow: 0 18px 46px rgba(8,8,9,.21) !important;
}

body.fsp-signature-v1.home .fsp-home-personal-pair-v1,
body.fsp-signature-v1.front-page .fsp-home-personal-pair-v1 {
  gap: 13px !important;
}

body.fsp-signature-v1.home .fsp-home-personal-drop-v1,
body.fsp-signature-v1.front-page .fsp-home-personal-drop-v1,
body.fsp-signature-v1.home .fsp-home-personal-reco-v1,
body.fsp-signature-v1.front-page .fsp-home-personal-reco-v1,
body.fsp-signature-v1.home .fsp-home-personal-month-v2,
body.fsp-signature-v1.front-page .fsp-home-personal-month-v2 {
  border-radius: 17px !important;
}

body.fsp-signature-v1.archive .fsp-archive-entry-banner,
body.fsp-signature-v1.search .fsp-archive-entry-banner {
  margin-bottom: 22px !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(234,234,235,.08) !important;
  border-radius: 16px !important;
  background: linear-gradient(110deg, rgba(var(--fsp-user-main-rgb,216,159,60),.07), transparent 38%), rgba(34,35,39,.72) !important;
  box-shadow: none !important;
}

body.fsp-signature-v1 .fsp-allmods-body-v273 .fsp-loop {
  gap: 14px !important;
}

body.fsp-signature-v1 .fsp-allmods-card-v273,
body.fsp-signature-v1 .fsp-loop .fsp-premium-mod-card-v2130 {
  border: 1px solid rgba(234,234,235,.09) !important;
  border-radius: 16px !important;
  background: #202225 !important;
  box-shadow: 0 11px 30px rgba(8,8,9,.12) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

body.fsp-signature-v1 .fsp-allmods-card-v273:hover,
body.fsp-signature-v1 .fsp-loop .fsp-premium-mod-card-v2130:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.25) !important;
  box-shadow: 0 18px 42px rgba(8,8,9,.20) !important;
}

body.fsp-signature-v1 .fsp-allmods-card-image-v273,
body.fsp-signature-v1 .fsp-loop .fsp-premium-mod-media-v2130 {
  border-radius: 15px 15px 0 0 !important;
}

body.fsp-signature-v1 .fsp-pagination .page-numbers,
body.fsp-signature-v1 .wpuf-pagination .page-numbers {
  border-color: rgba(234,234,235,.09) !important;
  border-radius: 9px !important;
  background: rgba(36,37,41,.82) !important;
  color: #c2c3c6 !important;
  box-shadow: none !important;
}

body.fsp-signature-v1 .fsp-pagination .page-numbers.current,
body.fsp-signature-v1 .fsp-pagination .page-numbers:hover,
body.fsp-signature-v1 .wpuf-pagination .page-numbers.current,
body.fsp-signature-v1 .wpuf-pagination .page-numbers:hover {
  border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.31) !important;
  background: rgba(var(--fsp-user-main-rgb,216,159,60),.12) !important;
  color: #dcdcdd !important;
}

body.fsp-signature-v1 .fsp-catdir-hero-v642 {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(234,234,235,.10) !important;
  border-radius: 20px !important;
  background: linear-gradient(110deg, rgba(var(--fsp-user-main-rgb,216,159,60),.07), transparent 36%),
        linear-gradient(145deg, #25272b, #1d1f22) !important;
  box-shadow: var(--fsp-sign-shadow) !important;
}

body.fsp-signature-v1 .fsp-catdir-hero-v642::after {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  bottom: 24px;
  width: 4px;
  border-radius: 0 5px 5px 0;
  background: var(--fsp-sign-accent);
}

body.fsp-signature-v1 .fsp-catdir-section-v652,
body.fsp-signature-v1 .fsp-catdir-card-v642 {
  border: 1px solid rgba(234,234,235,.085) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(39,41,45,.94), rgba(31,33,36,.97)) !important;
  box-shadow: 0 10px 30px rgba(8,8,9,.10) !important;
}

body.fsp-signature-v1 .fsp-catdir-card-v642:hover,
body.fsp-signature-v1 .fsp-catdir-section-v652:hover {
  border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.23) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 42px rgba(8,8,9,.17) !important;
}

body.fsp-signature-v1 .fsp-catdir-children-v642 > a {
  border-color: rgba(234,234,235,.07) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.018) !important;
}

body.fsp-signature-v1 .fsp-catdir-children-v642 > a:hover {
  border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.19) !important;
  background: rgba(var(--fsp-user-main-rgb,216,159,60),.055) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-single {
  --v8-bg: transparent;
  --v8-panel: #202225;
  --v8-panel-2: #27292d;
  --v8-line: rgba(234,234,235,.09);
  --v8-text: #f0f0f0;
  --v8-muted: #8e9196;
  --v8-green: var(--fsp-user-main,#d89f3c);
  --v8-green-2: var(--fsp-user-bright,#ddaa51);
  max-width: var(--fsp-sign-container) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-hero {
  min-height: 590px !important;
  border: 1px solid rgba(234,234,235,.11) !important;
  border-radius: 22px !important;
  background: #181a1c !important;
  box-shadow: var(--fsp-sign-shadow-lg) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-hero-image {
  filter: saturate(.98) contrast(1.025) brightness(.90) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-hero-shade {
  background: linear-gradient(90deg, rgba(12,12,13,.03) 0%, rgba(12,12,13,.05) 48%, rgba(13,14,15,.47) 72%, rgba(14,15,16,.86) 100%),
        linear-gradient(0deg, rgba(12,12,13,.96) 0%, rgba(12,12,13,.58) 24%, rgba(12,12,13,.11) 58%, transparent 80%) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-hero-content {
  padding: 34px 370px 34px 36px !important;
}

body.fsp-signature-v1.single-post .fsp-v8-title-copy h1 {
  max-width: 920px !important;
  font-size: clamp(38px, 4.2vw, 64px) !important;
  line-height: .96 !important;
  font-weight: 860 !important;
  letter-spacing: -.055em !important;
}

body.fsp-signature-v1.single-post .fsp-v8-kicker {
  color: var(--fsp-sign-accent-2) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-single .fsp-mod-status {
  min-height: 29px !important;
  border-color: rgba(216,159,60,.27) !important;
  border-radius: 9px !important;
  background: rgba(25,26,29,.72) !important;
  color: #e1b466 !important;
  box-shadow: none !important;
}

body.fsp-signature-v1.single-post .fsp-v8-version,
body.fsp-signature-v1.single-post .fsp-v8-hero-stats > div {
  border-color: rgba(234,234,235,.10) !important;
  background: rgba(25,26,29,.62) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-download-primary {
  min-height: 64px !important;
  border-color: rgba(var(--fsp-user-bright-rgb,221,170,83),.58) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, var(--fsp-user-bright,#dca74c), var(--fsp-user-main,#d89d38)) !important;
  color: #18191c !important;
  box-shadow: 0 14px 32px rgba(78,82,93,.22) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-download-primary:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.035) saturate(1.02) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-like-action .fsp-like-button-v100 {
  border-color: rgba(234,234,235,.10) !important;
  border-radius: 11px !important;
  background: rgba(30,31,35,.76) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-layout {
  gap: 14px !important;
}

body.fsp-signature-v1.single-post :where(.fsp-v8-card,.fsp-v8-side-card,.fsp-v8-related) {
  border: 1px solid rgba(234,234,235,.085) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(36,38,42,.96), rgba(31,33,36,.985)) !important;
  box-shadow: 0 10px 30px rgba(8,8,9,.10) !important;
}

body.fsp-signature-v1.single-post :where(.fsp-v8-section-head,.fsp-v8-side-head) {
  border-bottom-color: rgba(234,234,235,.06) !important;
  background: linear-gradient(90deg, rgba(var(--fsp-user-main-rgb,216,159,60),.045), transparent 42%) !important;
}

body.fsp-signature-v1.single-post .fsp-v8-section-head h2 {
  color: #f0f0f0 !important;
  font-size: 18px !important;
  font-weight: 820 !important;
}

body.fsp-signature-v1.single-post .fsp-v8-description-card .fsp-description-translate {
  color: #c8c9ca !important;
  line-height: 1.72 !important;
}

body.fsp-signature-v1.single-post .fsp-v8-gallery-card .fsp-gallery-tile {
  border-radius: 12px !important;
}

body.fsp-signature-v1.single-post .fsp-v8211-brand-card,
body.fsp-signature-v1.single-post .fsp-v8212-subcat-card,
body.fsp-signature-v1.single-post .fsp-v822-author-chip,
body.fsp-signature-v1.single-post .fsp-v8-required-compact-item {
  border-color: rgba(234,234,235,.085) !important;
  border-radius: 11px !important;
}

body.fsp-signature-v1.single-post .fsp-v8-related-card {
  border-color: rgba(234,234,235,.085) !important;
  border-radius: 14px !important;
  background: #222327 !important;
}

body.fsp-signature-v1.single-post .fsp-v8-related-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.23) !important;
}

body.fsp-signature-v1 :where(
    .fsp-account,
    .fsp-update-panel,
    .fsp-update-form-card,
    .fsp-pending-updates-v1,
    .fsp-pending-updates-v11,
    .fsp-comments,
    .fsp-privacy-card,
    .fsp-ranking-card,
    .fsp-notify-page-item,
    .fsp-report-card,
    .wpuf-form-add
) {
  --fsp-plugin-surface: #202225;
}

body.fsp-signature-v1 :where(input[type="text"],input[type="email"],input[type="url"],input[type="search"],input[type="password"],input[type="number"],textarea,select):not(.fspbar-search-form *) {
  border-color: rgba(234,234,235,.11) !important;
  border-radius: 10px !important;
  background: #1b1d20 !important;
  color: #f0f0f0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}

body.fsp-signature-v1 :where(input,textarea,select):not(.fspbar-search-form *):focus {
  border-color: rgba(var(--fsp-user-main-rgb,216,159,60),.40) !important;
  box-shadow: 0 0 0 3px rgba(var(--fsp-user-main-rgb,216,159,60),.07) !important;
}

body.fsp-signature-v1 .fsp-footer-v4,
body.fsp-signature-v1 .fsp-footer {
  margin-top: 52px !important;
  border-top: 1px solid rgba(234,234,235,.075) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.fsp-signature-v1 .fsp-footer-v4 :where(.fsp-footer-v4-panel,.fsp-footer-v4-today-item,.fsp-footer-v4-activity-item,.fsp-footer-v4-game-chip,.fsp-footer-v4-stat) {
  border-color: rgba(234,234,235,.075) !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.018) !important;
  box-shadow: none !important;
}

body.fsp-signature-v1 .fsp-footer-v4 :where(h2,h3,h4,strong,.fsp-footer-v4-brand-copy b) {
  color: #ececec !important;
}

body.fsp-signature-v1 .fsp-footer-v4 :where(p,small,span) {
  color: #8b8e93;
}

body.fsp-signature-v1 .fsp-scroll-top {
  border: 1px solid rgba(234,234,235,.10) !important;
  border-radius: 11px !important;
  background: rgba(34,35,39,.92) !important;
  color: #e0e0e1 !important;
  box-shadow: 0 14px 36px rgba(8,8,9,.24) !important;
}

html[data-fsp-theme="light"] {
  --fsp-sign-bg: #ededee;
  --fsp-sign-bg-deep: #e4e5e6;
  --fsp-sign-surface: #f8f8f8;
  --fsp-sign-surface-2: #f2f2f2;
  --fsp-sign-surface-3: #e9eaeb;
  --fsp-sign-line: rgba(36,37,41,.10);
  --fsp-sign-line-strong: rgba(36,37,41,.17);
  --fsp-sign-text: #25272b;
  --fsp-sign-copy: #494e58;
  --fsp-sign-muted: #75787e;
  --fsp-sign-accent: var(--fsp-user-main,#d5962a);
  --fsp-sign-accent-2: var(--fsp-user-muted,#ca8f28);
  --fsp-sign-accent-soft: rgba(var(--fsp-user-main-rgb,213,150,42),.10);
  --fsp-page: #ededee;
  --fsp-page-deep: #e4e5e6;
  --fsp-surface-1: #fbfbfb;
  --fsp-surface-2: #f6f6f6;
  --fsp-surface-3: #eeeeef;
  --fsp-surface-4: #e7e8e9;
  --fsp-border: rgba(36,37,41,.10);
  --fsp-border-soft: rgba(36,37,41,.07);
  --fsp-border-strong: rgba(36,37,41,.17);
  --fsp-text: #25272b;
  --fsp-text-soft: #494e58;
  --fsp-muted: #75787e;
  --fsp-accent: var(--fsp-user-main,#d5962a);
  --fsp-accent-2: var(--fsp-user-muted,#ca8f28);
  --fsp-accent-soft: rgba(var(--fsp-user-main-rgb,213,150,42),.10);
  --fsp-accent-border: rgba(var(--fsp-user-main-rgb,213,150,42),.25);
}

html[data-fsp-theme="light"] body.fsp-signature-v1,
html[data-fsp-theme="light"] body.fsp-signature-v1 #page {
  background: radial-gradient(900px 500px at 8% -6%, rgba(var(--fsp-user-main-rgb,213,150,42),.095), transparent 66%),
        radial-gradient(800px 520px at 94% 2%, rgba(var(--fsp-user-muted-rgb,173,137,67),.055), transparent 70%),
        repeating-linear-gradient(112deg, transparent 0 72px, rgba(39,41,46,.018) 72px 73px),
        linear-gradient(180deg, #f0f0f1 0, #ececec 340px, #e7e8e9 100%) !important;
  color: #494e58 !important;
}

@media (min-width: 751px) {
  html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar .fspbar-inner {
    border-color: rgba(38,40,44,.11) !important;
    background: linear-gradient(90deg, rgba(var(--fsp-user-main-rgb,213,150,42),.055), transparent 28%),
            rgba(250,250,250,.92) !important;
    box-shadow: 0 16px 42px rgba(33,35,39,.11), inset 0 1px 0 rgba(255,255,255,.75) !important;
  }

  html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar .fspbar-logo::after {
    background: linear-gradient(180deg, transparent, rgba(38,40,44,.13), transparent);
  }

  html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar .fspbar-link {
    color: #525459 !important;
  }

  html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar .fspbar-link:hover,
    html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar .fspmega.open .fspmega-trigger,
    html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar .fspdiscover.open .fspdiscover-trigger,
    html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar .fspbar-link.is-active {
    background: rgba(var(--fsp-user-main-rgb,213,150,42),.085) !important;
    color: #2c2e33 !important;
  }

  html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar :where(.fspmega-menu,.fspmega-menu-v642,.fspdiscover-menu,.fspbar-search-panel,.fspuser-menu) {
    border-color: rgba(38,40,44,.12) !important;
    background: radial-gradient(circle at 100% 0, rgba(var(--fsp-user-main-rgb,213,150,42),.08), transparent 34%),
            rgba(251,251,252,.985) !important;
    box-shadow: 0 26px 66px rgba(34,36,40,.14), inset 0 1px 0 rgba(255,255,255,.8) !important;
  }

  html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar-search-form {
    background: #f3f3f3 !important;
  }
}

html[data-fsp-theme="light"] body.fsp-signature-v1.home .fsp-tv5-head,
html[data-fsp-theme="light"] body.fsp-signature-v1.front-page .fsp-tv5-head {
  border-color: rgba(38,40,44,.11) !important;
  background: linear-gradient(90deg, rgba(240,240,241,.97) 0%, rgba(240,240,241,.89) 45%, rgba(240,240,241,.52) 100%),
        var(--fsp-tv5-cover, none) center 46% / cover no-repeat,
        #eeeeee !important;
  box-shadow: 0 18px 44px rgba(38,40,44,.10) !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1.home .fsp-tv5-head-title h2 > span:first-child,
html[data-fsp-theme="light"] body.fsp-signature-v1.front-page .fsp-tv5-head-title h2 > span:first-child {
  color: #2a2c31 !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1.home .fsp-tv5-head-stats,
html[data-fsp-theme="light"] body.fsp-signature-v1.front-page .fsp-tv5-head-stats {
  border-color: rgba(38,40,44,.10) !important;
  background: rgba(250,250,251,.76) !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1.home .fsp-tv5-head-stats > span,
html[data-fsp-theme="light"] body.fsp-signature-v1.front-page .fsp-tv5-head-stats > span {
  border-right-color: rgba(38,40,44,.08) !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1.home .fsp-tv5-head-stats small,
html[data-fsp-theme="light"] body.fsp-signature-v1.front-page .fsp-tv5-head-stats small {
  color: #6a6d73 !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1 :where(
    .fsp-ranking-card-v3300,
    .fsp-home-triad-card-v1,
    .fsp-modern-featured-card-v150,
    .fsp-allmods-card-v273,
    .fsp-loop .fsp-premium-mod-card-v2130,
    .fsp-catdir-section-v652,
    .fsp-catdir-card-v642,
    .fsp-v8-card,
    .fsp-v8-side-card,
    .fsp-v8-related
) {
  border-color: rgba(38,40,44,.10) !important;
  background: #f8f8f8 !important;
  box-shadow: 0 10px 28px rgba(38,40,44,.07) !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1 .fsp-catdir-hero-v642 {
  border-color: rgba(38,40,44,.11) !important;
  background: linear-gradient(110deg, rgba(var(--fsp-user-main-rgb,213,150,42),.08), transparent 36%), linear-gradient(145deg, #f8f8f8, #efefef) !important;
  box-shadow: 0 16px 38px rgba(38,40,44,.08) !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1.single-post .fsp-v8-single {
  --v8-panel: #f8f8f8;
  --v8-panel-2: #efefef;
  --v8-line: rgba(38,40,44,.10);
  --v8-text: #292b30;
  --v8-muted: #75787e;
}

html[data-fsp-theme="light"] body.fsp-signature-v1.single-post .fsp-v8-hero {
  border-color: rgba(38,40,44,.14) !important;
  background: #1c1d20 !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1 :where(input[type="text"],input[type="email"],input[type="url"],input[type="search"],input[type="password"],input[type="number"],textarea,select):not(.fspbar-search-form *) {
  border-color: rgba(38,40,44,.13) !important;
  background: #fbfbfb !important;
  color: #2a2c31 !important;
}

html[data-fsp-theme="light"] body.fsp-signature-v1 .fsp-footer-v4,
html[data-fsp-theme="light"] body.fsp-signature-v1 .fsp-footer {
  border-top-color: rgba(38,40,44,.10) !important;
  background: linear-gradient(180deg, rgba(239,239,240,.86), #e5e5e6 72%),
        repeating-linear-gradient(112deg, transparent 0 84px, rgba(39,41,46,.016) 84px 85px) !important;
}

@media (max-width: 1180px) {
  body.fsp-signature-v1.home .fsp-tv5-section.has-side-ad,
    body.fsp-signature-v1.front-page .fsp-tv5-section.has-side-ad {
    grid-template-columns: minmax(0, 1fr) 280px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head,
    body.fsp-signature-v1.front-page .fsp-tv5-head {
    grid-template-columns: minmax(0, 1fr) minmax(330px, .76fr) !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-feature-row,
    body.fsp-signature-v1.front-page .fsp-tv5-feature-row {
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .75fr) !important;
  }
}

@media (max-width: 980px) {
  body.fsp-signature-v1 .site-content > .fsp-layout-container,
    body.fsp-signature-v1 #content > .fsp-layout-container,
    body.fsp-signature-v1 .fsp-theme-container {
    width: min(100% - 24px, var(--fsp-sign-container)) !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-section.has-side-ad,
    body.fsp-signature-v1.front-page .fsp-tv5-section.has-side-ad {
    grid-template-columns: 1fr !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head,
    body.fsp-signature-v1.front-page .fsp-tv5-head {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-feature-row,
    body.fsp-signature-v1.front-page .fsp-tv5-feature-row {
    grid-template-columns: 1fr !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-card.is-feature,
    body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature {
    min-height: 390px !important;
  }

  body.fsp-signature-v1.single-post .fsp-v8-hero-content {
    padding-right: 34px !important;
  }
}

@media (max-width: 750px) {
  body.fsp-signature-v1,
    body.fsp-signature-v1 #page {
    background: radial-gradient(520px 330px at 5% -3%, rgba(var(--fsp-user-main-rgb,216,159,60),.08), transparent 70%),
            linear-gradient(180deg, #1c1e21 0, #18191c 100%) !important;
  }

  body.fsp-signature-v1 .fspbar {
    background: rgba(25,27,30,.96) !important;
    border-bottom: 1px solid rgba(234,234,235,.075) !important;
    box-shadow: 0 10px 28px rgba(8,8,9,.18) !important;
  }

  body.fsp-signature-v1 .fspbar .fspbar-inner {
    background: transparent !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-section,
    body.fsp-signature-v1.front-page .fsp-tv5-section {
    margin: 24px 0 34px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head,
    body.fsp-signature-v1.front-page .fsp-tv5-head {
    min-height: 0 !important;
    padding: 20px 18px 18px 21px !important;
    border-radius: 16px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head::before,
    body.fsp-signature-v1.front-page .fsp-tv5-head::before {
    top: 18px;
    bottom: 18px;
    width: 3px;
  }

  body.fsp-signature-v1.home .fsp-tv5-head-title h2,
    body.fsp-signature-v1.front-page .fsp-tv5-head-title h2 {
    font-size: clamp(28px, 9vw, 40px) !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head-stats,
    body.fsp-signature-v1.front-page .fsp-tv5-head-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head-stats > span,
    body.fsp-signature-v1.front-page .fsp-tv5-head-stats > span {
    min-height: 58px !important;
    padding: 9px 10px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head-stats b,
    body.fsp-signature-v1.front-page .fsp-tv5-head-stats b {
    font-size: 17px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head-stats small,
    body.fsp-signature-v1.front-page .fsp-tv5-head-stats small {
    font-size: 8px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-card.is-feature,
    body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature {
    min-height: 330px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-card.is-feature .fsp-tv5-title,
    body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature .fsp-tv5-title {
    max-width: 100% !important;
    font-size: 27px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-card.is-latest,
    body.fsp-signature-v1.front-page .fsp-tv5-card.is-latest {
    height: 245px !important;
  }

  body.fsp-signature-v1 .fsp-modern-featured-card-v150,
    body.fsp-signature-v1 .fsp-ranking-card-v3300,
    body.fsp-signature-v1.home .fsp-home-triad-card-v1,
    body.fsp-signature-v1.front-page .fsp-home-triad-card-v1 {
    border-radius: 14px !important;
  }

  body.fsp-signature-v1.single-post .fsp-v8-hero {
    min-height: 520px !important;
    border-radius: 17px !important;
  }

  body.fsp-signature-v1.single-post .fsp-v8-hero-content {
    padding: 25px 20px !important;
  }

  body.fsp-signature-v1.single-post .fsp-v8-title-copy h1 {
    font-size: clamp(31px, 10vw, 44px) !important;
  }

  html[data-fsp-theme="light"] body.fsp-signature-v1,
    html[data-fsp-theme="light"] body.fsp-signature-v1 #page {
    background: radial-gradient(520px 330px at 5% -3%, rgba(var(--fsp-user-main-rgb,213,150,42),.075), transparent 70%),
            linear-gradient(180deg, #f0f0f1 0, #e7e8e9 100%) !important;
  }

  html[data-fsp-theme="light"] body.fsp-signature-v1 .fspbar {
    background: rgba(248,248,248,.96) !important;
    border-bottom-color: rgba(38,40,44,.10) !important;
    box-shadow: 0 9px 24px rgba(38,40,44,.08) !important;
  }
}

@media (max-width: 520px) {
  body.fsp-signature-v1 .site-content > .fsp-layout-container,
    body.fsp-signature-v1 #content > .fsp-layout-container,
    body.fsp-signature-v1 .fsp-theme-container {
    width: min(100% - 18px, var(--fsp-sign-container)) !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head-stats,
    body.fsp-signature-v1.front-page .fsp-tv5-head-stats {
    grid-template-columns: 1fr 1fr !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-head-stats > span:nth-child(3),
    body.fsp-signature-v1.front-page .fsp-tv5-head-stats > span:nth-child(3) {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(234,234,235,.06) !important;
    border-right: 0 !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-card.is-feature,
    body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature {
    min-height: 300px !important;
  }

  body.fsp-signature-v1.home .fsp-tv5-card.is-feature .fsp-tv5-copy,
    body.fsp-signature-v1.front-page .fsp-tv5-card.is-feature .fsp-tv5-copy {
    left: 15px !important;
    right: 15px !important;
    bottom: 15px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body.fsp-signature-v1 *,
    body.fsp-signature-v1 *::before,
    body.fsp-signature-v1 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}