/* Cabecera y controles compartidos. */

:root {
  --bg: #f5f6fa;
  --surface: #fff;
  --white: #fff;
  --ink: #111c31;
  --sub: #56667e;
  --brand: #325cf5;
  --brand-hi: #6b8cff;
  --line: #dfe4ed;
  --border: #dfe4ed;
  --panel: #f0f2f8;
  --studio-outline: rgba(30,51,88,.13);
  --studio-lime: #d5f36d;
}
html[data-theme="dark"] {
  --bg: #0b111d;
  --surface: #141d2b;
  --white: #141d2b;
  --ink: #f3f5fc;
  --sub: #aab7ca;
  --brand: #8da6ff;
  --brand-hi: #b7c5ff;
  --line: #2d3b50;
  --border: #2d3b50;
  --panel: #1a2534;
  --studio-outline: rgba(186,205,239,.16);
  --studio-lime: #d7f681;
}
body {
  font-family: Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing: antialiased;
}
.container {
  width: min(1190px,100% - 52px);
  margin-inline: auto;
}
.topnav .fic-brand {
  font-size: 31px;
}
.planet-core .brand-symbol {
  width: 31%;
  height: auto;
  color: var(--brand);
}
.fic-brand {
  display: inline-flex;
  align-items: center;
  gap: .24em;
  line-height: 1;
  white-space: nowrap;
  font-weight: 810;
  letter-spacing: -.055em;
  color: var(--ink);
}
.brand-symbol {
  height: 1.04em;
  width: 1.04em;
  flex: none;
  color: #3479e8;
  overflow: visible;
  margin-right: .035em;
}
.brand-accent {
  color: #3479e8;
}
.creator-label {
  color: var(--sub);
  font-weight: 620;
  white-space: nowrap;
}
.creator-social {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.creator-social a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid var(--line,var(--border));
  border-radius: 10px;
  background: color-mix(in srgb,var(--surface,var(--white)) 85%,transparent);
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
  transition: border-color .18s,transform .18s,background .18s;
}
.creator-social a:hover {
  border-color: var(--brand);
  background: var(--brand-glow);
  text-decoration: none;
  transform: translateY(-1px);
}
.creator-social a:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 3px;
}
.creator-social svg {
  color: var(--brand-hi);
  flex: none;
}
.fic-nav-brand:hover .brand-word {
  opacity: .84;
}
@media (prefers-reduced-motion:reduce) {
  .creator-social a,.fic-page .subject,.fic-page .toplinks>a {
    transition: none;
  }
  .creator-social a:hover {
    transform: none;
  }
}
@media (max-width:780px) {
  .topnav .fic-brand {
    font-size: 25px;
  }
}
@media (max-width:520px) {
  .topnav .fic-brand {
    font-size: 23px;
  }
}
.top-creator .creator-label {
  font-size: 11px;
}
.top-creator .creator-social {
  gap: 6px;
}
.top-creator .creator-social a {
  padding: 7px 9px;
  font-size: 11px;
}
@media (max-width:500px) {
  .top-creator .creator-social {
    gap: 5px;
  }
  .top-creator .creator-social a {
    padding: 7px 8px;
    font-size: 11px;
  }
  .top-creator .creator-label {
    font-size: 10px;
  }
}
html[data-theme="light"] .creator-social a {
  border-color: #afc5e6;
  background: #fff;
}
.fv-header {
  position: relative;
  z-index: 8;
  background: var(--surface,var(--white));
  border-bottom: 1px solid var(--line,var(--border));
  box-shadow: 0 1px 0 color-mix(in srgb,var(--brand,#347bf4) 10%,transparent);
}
.site .fv-header {
  background: transparent;
  border-bottom: 0;
  box-shadow: none;
}
.fv-header-inner {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  grid-template-areas: "brand nav prefs" "credit credit credit";
  align-items: center;
  column-gap: clamp(16px,2vw,32px);
  row-gap: 12px;
  padding-top: 16px;
  padding-bottom: 12px;
}
.fv-header-brand {
  grid-area: brand;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  text-decoration: none;
  color: var(--ink);
}
.fv-header-brand:hover {
  text-decoration: none;
}
.fv-header-brand .fic-brand {
  font-size: clamp(22px,2vw,27px);
}
.fv-navigation {
  grid-area: nav;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  min-width: 0;
}
.fv-navigation a {
  font-size: 13px;
  font-weight: 740;
  letter-spacing: -.1px;
  line-height: 1.25;
  color: var(--sub);
  padding: 10px 13px;
  border-radius: 10px;
  white-space: nowrap;
  border: 1px solid transparent;
  text-decoration: none;
  transition: background-color .2s,color .2s,border-color .2s;
}
.fv-navigation a:hover {
  background: color-mix(in srgb,var(--brand,#3375e4) 10%,transparent);
  color: var(--ink);
  text-decoration: none;
}
.fv-navigation a[aria-current="page"] {
  color: var(--brand,#3d7ef4);
  background: color-mix(in srgb,var(--brand,#3d7ef4) 10%,transparent);
  border-color: color-mix(in srgb,var(--brand,#3d7ef4) 16%,transparent);
}
.fv-preferences {
  grid-area: prefs;
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 16px;
  border-left: 1px solid var(--line,var(--border));
}
.fv-control-wrap {
  display: flex;
  align-items: center;
  gap: 7px;
}
.fv-control-caption {
  font-size: 10px;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-weight: 800;
  color: var(--sub);
  white-space: nowrap;
}
.fv-lang-icon {
  width: 18px;
  height: 18px;
  flex: none;
  color: var(--brand,#4281ee);
}
.fv-lang-icon svg {
  width: 100%;
  height: 100%;
}
.fv-language,.fv-theme-switch {
  display: inline-flex;
  position: relative;
  align-items: center;
  gap: 2px;
  border: 1px solid var(--line,var(--border));
  background: color-mix(in srgb,var(--surface,var(--white)) 60%,var(--bg) 40%);
  border-radius: 999px;
  padding: 3px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.035);
}
.fv-language button,.fv-theme-switch button {
  display: grid;
  place-items: center;
  position: relative;
  z-index: 1;
  border: 0;
  flex: none;
  background: transparent;
  color: var(--sub);
  border-radius: 999px;
  cursor: pointer;
  min-height: 32px;
  min-width: 36px;
  padding: 6px;
  font: 800 11px/1 system-ui,-apple-system,Segoe UI,sans-serif;
  transition: color .27s ease;
}
.fv-language button:hover,.fv-theme-switch button:hover {
  color: var(--ink);
}
.fv-language button[aria-pressed="true"],.fv-theme-switch button[aria-pressed="true"] {
  color: var(--ink);
}
.fv-language::before,.fv-theme-switch::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  height: 32px;
  z-index: 0;
  background: var(--surface,var(--white));
  border: 1px solid color-mix(in srgb,var(--brand,#3d7df0) 24%,var(--line,var(--border)));
  border-radius: 99px;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transition: transform .33s cubic-bezier(.22,1,.36,1);
}
.fv-language::before {
  width: 36px;
  transform: translateX(0);
}
.fv-language[data-active="gl"]::before {
  transform: translateX(38px);
}
.fv-theme-switch::before {
  width: 36px;
  transform: translateX(0);
}
.fv-theme-switch[data-active="light"]::before {
  transform: translateX(38px);
}
.fv-theme-switch[data-active="dark"]::before {
  transform: translateX(76px);
}
.fv-theme-switch button svg {
  width: 18px;
  height: 18px;
}
.fv-header-credits {
  grid-area: credit;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 9px;
  border-top: 1px solid color-mix(in srgb,var(--line,var(--border)) 55%,transparent);
}
.fv-header-credits .creator-label {
  font-size: 10px;
  letter-spacing: .1px;
  color: var(--sub);
  font-weight: 700;
}
.fv-header-credits .creator-social {
  display: flex;
  align-items: center;
  gap: 7px;
}
.fv-header-credits .creator-social a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 9px;
  border: 1px solid var(--line,var(--border));
  border-radius: 8px;
  background: color-mix(in srgb,var(--surface,var(--white)) 85%,transparent);
  font-size: 11px;
  color: var(--sub);
  font-weight: 700;
  text-decoration: none;
}
.fv-header-credits .creator-social a:hover {
  color: var(--brand,#3d7df0);
  border-color: var(--brand,#3d7df0);
  text-decoration: none;
}
.fv-header-credits .creator-social svg {
  width: 15px;
  height: 15px;
}
.fv-header button:focus-visible,.fv-header a:focus-visible {
  outline: 2px solid var(--brand,#4480ed);
  outline-offset: 3px;
}
html.fv-ready body, html.fv-ready .fv-header, html.fv-ready .fv-header a, html.fv-ready main, html.fv-ready .filters, html.fv-ready .section, html.fv-ready .subject, html.fv-ready .item, html.fv-ready .card, html.fv-ready .calcbox, html.fv-ready .detail, html.fv-ready .stage, html.fv-ready .hero-art, html.fv-ready .panel, html.fv-ready .fv-language, html.fv-ready .fv-theme-switch, html.fv-ready .fv-header-credits a {
  transition: background-color .38s ease,color .3s ease,border-color .38s ease,box-shadow .38s ease;
}
@media (prefers-reduced-motion:reduce) {
  .fv-language::before,.fv-theme-switch::before,html.fv-ready body,html.fv-ready .fv-header,html.fv-ready .fv-header *,html.fv-ready main,html.fv-ready .section {
    transition: none !important;
  }
}
@media (max-width:1080px) {
  .fv-header-inner {
    grid-template-columns: auto 1fr;
    grid-template-areas: "brand prefs" "nav nav" "credit credit";
    row-gap: 9px;
  }
  .fv-navigation {
    justify-content: center;
  }
  .fv-preferences {
    justify-content: flex-end;
    border-left: 0;
    padding-left: 0;
  }
  .fv-header-credits {
    justify-content: flex-end;
  }
  .fv-control-caption {
    display: none;
  }
}
@media (max-width:540px) {
  .fv-header-inner {
    column-gap: 8px;
    padding-top: 12px;
    padding-bottom: 10px;
  }
  .fv-header-brand .fic-brand {
    font-size: 21px;
  }
  .fv-header-brand .brand-symbol {
    width: 25px;
    height: 25px;
  }
  .fv-preferences {
    gap: 7px;
  }
  .fv-control-wrap {
    gap: 4px;
  }
  .fv-lang-icon {
    display: none;
  }
  .fv-language button,.fv-theme-switch button {
    min-width: 30px;
    min-height: 30px;
    font-size: 10px;
  }
  .fv-theme-switch button svg {
    width: 16px;
    height: 16px;
  }
  .fv-language::before,.fv-theme-switch::before {
    width: 30px;
    height: 30px;
  }
  .fv-language[data-active="gl"]::before {
    transform: translateX(32px);
  }
  .fv-theme-switch[data-active="light"]::before {
    transform: translateX(32px);
  }
  .fv-theme-switch[data-active="dark"]::before {
    transform: translateX(64px);
  }
  .fv-navigation {
    gap: 4px;
  }
  .fv-navigation a {
    font-size: 12px;
    flex: 1;
    text-align: center;
    padding: 8px 9px;
  }
  .fv-header-credits {
    padding-top: 7px;
  }
  .fv-header-credits .creator-label {
    font-size: 10px;
  }
  .fv-header-credits .creator-social {
    gap: 5px;
  }
  .fv-header-credits .creator-social a {
    padding: 5px 7px;
    font-size: 10px;
  }
  .fv-header-credits .creator-social svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width:345px) {
  .fv-header-inner {
    grid-template-columns: 1fr;
    grid-template-areas: "brand" "prefs" "nav" "credit";
  }
  .fv-preferences {
    justify-content: flex-start;
  }
}
.fv-header {
  position: relative;
  z-index: 60;
}
.fv-header-inner {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) !important;
  grid-template-areas: "brand nav tools" !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 78px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.fv-header-brand {
  grid-area: brand;
  justify-self: start;
  white-space: nowrap;
}
.fv-navigation {
  grid-area: nav;
  justify-self: center;
  justify-content: center !important;
  gap: 5px !important;
}
.fv-navigation a {
  padding: 10px 14px !important;
  font-size: 13px !important;
}
.fv-header-actions {
  grid-area: tools;
  display: flex;
  align-items: center;
  justify-self: end;
  justify-content: flex-end;
  gap: 12px;
  min-width: 0;
}
.fv-preferences {
  grid-area: auto !important;
  padding: 0 !important;
  border: 0 !important;
  gap: 11px !important;
  flex-shrink: 0;
}
.fv-control-wrap {
  gap: 0 !important;
}
.fv-lang-icon {
  display: none !important;
}
.fv-language {
  display: inline-grid !important;
  grid-template-columns: repeat(2,37px);
  gap: 1px !important;
  padding: 3px !important;
  isolation: isolate;
}
.fv-language button {
  min-width: 37px !important;
  width: 37px !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 999px;
  font-size: 11px !important;
  z-index: 1;
}
.fv-language::before {
  z-index: 0;
  left: 3px;
  top: 3px;
  width: 37px !important;
  height: 34px !important;
  transform: translateX(0) !important;
  transition: transform .35s cubic-bezier(.2,.75,.2,1);
}
.fv-language[data-active="gl"]::before {
  transform: translateX(38px) !important;
}
.fv-theme-switch {
  position: relative;
  display: grid !important;
  place-items: center;
  width: 43px;
  height: 43px;
  padding: 0 !important;
  flex: none;
  isolation: isolate;
  overflow: hidden;
  background: color-mix(in srgb,var(--surface,var(--white)) 75%,var(--bg) 25%);
}
.fv-theme-switch::before {
  display: none !important;
}
.fv-theme-switch .fv-theme-toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--brand,#407ee9);
  cursor: pointer;
}
.fv-theme-switch .fv-theme-toggle svg {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 22px !important;
  height: 22px !important;
  transition: transform .45s cubic-bezier(.2,.8,.2,1),opacity .32s ease;
}
html[data-theme="light"] .fv-theme-toggle .fv-sun {
  opacity: 0;
  transform: rotate(-65deg) scale(.55);
}
html[data-theme="light"] .fv-theme-toggle .fv-moon {
  opacity: 1;
  transform: rotate(0) scale(1);
}
html[data-theme="dark"] .fv-theme-toggle .fv-moon {
  opacity: 0;
  transform: rotate(65deg) scale(.55);
}
html[data-theme="dark"] .fv-theme-toggle .fv-sun {
  opacity: 1;
  transform: rotate(0) scale(1);
}
.fv-header-credits {
  grid-area: auto !important;
  gap: 7px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  justify-content: flex-end !important;
}
.fv-header-credits .creator-label {
  font-size: 11px !important;
  color: var(--sub);
  font-weight: 800;
}
.fv-header-credits .creator-social {
  gap: 5px !important;
}
.fv-header-credits .creator-social a {
  border-radius: 10px;
  padding: 8px 9px !important;
  font-size: 11px !important;
  gap: 6px !important;
  min-height: 37px;
  transition: border-color .2s,background-color .2s,color .2s;
}
.fv-header-credits .creator-social svg {
  width: 15px;
  height: 15px;
  flex: none;
}
.fv-header-credits .creator-social a:hover {
  background: color-mix(in srgb,var(--brand,#3d7df0) 11%,var(--surface,var(--white)));
}
.fv-mobile-menu {
  display: none;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 43px;
  height: 43px;
  border-radius: 12px;
  background: var(--surface,var(--white));
  border: 1px solid var(--line,var(--border));
  color: var(--ink);
  cursor: pointer;
}
.fv-mobile-menu svg {
  width: 22px;
  height: 22px;
}
.fv-mobile-menu[aria-expanded="true"] {
  border-color: var(--brand,#3d7ef0);
  color: var(--brand,#3d7ef0);
  background: color-mix(in srgb,var(--brand,#3d7ef0) 9%,var(--surface,var(--white)));
}
.fv-mobile-drawer[hidden] {
  display: none !important;
}
.fv-mobile-drawer {
  position: absolute;
  right: max(14px,calc((100vw - 1220px)/2));
  top: calc(100% - 1px);
  width: min(365px,calc(100vw - 28px));
  padding: 15px;
  border-radius: 0 0 18px 18px;
  border: 1px solid var(--line,var(--border));
  background: var(--surface,var(--white));
  box-shadow: 0 25px 55px rgba(0,0,0,.2);
  z-index: 100;
}
.fv-mobile-drawer .fv-drawer-nav {
  display: grid;
  gap: 5px;
}
.fv-mobile-drawer .fv-drawer-nav a {
  color: var(--ink);
  text-decoration: none;
  padding: 12px 14px;
  border-radius: 10px;
  font-weight: 700;
}
.fv-mobile-drawer .fv-drawer-nav a[aria-current="page"] {
  color: var(--brand,#3d7ef0);
  background: color-mix(in srgb,var(--brand,#3d7ef0) 12%,transparent);
}
.fv-mobile-drawer .fv-drawer-nav a:hover {
  background: color-mix(in srgb,var(--brand,#3d7ef0) 8%,transparent);
}
.fv-mobile-drawer .fv-header-credits {
  border-top: 1px solid var(--line,var(--border)) !important;
  justify-content: flex-start !important;
  padding-top: 13px !important;
  margin-top: 13px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width:1180px) {
  .fv-header-inner {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas: "brand tools" !important;
    gap: 12px !important;
    min-height: 70px;
  }
  .fv-header-inner>.fv-navigation {
    display: none !important;
  }
  .fv-header-actions>.fv-header-credits {
    display: none !important;
  }
  .fv-mobile-menu {
    display: inline-flex;
  }
  .fv-header-actions {
    gap: 10px;
  }
}
@media (max-width:550px) {
  .fv-header-inner {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 7px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    min-height: 64px;
  }
  .fv-header-brand .fic-brand {
    font-size: clamp(17px,5.5vw,22px) !important;
  }
  .fv-header-brand .brand-symbol {
    width: 25px !important;
    height: 25px !important;
  }
  .fv-header-actions {
    gap: 7px;
  }
  .fv-preferences {
    gap: 7px !important;
  }
  .fv-language {
    grid-template-columns: repeat(2,30px);
  }
  .fv-language button {
    width: 30px !important;
    min-width: 30px !important;
    min-height: 31px !important;
    height: 31px !important;
    font-size: 10px !important;
  }
  .fv-language::before {
    width: 30px !important;
    height: 31px !important;
  }
  .fv-language[data-active="gl"]::before {
    transform: translateX(31px) !important;
  }
  .fv-theme-switch,.fv-theme-switch .fv-theme-toggle,.fv-mobile-menu {
    width: 39px;
    height: 39px;
    min-width: 39px !important;
    min-height: 39px !important;
  }
  .fv-theme-switch .fv-theme-toggle svg {
    top: 8.5px;
    left: 8.5px;
  }
}
@media (prefers-reduced-motion:reduce) {
  .fv-theme-toggle svg,.fv-language::before {
    transition: none !important;
  }
}
.fv-header-credits {
  margin-left: 15px !important;
}
@media (max-width:760px) {
  .fv-header-credits {
    margin-left: 0 !important;
  }
}
.fv-header-credits {
  margin-left: clamp(16px,1.5vw,25px) !important;
  gap: 10px !important;
}
.fv-header-credits .creator-label {
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}
@media (max-width:760px) {
  .fv-header-credits {
    margin-left: 0 !important;
  }
}
.fv-header-credits .creator-label {
  font-size: 13px;
  font-weight: 760;
  letter-spacing: .015em;
}
.fv-header-credits .creator-social a {
  font-size: 12.5px;
}
.fv-header-credits .creator-label {
  font-size: 14px !important;
  font-weight: 820 !important;
  letter-spacing: .01em !important;
}
.fv-header-credits .creator-social a {
  font-size: 13.5px !important;
  font-weight: 740 !important;
}
@media (max-width:760px) {
  .fv-mobile-drawer .fv-header-credits .creator-label {
    font-size: 14px !important;
  }
}
.fv-navigation {
  gap: 7px !important;
}
.fv-navigation a {
  border: 1px solid color-mix(in srgb,var(--line,var(--border)) 85%,var(--brand,#3c7df2) 15%) !important;
  background: color-mix(in srgb,var(--surface,var(--white)) 88%,transparent) !important;
  border-radius: 11px !important;
  box-shadow: 0 1px 3px #00000008 !important;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.fv-navigation a[aria-current="page"] {
  background: color-mix(in srgb,var(--brand,#377ced) 17%,var(--surface,var(--white))) !important;
  border-color: var(--brand,#377ced) !important;
  color: var(--brand,#377ced) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--brand,#377ced) 24%,transparent),0 2px 10px #205bc022 !important;
}
.fv-navigation a:hover:not([aria-current="page"]) {
  border-color: color-mix(in srgb,var(--brand,#377ced) 48%,var(--line,var(--border))) !important;
}
.fv-mobile-drawer .fv-drawer-nav a {
  border: 1px solid var(--line,var(--border));
  border-radius: 10px;
  padding: 11px 14px;
  background: var(--surface,var(--white));
  text-decoration: none;
}
.fv-mobile-drawer .fv-drawer-nav a[aria-current="page"] {
  border-color: var(--brand,#377ced);
  color: var(--brand,#377ced);
  background: color-mix(in srgb,var(--brand,#377ced) 12%,var(--surface,var(--white)));
}
.fv-header-credits .creator-label {
  font-size: 16px !important;
  font-weight: 830 !important;
  line-height: 38px !important;
}
.fv-mobile-drawer .fv-header-credits .creator-label {
  font-size: 16px !important;
}
@media (min-width:981px) {
  .fv-navigation a {
    min-width: 84px;
  }
}
.fv-header {
  position: sticky !important;
  top: 0;
  z-index: 40 !important;
  background: color-mix(in srgb,var(--bg) 88%,transparent) !important;
  border-bottom: 1px solid var(--studio-outline) !important;
  box-shadow: none !important;
  backdrop-filter: blur(22px) saturate(1.25);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
}
.site .fv-header {
  background: color-mix(in srgb,var(--bg) 78%,transparent) !important;
  border-bottom: 1px solid var(--studio-outline) !important;
}
.fv-header .fv-header-inner {
  max-width: 1280px !important;
  min-height: 70px;
}
.fv-header .fic-brand {
  letter-spacing: -.065em !important;
  font-weight: 850;
}
.fv-header .brand-symbol {
  filter: none !important;
}
.fv-header .fv-navigation {
  gap: 4px !important;
  border: 1px solid var(--studio-outline);
  border-radius: 100px;
  padding: 4px;
  background: color-mix(in srgb,var(--surface) 63%,transparent);
  box-shadow: inset 0 1px 3px rgba(0,0,0,.02);
}
.fv-header .fv-navigation a,.fv-header .fv-navigation a[aria-current="page"] {
  min-width: 0 !important;
  min-height: 35px !important;
  padding: 8px 16px !important;
  border: 1px solid transparent !important;
  border-radius: 100px !important;
  background: transparent !important;
  color: var(--sub) !important;
  box-shadow: none !important;
  font-size: 12px !important;
  letter-spacing: .005em;
  text-decoration: none !important;
  transition: background .23s ease,color .23s ease,transform .23s ease !important;
}
.fv-header .fv-navigation a:hover:not([aria-current="page"]) {
  background: color-mix(in srgb,var(--brand) 9%,transparent) !important;
  color: var(--ink) !important;
  transform: translateY(-1px);
}
.fv-header .fv-navigation a[aria-current="page"] {
  background: var(--ink) !important;
  color: var(--bg) !important;
  border-color: var(--ink) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}
.fv-header .fv-language {
  border-radius: 100px !important;
  background: var(--surface) !important;
  border: 1px solid var(--studio-outline) !important;
}
.fv-header .fv-language button,.fv-header .fv-theme-toggle {
  border-radius: 100px !important;
}
.fv-header .fv-header-credits .creator-label {
  font-weight: 650 !important;
  font-size: 11px !important;
  color: var(--muted) !important;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.fv-header .creator-social a {
  border: 1px solid var(--studio-outline) !important;
  box-shadow: none !important;
  border-radius: 100px !important;
  background: color-mix(in srgb,var(--surface) 73%,transparent) !important;
  transition: border-color .2s,transform .2s;
}
.fv-header .creator-social a:hover {
  border-color: var(--brand) !important;
  transform: translateY(-2px);
}
.fv-mobile-drawer {
  background: var(--surface) !important;
  box-shadow: 0 22px 40px #0002 !important;
}
.fv-mobile-drawer .fv-drawer-nav a {
  border-radius: 12px !important;
}
@media (min-width:1181px) {
  .fv-header .fv-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 22px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    min-height: 72px !important;
  }
  .fv-header .fv-header-brand {
    flex: none !important;
  }
  .fv-header .fv-navigation {
    margin-left: auto;
    flex: none !important;
  }
  .fv-header .fv-header-actions {
    display: flex !important;
    align-items: center;
    gap: 10px !important;
    flex: none !important;
  }
  .fv-header .fv-header-credits {
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    justify-content: center !important;
    flex: none !important;
    gap: 4px !important;
  }
  .fv-header .fv-header-credits .creator-label {
    display: none !important;
  }
  .fv-header .fv-header-credits .creator-social {
    display: flex !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
  }
  .fv-header .fv-header-credits .creator-social a {
    display: grid !important;
    place-items: center !important;
    width: 37px;
    height: 37px;
    min-width: 37px !important;
    padding: 0 !important;
    border-radius: 100px !important;
  }
  .fv-header .fv-header-credits .creator-social a span {
    display: none !important;
  }
  .fv-header .fv-header-credits .creator-social a svg {
    width: 17px;
    height: 17px;
  }
}
.fv-header .fv-header-inner {
  max-width: 1400px !important;
  gap: clamp(9px,1.6vw,22px) !important;
}
.fv-header .fv-header-credits .creator-label {
  display: inline-flex !important;
  text-transform: none !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  color: var(--sub) !important;
  letter-spacing: 0 !important;
  margin-right: 6px !important;
}
.fv-header .fv-header-credits {
  gap: 5px !important;
}
.fv-header .fv-header-credits .creator-social a {
  width: 37px !important;
  height: 37px !important;
  border: 1px solid var(--studio-outline) !important;
  border-radius: 50% !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: var(--surface) !important;
}
.fv-header .fv-header-credits .creator-social a span {
  display: none !important;
}
.fv-header .fv-header-credits .creator-social a:hover {
  background: var(--blue-soft) !important;
  transform: translateY(-2px);
}
@media (max-width:1330px) and (min-width:981px) {
  .fv-header .fv-navigation a {
    padding: 8px 11px !important;
  }
}
@media (max-width:1180px) {
  .fv-header .fv-header-credits .creator-label {
    display: inline-flex !important;
  }
  .fv-header .fv-header-credits .creator-social a {
    width: 36px !important;
    height: 36px !important;
  }
}
@media (max-width:700px) {
  .fv-header .fv-header-credits {
    display: none !important;
  }
}
@media (max-width:700px) {
  .fv-header .fv-visits {
    display: none !important;
  }
}
@media (max-width:700px) {
  .fv-header .fv-header-actions .fv-header-credits {
    display: none !important;
  }
  .fv-header .fv-mobile-drawer .fv-header-credits {
    display: flex !important;
    gap: 10px;
    align-items: center;
  }
  .fv-header .fv-mobile-drawer .fv-header-credits .creator-label {
    display: inline-flex !important;
  }
  .fv-header .fv-mobile-drawer .creator-social {
    display: flex !important;
    gap: 8px;
  }
}
.fv-header .fv-navigation a[aria-current="page"] {
  background: var(--studio-lime) !important;
  color: var(--studio-lime-ink) !important;
  border-color: var(--studio-lime) !important;
}
.fv-header .fv-navigation a:hover:not([aria-current="page"]) {
  color: var(--ink) !important;
  background: color-mix(in srgb,var(--studio-lime) 11%,transparent) !important;
}
@media (max-width:700px) {
  .fv-header .fv-header-inner {
    gap: 8px !important;
  }
}
.fv-header {
  box-sizing: border-box;
}
.fv-header * {
  box-sizing: border-box;
}
.fv-header .fic-brand {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.fv-header .brand-symbol {
  width: 34px;
  height: 34px;
  flex: none;
  color: var(--brand);
}
.fv-header .brand-word {
  font-size: inherit;
  font-weight: 850;
  letter-spacing: -.065em;
}
.fv-header .brand-accent {
  color: var(--brand);
}
html.fv-ready .fv-header,html.fv-ready .fv-header a {
  transition: background-color .38s ease,color .3s ease,border-color .38s ease,box-shadow .38s ease;
}
@media (prefers-reduced-motion:reduce) {
  .fv-header *,html.fv-ready .fv-header {
    transition: none !important;
  }
}
.arcade-shell .fv-header-inner.container {
  width: min(1280px,100% - 72px);
}
@media (max-width:700px) {
  .arcade-shell .fv-header-inner.container {
    width: min(100% - 34px,1280px);
  }
}
