/* Apariencia actual de FICverse y ajustes de las distintas páginas. */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Zen+Dots&display=swap');
:root, html[data-theme="light"] {
  color-scheme: light;
  --bg: #fff;
  --white: #fff;
  --surface: #fff;
  --panel: #fff;
  --panel2: #fff;
  --ink: #0b0b0b;
  --sub: #555;
  --muted: #777;
  --border: #d2d2d2;
  --line: #d2d2d2;
  --blue: #0b0b0b;
  --a: #0b0b0b;
  --brand: #111;
  --brand-hi: #111;
  --blue-soft: #f4f4f4;
  --brand-glow: transparent;
  --aura: transparent;
  --studio-lime: #111;
  --studio-lime-ink: #fff;
  --studio-peach: #eee;
  --studio-outline: #d2d2d2;
  --studio-elev: none;
  --shadow: none;
  --lime: #111;
  --purple: #111;
  --fv-page: #fff;
  --fv-card: #fff;
  --fv-soft: #f7f7f7;
  --fv-soft2: #f7f7f7;
  --fv-ink: #0b0b0b;
  --fv-sub: #555;
  --fv-accent: #111;
  --fv-brand-soft: #eee;
  --fv-border: #d2d2d2;
  --fv-elevation: none;
  --fv-grid: transparent;
  --fv-ui-radius: 0px;
  --fv-ui-small: 0px;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #080808;
  --white: #080808;
  --surface: #080808;
  --panel: #080808;
  --panel2: #080808;
  --ink: #f6f6f6;
  --sub: #bcbcbc;
  --muted: #999;
  --border: #414141;
  --line: #414141;
  --blue: #f6f6f6;
  --a: #f6f6f6;
  --brand: #f6f6f6;
  --brand-hi: #fff;
  --blue-soft: #202020;
  --brand-glow: transparent;
  --aura: transparent;
  --studio-lime: #f6f6f6;
  --studio-lime-ink: #080808;
  --studio-peach: #ccc;
  --studio-outline: #414141;
  --studio-elev: none;
  --shadow: none;
  --lime: #fff;
  --purple: #fff;
  --fv-page: #080808;
  --fv-card: #080808;
  --fv-soft: #171717;
  --fv-soft2: #171717;
  --fv-ink: #f6f6f6;
  --fv-sub: #bcbcbc;
  --fv-accent: #f6f6f6;
  --fv-brand-soft: #222;
  --fv-border: #414141;
  --fv-elevation: none;
  --fv-grid: transparent;
}
html,body,button,input,select,textarea,option,kbd,code,pre,summary, label,
* , *::before, *::after {
  font-family: 'Zen Dots',system-ui,sans-serif !important;
}
body,body.fic-page,.site,.arcade-shell {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--ink) !important;
}
body {
  font-size: 12px !important;
  line-height: 1.8 !important;
}
::selection {
  background: var(--ink) !important;
  color: var(--bg) !important;
}
.site,.site .stage,.site .intro,.site .visual,.arcade-shell,
.fic-page .hero,.fic-page .filters,.fic-page .subject,.fic-page .calcbox,
.fic-page .modal,.fic-page .detail,.fic-page .eval-item,
.fic-progress-section,.fic-summary,.fic-pending-info,.fic-pending-placeholder,
.fv-header,.v12-game-choice,.v12-game-frame,.v12-game-overlay,
.site .action,.site .disclaimer,.fv-command,.fic-page .years-note {
  background-image: none !important;
  box-shadow: none !important;
}
.site .fic-cosmos__planet img {
  filter: grayscale(1) contrast(1.14) !important;
}
.site .fic-cosmos__planet,.site .fic-cosmos__planet-halo,.site .fic-cosmos__haze {
  filter: grayscale(1) !important;
  box-shadow: none !important;
}
.site .fic-cosmos__planet-halo,.site .fic-cosmos__haze,.site .fic-cosmos__starfield {
  opacity: .13 !important;
  background: transparent !important;
}
.site .fic-cosmos__tracks,.site .fic-cosmos__foreground,.site .fic-satellite__orb {
  filter: grayscale(1) !important;
}
.site .fic-cosmos__tracks path,.site .fic-cosmos__foreground path {
  stroke: var(--ink) !important;
  opacity: .3;
}
.site .fic-cosmos__tracks stop,.site .fic-cosmos__tracks circle {
  stop-color: var(--ink) !important;
  fill: var(--ink) !important;
}
.site .fic-satellite__orb {
  background: var(--bg) !important;
  border: 1px solid var(--ink) !important;
  box-shadow: none !important;
}
.site .fic-satellite__tag {
  background: var(--bg) !important;
  border: 1px solid var(--line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
.site .gradient-word,.site .gradient-word *,.v12-intro h1 span,.brand-word .brand-accent {
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--ink) !important;
}
.fv-header {
  background: var(--bg) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
}
.fv-header .brand-symbol,.fv-header .brand-accent,.fv-header .creator-social a,
.fv-header .fv-theme-toggle {
  color: var(--ink) !important;
}
.fv-header .fv-navigation,.fv-header .fv-navigation .fv-nav-main {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.fv-header .fv-navigation a,.fv-header .fv-navigation a[aria-current="page"] {
  background: transparent !important;
  color: var(--sub) !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 400 !important;
}
.fv-header .fv-navigation a[aria-current="page"] {
  color: var(--ink) !important;
  border-bottom-color: var(--ink) !important;
}
.fv-header .fv-navigation a:hover:not([aria-current="page"]) {
  background: transparent !important;
  color: var(--ink) !important;
}
.fv-header .fv-navigation a.fv-arcade-nav-link,
.fv-header .fv-navigation a.fv-arcade-nav-link[aria-current="page"] {
  border: 1px solid var(--line) !important;
  border-radius: 3px !important;
}
.fv-header .fv-navigation a.fv-arcade-nav-link[aria-current="page"] {
  background: var(--ink) !important;
  color: var(--bg) !important;
  border-color: var(--ink) !important;
}
.fv-header .fv-language,.fv-header .fv-theme-switch,.fv-header .fv-theme-toggle,
.fv-header .creator-social a,.fv-header .fv-preferences,.fv-header .fv-mobile-menu {
  border-radius: 3px !important;
  box-shadow: none !important;
}
.fv-header .fv-language {
  background: var(--bg) !important;
  border: 1px solid var(--line) !important;
}
.fv-header .fv-language::before {
  background: var(--ink) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
.fv-header .fv-language button[aria-pressed="true"] {
  color: var(--bg) !important;
}
.fv-header .fv-theme-switch {
  background: var(--bg) !important;
  border: 1px solid var(--line) !important;
}
.fv-header .creator-social a {
  border: 1px solid var(--line) !important;
  background: transparent !important;
  color: var(--ink) !important;
}
.fv-header .creator-social a:hover {
  background: var(--blue-soft) !important;
}
.fv-header .fv-mobile-drawer {
  background: var(--bg) !important;
  border-color: var(--line) !important;
}
.site main {
  background: transparent !important;
}
.site .eyebrow,.site .kicker,.v12-eyebrow,.fic-page .kicker {
  color: var(--sub) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: .13em !important;
}
.site #home-title {
  font-size: clamp(43px,5.5vw,75px) !important;
  line-height: 1.17 !important;
  letter-spacing: -.045em !important;
  font-weight: 400 !important;
}
.site .subtitle,.site .lead,.site .intro p {
  font-size: clamp(11px,1.1vw,13px) !important;
  line-height: 1.9 !important;
}
.site .action,.site .action.primary,.site .action.secondary,.site .action.tertiary {
  background: transparent !important;
  color: var(--ink) !important;
  border: 1px solid var(--ink) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  min-height: 49px;
}
.site .action.primary {
  background: var(--ink) !important;
  color: var(--bg) !important;
}
.site .action:hover,.site .action.primary:hover {
  transform: none !important;
  box-shadow: none !important;
}
.site .disclaimer {
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.site .fv-home-specs>span:before {
  background: var(--ink) !important;
}
.fic-page .shell {
  width: min(100% - 56px,1296px) !important;
}
.fic-page .hero {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 46px 0 36px !important;
  margin: 0 0 20px !important;
  min-height: 0 !important;
}
.fic-page .hero::before,.fic-page .hero::after {
  display: none !important;
}
.fic-page .hero-art {
  display: none !important;
}
.fic-page .hero h1 {
  font-size: clamp(28px,4vw,52px) !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  letter-spacing: -.04em !important;
  margin: 18px 0 20px !important;
  max-width: 1000px !important;
}
.fic-page .hero p {
  font-size: 11px !important;
  line-height: 2 !important;
  color: var(--sub) !important;
  max-width: 890px !important;
}
.fic-page .filters {
  margin: 0 0 33px !important;
  padding: 22px 0 27px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.fic-page .field label,.fic-course-field label {
  font-size: 9px !important;
  letter-spacing: .055em !important;
  font-weight: 400 !important;
}
.fic-page .field input,.fic-page .field select,.fic-course-field select,.fic-course-field input {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--ink) !important;
  font-size: 10px !important;
  min-height: 43px !important;
  padding: 8px 6px !important;
}
.fic-page .field :is(input,select):focus,.fic-course-field :is(input,select):focus-visible {
  border-bottom-color: var(--ink) !important;
  outline: 0 !important;
  box-shadow: none !important;
}
.fic-page .coursebar .course {
  border-radius: 2px !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--ink) !important;
  font-size: 10px !important;
}
.fic-page .coursebar .course.active {
  background: var(--ink) !important;
  color: var(--bg) !important;
}
.fic-page .heading {
  margin: 22px 0 13px !important;
  gap: 15px !important;
}
.fic-page .heading h2 {
  font-size: clamp(16px,2vw,22px) !important;
  font-weight: 400 !important;
  letter-spacing: -.035em !important;
}
.fic-page .heading #resultcount {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: var(--sub) !important;
  font-size: 9px !important;
}
.fic-page .cards {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
}
.fic-page .cards .subject {
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(185px,31%) !important;
  grid-template-areas: 'name tags' 'preview foot' !important;
  column-gap: 30px !important;
  row-gap: 7px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 20px 5px !important;
  box-shadow: none !important;
  transform: none !important;
  text-align: left !important;
  transition: background-color .14s ease !important;
}
.fic-page .cards .subject:last-child {
  border-bottom: 0 !important;
}
.fic-page .cards .subject::before {
  display: none !important;
}
.fic-page .cards .subject:hover,.fic-page .cards .subject:focus-visible {
  background: var(--blue-soft) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
  transform: none !important;
}
.fic-page .cards .subject .tagrow {
  grid-area: tags !important;
  align-self: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
}
.fic-page .cards .subject h3 {
  grid-area: name !important;
  align-self: center !important;
  font-size: clamp(12px,1.25vw,16px) !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  min-width: 0 !important;
  margin: 0 !important;
  letter-spacing: 0 !important;
}
.fic-page .cards .subject .preview {
  grid-area: preview !important;
  font-size: 10px !important;
  color: var(--sub) !important;
  margin: 0 !important;
  line-height: 1.7 !important;
  min-height: 0 !important;
  max-width: 720px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.fic-page .cards .subject .foot {
  grid-area: foot !important;
  display: flex !important;
  align-items: end !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: var(--sub) !important;
  font-size: 9px !important;
  line-height: 1.6 !important;
  align-self: end !important;
}
.fic-page .cards .subject .foot .linkhint {
  color: var(--ink) !important;
  white-space: nowrap !important;
}
.fic-page .subject :is(.tag,.pill,.badge) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  color: var(--sub) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
}
.fic-page .calcbox,.fic-page .modal,.fic-page .detail,.fic-page .section,.fic-page .eval-item {
  background: var(--bg) !important;
  border: 1px solid var(--line) !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}
.fic-page .calcbox {
  padding: 25px !important;
}
.fic-page .calcbox .calcintro h3 {
  font-weight: 400 !important;
  font-size: clamp(19px,2.7vw,30px) !important;
}
.fic-page :is(.fv-opportunity,.fv-calc-opportunity,.fv-second-more summary,.years-note) {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
.fic-page :is(.fv-opportunity-choice[aria-pressed="true"],.fv-calc-opportunity button[aria-pressed="true"]) {
  background: var(--ink) !important;
  color: var(--bg) !important;
}
.fic-page .button,.fic-page button:not(.subject) {
  box-shadow: none !important;
}
.v12-main {
  width: min(100% - 56px,1296px) !important;
}
.v12-intro {
  padding: 22px 0 29px !important;
  border-bottom: 1px solid var(--line) !important;
  margin-bottom: 23px !important;
}
.v12-intro h1 {
  font-weight: 400 !important;
  font-size: clamp(30px,4.3vw,54px) !important;
  line-height: 1.4 !important;
  letter-spacing: -.04em !important;
}
.v12-intro h1 span,.v12-spark {
  color: var(--ink) !important;
}
.v12-intro p {
  font-size: 11px !important;
  line-height: 1.95 !important;
  color: var(--sub) !important;
}
.fic-course-toolbar {
  border-bottom: 1px solid var(--line) !important;
  padding: 0 0 22px !important;
  margin-bottom: 24px !important;
}
.fic-progress-section {
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 22px 0 !important;
}
.fic-summary {
  border-color: var(--line) !important;
  padding-left: 16px !important;
}
.fic-summary:first-child {
  padding-left: 0 !important;
}
.fic-summary strong {
  color: var(--ink) !important;
  font-size: clamp(19px,2.3vw,30px) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.fic-summary>span,.fic-progress-heading,.fic-progress-note {
  font-size: 9px !important;
}
.fic-progress-track {
  border-radius: 0 !important;
  height: 6px !important;
  background: var(--line) !important;
}
.fic-progress-track span {
  border-radius: 0 !important;
  background: var(--ink) !important;
}
.fic-section-heading h2 {
  font-size: 20px !important;
  font-weight: 400 !important;
}
.fic-actions button,.fic-import-button {
  border-radius: 2px !important;
  background: transparent !important;
  border: 1px solid var(--line) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
}
.fic-actions button:hover,.fic-import-button:hover {
  border-color: var(--ink) !important;
  color: var(--ink) !important;
}
.fic-course-groups {
  gap: 26px !important;
}
.fic-year-title {
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--ink) !important;
}
.fic-year-title h3 {
  font-size: 16px !important;
  color: var(--ink) !important;
  font-weight: 400 !important;
}
.fic-year-list {
  gap: 0 !important;
  border-bottom: 1px solid var(--line) !important;
}
.fic-subject {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 15px 5px !important;
  box-shadow: none !important;
  transition: background-color .15s ease !important;
}
.fic-subject:first-child {
  border-top: 0 !important;
}
.fic-subject:hover {
  background: var(--blue-soft) !important;
  border-color: var(--line) !important;
}
.fic-subject.fic-mark-done,.fic-subject.fic-mark-now {
  border-left: 0 !important;
}
.fic-subject.fic-mark-done .fic-subject-details h3 {
  color: var(--ink) !important;
}
.fic-subject h3 {
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.fic-subject-tags,.fic-guide-link {
  font-size: 9px !important;
  color: var(--sub) !important;
}
.fic-guide-link {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.fic-status-control {
  border: 1px solid var(--line) !important;
  background: transparent !important;
  border-radius: 2px !important;
  box-shadow: none !important;
}
.fic-status-btn {
  border-radius: 1px !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}
.fic-status-btn.is-selected {
  background: var(--ink) !important;
  color: var(--bg) !important;
}
.fic-year-bulk button,.fic-year-bulk button[aria-pressed="true"] {
  border-radius: 2px !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}
.fic-year-bulk button:not([aria-pressed="true"]) {
  background: transparent !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
}
.fic-year-bulk button[aria-pressed="true"] {
  background: var(--ink) !important;
  color: var(--bg) !important;
  border-color: var(--ink) !important;
}
.fic-pending-info,.fic-pending-placeholder,.fic-empty {
  background: transparent !important;
  border-radius: 2px !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}
.v12-game-picker {
  gap: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  margin-bottom: 22px !important;
}
.v12-game-choice,.v12-game-choice.active,.v12-game-choice:hover {
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  justify-content: center !important;
  padding: 14px 8px !important;
}
.v12-game-choice.active {
  border-bottom-color: var(--ink) !important;
}
.v12-game-choice:hover {
  background: var(--blue-soft) !important;
}
.v12-game-choice .v12-glyph {
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  font-size: 17px !important;
  width: 23px !important;
  height: 23px !important;
}
.v12-game-choice strong {
  font-size: 10px !important;
  font-weight: 400 !important;
  white-space: normal !important;
}
.v12-game-info h2 {
  font-size: clamp(17px,2vw,26px) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
.v12-game-info>p,.v12-game-metric small {
  font-size: 9px !important;
  line-height: 2 !important;
}
.v12-game-metric strong {
  color: var(--ink) !important;
  font-size: 25px !important;
  font-weight: 400 !important;
}
.v12-game-frame {
  border: 1px solid var(--line) !important;
  border-radius: 3px !important;
  background: var(--bg) !important;
  box-shadow: none !important;
}
.v12-canvas-wrap {
  background: #090909 !important;
}
.v12-canvas-wrap canvas {
  filter: grayscale(1) contrast(1.08) !important;
}
.v12-game-overlay {
  background: rgba(0,0,0,.92) !important;
  background-image: none !important;
  color: #fff !important;
}
.v12-game-overlay h3,.v12-overlay-mark,.v12-overlay-eyebrow {
  color: #fff !important;
  font-weight: 400 !important;
}
.v12-game-overlay p,.v12-controls-list {
  color: #c7c7c7 !important;
  font-size: 10px !important;
}
.v12-play-button,.v12-play-button:hover {
  background: #fff !important;
  background-image: none !important;
  color: #080808 !important;
  border: 1px solid #fff !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 10px !important;
  font-weight: 400 !important;
}
.v12-touch-controls button {
  background: var(--bg) !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
  border-radius: 2px !important;
}
.v12-footer {
  background: transparent !important;
  color: var(--sub) !important;
  border-color: var(--line) !important;
  font-size: 9px !important;
}
.fv-command {
  border-radius: 3px !important;
  border-color: var(--line) !important;
  background: var(--bg) !important;
  box-shadow: none !important;
}
.fv-command-item,.fv-command-item .fv-cmd-icon {
  border-radius: 2px !important;
  background: transparent !important;
}
.fv-command-item:hover,.fv-command-item.is-active {
  background: var(--blue-soft) !important;
}
.fv-command-backdrop {
  backdrop-filter: none !important;
}
html.fv-ready body,html.fv-ready .site,html.fv-ready .arcade-shell {
  transition: background-color .42s ease,color .36s ease !important;
}
@media (max-width:880px) {
  .fic-page .shell,.v12-main {
    width: min(100% - 34px,1296px) !important;
  }
  .fic-page .cards .subject {
    grid-template-columns: minmax(0,1fr) 180px !important;
    column-gap: 15px !important;
  }
  .fic-page .cards .subject .tagrow {
    gap: 4px !important;
    flex-wrap: wrap !important;
  }
}
@media (max-width:650px) {
  .fic-page .shell,.v12-main {
    width: min(100% - 28px,1296px) !important;
  }
  .site #home-title {
    font-size: clamp(32px,9.3vw,54px) !important;
    line-height: 1.25 !important;
  }
  .fic-page .hero {
    padding: 31px 0 23px !important;
  }
  .fic-page .hero h1 {
    font-size: clamp(23px,7.2vw,33px) !important;
  }
  .fic-page .filters {
    padding: 13px 0 20px !important;
  }
  .fic-page .cards .subject {
    padding: 16px 3px !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: 'name' 'tags' 'preview' 'foot' !important;
    row-gap: 6px !important;
  }
  .fic-page .cards .subject .tagrow {
    justify-content: flex-start !important;
  }
  .fic-page .cards .subject .foot {
    justify-content: flex-start !important;
  }
  .fic-page .cards .subject h3 {
    font-size: 12px !important;
  }
  .fic-subject {
    padding: 14px 4px !important;
  }
  .v12-intro h1 {
    font-size: 30px !important;
  }
  .v12-game-picker {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
  .v12-game-choice {
    padding: 12px 3px !important;
  }
  .v12-game-choice strong {
    font-size: 9px !important;
  }
  .v12-game-info h2 {
    font-size: 18px !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .site .fic-cosmos__planet img {
    animation: none !important;
  }
}
.site .overline,.site .tagline,.site .eyebrow,.site .subtitle,
.site .fic-satellite,.site .fic-satellite--cv,.site .fic-satellite--ai,
.site .fic-satellite__orb,.site .fic-satellite__orb svg {
  color: var(--ink) !important;
}
.site .overline::before,.site .tagline::before {
  background: var(--ink) !important;
}
.site .fv-backdrop,.site .fv-backdrop__wash,.site .fv-backdrop__mesh,
.site .fv-backdrop__rings,.site .fv-backdrop__stars,.site .fv-backdrop__beam,
.site .fic-cosmos__planet-shine {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}
.site .fic-satellite--cv .fic-satellite__orb,
.site .fic-satellite--ai .fic-satellite__orb {
  background: var(--bg) !important;
  background-image: none !important;
  border: 1px solid var(--ink) !important;
  color: var(--ink) !important;
}
.site footer,.site footer.container {
  border-color: var(--line) !important;
}
html .fv-header .fv-navigation a.fv-arcade-nav-link,
html .fv-header .fv-navigation a.fv-arcade-nav-link:not([aria-current="page"]) {
  border-color: var(--line) !important;
}
html .fv-header .fv-navigation a.fv-arcade-nav-link[aria-current="page"] {
  border-color: var(--ink) !important;
}
.fic-page .cards .subject h3,.fic-page .cards .subject .preview {
  color: var(--ink) !important;
}
.fic-page .cards .subject .preview {
  color: var(--sub) !important;
}
.fic-page .overlay {
  background: rgba(0,0,0,.8) !important;
}
.fic-page .fv-caution,.fic-page .fv-unavailable,
html[data-theme="dark"] .fic-page .fv-caution,
html[data-theme="dark"] .fic-page .fv-unavailable {
  background: var(--bg) !important;
  color: var(--ink) !important;
  border-color: var(--ink) !important;
  border-radius: 2px !important;
}
.fv-header .fv-drawer-nav .fv-arcade-nav-link {
  border: 1px solid var(--line) !important;
  border-radius: 2px !important;
  background: transparent !important;
  color: var(--ink) !important;
}
.site footer.container {
  border-top-color: #d2d2d2 !important;
}
html[data-theme="dark"] .site footer.container {
  border-top-color: #414141 !important;
}
html[data-theme="dark"] .site .gradient-word,
html[data-theme="light"] .site .gradient-word,
html[data-theme="dark"] .site .gradient-word *,
html[data-theme="light"] .site .gradient-word * {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  background: transparent !important;
  background-image: none !important;
}
html[data-theme="dark"] .fic-page .years-note,
html[data-theme="dark"] .fic-page .fic-footer,
html[data-theme="dark"] .fic-page .fic-footer-info {
  color: var(--sub) !important;
}
html,body,button,input,select,textarea,option,kbd,code,pre,summary,label,
* , *::before, *::after {
  font-family: 'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
:is(h1,h2,h3,h4,h5,h6,
.site #home-title,
.fic-page .hero h1,
.fic-page .heading h2,
.v12-intro h1,
.v12-game-info h2,
.modalhead h2,
.fic-page .detailh,
.fic-year-title h3,
.fic-subject h3,
.fic-page .cards .subject h3,
.fic-page .calcbox .calcintro h3,
.fic-section-heading h2,
.hero h1) {
  font-family: 'Zen Dots',system-ui,sans-serif !important;
  letter-spacing: -0.035em !important;
}
:is(.metric strong,
.fic-summary strong,
.v12-game-metric strong,
.fic-page .heading #resultcount,
.fic-page .cards .subject .foot span,
.modalhead .tagrow .tag,
.fic-page .cards .subject .tag,
.fic-status-btn,
.fic-year-bulk button,
.fv-language button,
.fv-theme-switch button) {
  font-family: 'Zen Dots',system-ui,sans-serif !important;
}
body,
.site .subtitle,.site .lead,.site .intro p,
.fic-page .hero p,
.fic-page .field input,.fic-page .field select,
.fic-page .cards .subject .preview,
.fic-page .cards .subject .foot,
.fic-page .detail p,.fic-page .detail li,.fic-page .detail ul,
.fic-page .modal small,
.fic-guide-link,
.fic-subject-tags,
.fic-page .button,.fic-page button,
.fv-header,
.fv-header a,
.fv-header button {
  font-family: 'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}
body {
  font-size: 14px !important;
  line-height: 1.65 !important;
}
.fv-header {
  backdrop-filter: none !important;
}
.fv-header .fv-header-inner {
  grid-template-columns: auto 1fr auto !important;
  grid-template-areas: 'brand nav tools' !important;
  min-height: 74px !important;
  gap: 18px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.fv-header .fv-header-brand .fic-brand {
  font-family: 'Zen Dots',system-ui,sans-serif !important;
  font-size: 30px !important;
}
.fv-header .fv-navigation {
  justify-self: center !important;
  justify-content: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  background: transparent !important;
}
.fv-header .fv-navigation a,
.fv-header .fv-navigation a[aria-current="page"] {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 999px !important;
  line-height: 1.1 !important;
}
.fv-header .fv-navigation a {
  color: var(--sub) !important;
  background: transparent !important;
}
.fv-header .fv-navigation a:hover {
  background: var(--blue-soft) !important;
  color: var(--ink) !important;
}
.fv-header .fv-navigation a[aria-current="page"] {
  background: var(--ink) !important;
  color: var(--bg) !important;
}
.fv-header .fv-navigation a.fv-arcade-nav-link,
.fv-header .fv-navigation a.fv-arcade-nav-link[aria-current="page"] {
  border: 0 !important;
}
.fv-header .fv-header-actions {
  gap: 8px !important;
  align-items: center !important;
}
.fv-header .fv-language,
.fv-header .fv-theme-switch,
.fv-header .creator-social a {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
}
.fv-header .fv-language {
  grid-template-columns: repeat(2,40px) !important;
}
.fv-header .fv-language button,
.fv-header .fv-theme-switch button {
  min-width: 40px !important;
  width: 40px !important;
  min-height: 34px !important;
  height: 34px !important;
  font-size: 11px !important;
}
.fv-header .fv-language::before {
  width: 40px !important;
  height: 34px !important;
}
.fv-header .fv-language[data-active="gl"]::before {
  transform: translateX(41px) !important;
}
.fv-header .fv-header-credits {
  gap: 8px !important;
}
.fv-header .fv-header-credits .creator-label {
  font-family: 'Zen Dots',system-ui,sans-serif !important;
  font-size: 11px !important;
}
.fv-header .fv-header-credits .creator-social a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  min-width: auto !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.fv-header .fv-header-credits .creator-social svg {
  width: 16px !important;
  height: 16px !important;
}
.fic-page .heading {
  margin: 28px 0 18px !important;
}
.fic-page .heading h2 {
  font-size: 30px !important;
}
.fic-page .heading #resultcount {
  font-size: 11px !important;
  color: var(--sub) !important;
}
.fic-page .cards {
  gap: 0 !important;
}
.fic-page .cards .subject {
  grid-template-columns: minmax(0,1fr) 250px !important;
  grid-template-areas: 'name foot' 'preview foot' 'tags foot' !important;
  row-gap: 10px !important;
  column-gap: 34px !important;
  padding: 24px 8px 24px 8px !important;
  min-height: 0 !important;
}
.fic-page .cards .subject h3 {
  font-size: 26px !important;
  line-height: 1.22 !important;
  margin: 0 !important;
}
.fic-page .cards .subject .preview {
  font-size: 15px !important;
  line-height: 1.72 !important;
  color: var(--sub) !important;
  max-width: 820px !important;
  -webkit-line-clamp: 3 !important;
}
.fic-page .cards .subject .tagrow {
  grid-area: tags !important;
  justify-content: flex-start !important;
  align-self: start !important;
  gap: 10px !important;
  margin-top: 2px !important;
}
.fic-page .cards .subject .foot {
  grid-area: foot !important;
  align-self: center !important;
  justify-content: center !important;
  align-items: flex-end !important;
  flex-direction: column !important;
  gap: 10px !important;
  font-size: 11px !important;
  text-align: right !important;
}
.fic-page .cards .subject .foot .linkhint {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
.fic-page .subject :is(.tag,.pill,.badge),
.fic-page .modal .tagrow .tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 12px !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--sub) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
.overlay {
  padding: 24px !important;
}
.fic-page .modal {
  width: min(1120px, calc(100vw - 48px)) !important;
  max-height: min(92vh, 980px) !important;
  padding: 34px 40px !important;
  border-radius: 14px !important;
}
.fic-page .modalhead {
  align-items: flex-start !important;
  gap: 24px !important;
  margin-bottom: 10px !important;
}
.fic-page .modalhead h2 {
  font-size: clamp(42px, 4vw, 62px) !important;
  line-height: 1.06 !important;
  margin: 16px 0 12px !important;
  max-width: 860px !important;
}
.fic-page .modalhead small {
  font-size: 14px !important;
  color: var(--sub) !important;
}
.fic-page .close {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  width: 48px !important;
  height: 48px !important;
  color: var(--ink) !important;
}
.fic-page .detailh {
  display: block !important;
  font-size: 24px !important;
  margin: 34px 0 10px !important;
}
.fic-page .detailh::before {
  display: none !important;
}
.fic-page .detail,
.fic-page .section {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 18px 0 0 !important;
}
.fic-page .detail p,
.fic-page .detail li,
.fic-page .detail ul {
  font-size: 15px !important;
  line-height: 1.82 !important;
  color: var(--ink) !important;
}
.fic-page .detail ul {
  padding-left: 22px !important;
}
.fic-page .syllabus-list {
  gap: 14px !important;
}
.fic-page .syllabus-item,
.fic-page .metric,
.fic-page .alert {
  background: transparent !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
}
.fic-page .metricgrid {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 12px !important;
}
.fic-page .metric strong {
  font-size: 30px !important;
}
.fic-page .actions a {
  border-radius: 999px !important;
  padding: 12px 16px !important;
}
.fic-page .filters {
  padding: 16px 0 22px !important;
}
.fic-page .field label,.fic-course-field label {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  color: var(--sub) !important;
}
.fic-page .field input,
.fic-page .field select,
.fic-course-field select,
.fic-course-field input {
  font-size: 15px !important;
  min-height: 46px !important;
  padding: 10px 6px !important;
}
@media (max-width: 1180px) {
  .fic-page .cards .subject {
    grid-template-columns: minmax(0,1fr) 220px !important;
    column-gap: 24px !important;
  }
  .fic-page .modal {
    width: min(100vw - 28px, 980px) !important;
  }
}
@media (max-width: 980px) {
  .fv-header .fv-header-inner {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas: 'brand tools' !important;
  }
  .fv-header .fv-header-inner > .fv-navigation {
    display: none !important;
  }
  .fv-header .fv-header-actions > .fv-header-credits {
    display: none !important;
  }
  .fic-page .cards .subject {
    grid-template-columns: 1fr !important;
    grid-template-areas: 'name' 'preview' 'tags' 'foot' !important;
    padding: 22px 4px !important;
  }
  .fic-page .cards .subject .foot {
    align-items: flex-start !important;
    text-align: left !important;
    padding-top: 4px !important;
  }
  .fic-page .modal {
    width: min(100vw - 24px, 860px) !important;
    padding: 28px 24px !important;
  }
  .fic-page .modalhead h2 {
    font-size: clamp(30px, 7vw, 46px) !important;
  }
  .fic-page .metricgrid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 560px) {
  body {
    font-size: 13px !important;
  }
  .fv-header .fv-header-brand .fic-brand {
    font-size: 24px !important;
  }
  .fic-page .heading h2 {
    font-size: 24px !important;
  }
  .fic-page .cards .subject h3 {
    font-size: 21px !important;
  }
  .fic-page .cards .subject .preview {
    font-size: 14px !important;
  }
  .fic-page .modal {
    padding: 22px 18px !important;
  }
  .fic-page .detailh {
    font-size: 20px !important;
  }
  .fic-page .metricgrid {
    grid-template-columns: 1fr !important;
  }
}
:root,html[data-theme="light"] {
  --bg: #FAF9F6;
  --white: #FFFFFF;
  --surface: #FFFFFF;
  --panel: #F3F0EC;
  --panel2: #E9E4DE;
  --ink: #292521;
  --sub: #5C534D;
  --muted: #71665F;
  --border: #DCD5CE;
  --line: #DCD5CE;
  --blue: #A64C35;
  --a: #A64C35;
  --brand: #A64C35;
  --brand-hi: #92412D;
  --blue-soft: #F9EEE9;
  --brand-glow: transparent;
  --aura: transparent;
  --studio-lime: #A64C35;
  --studio-lime-ink: #FFFFFF;
  --studio-peach: #EED7CC;
  --studio-outline: #DCD5CE;
  --studio-elev: none;
  --shadow: none;
  --lime: #A64C35;
  --purple: #A64C35;
  --fv-page: #FAF9F6;
  --fv-card: #FFFFFF;
  --fv-soft: #F3F0EC;
  --fv-soft2: #E9E4DE;
  --fv-ink: #292521;
  --fv-sub: #5C534D;
  --fv-accent: #A64C35;
  --fv-brand-soft: #F9EEE9;
  --fv-border: #DCD5CE;
  --fv-elevation: none;
  --fv-grid: transparent;
  --fic-accent-soft: #F4E0D6;
  --fic-note: #F8F1ED;
  color-scheme: light;
}
html[data-theme="dark"] {
  --bg: #171615;
  --white: #221F1D;
  --surface: #221F1D;
  --panel: #2B2724;
  --panel2: #38322E;
  --ink: #F8F4EF;
  --sub: #D7CDC4;
  --muted: #B1A49A;
  --border: #534B45;
  --line: #534B45;
  --blue: #F0B39A;
  --a: #F0B39A;
  --brand: #F0B39A;
  --brand-hi: #FACBB7;
  --blue-soft: #3B2D28;
  --brand-glow: transparent;
  --aura: transparent;
  --studio-lime: #F0B39A;
  --studio-lime-ink: #2E201B;
  --studio-peach: #5D453A;
  --studio-outline: #534B45;
  --studio-elev: none;
  --shadow: none;
  --lime: #F0B39A;
  --purple: #F0B39A;
  --fv-page: #171615;
  --fv-card: #221F1D;
  --fv-soft: #2B2724;
  --fv-soft2: #38322E;
  --fv-ink: #F8F4EF;
  --fv-sub: #D7CDC4;
  --fv-accent: #F0B39A;
  --fv-brand-soft: #3B2D28;
  --fv-border: #534B45;
  --fv-elevation: none;
  --fv-grid: transparent;
  --fic-accent-soft: #473029;
  --fic-note: #2C2421;
  color-scheme: dark;
}
body,body.fic-page,.site,.arcade-shell {
  background: var(--bg) !important;
  color: var(--ink) !important;
  background-image: none !important;
}
body {
  font-size: 16px !important;
  line-height: 1.62 !important;
}
::selection {
  background: var(--brand) !important;
  color: var(--studio-lime-ink) !important;
}
:where(a,button,input,select,textarea):focus-visible {
  outline: 2px solid var(--brand) !important;
  outline-offset: 3px !important;
}
.fic-page .hero h1 {
  font-size: clamp(32px,3.4vw,51px) !important;
  line-height: 1.24 !important;
}
.fic-page .hero p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  max-width: 850px !important;
}
.site #home-title {
  font-size: clamp(44px,5vw,76px) !important;
  line-height: 1.18 !important;
}
.site .subtitle,.site .lead,.site .intro p {
  font-size: clamp(15px,1.3vw,17px) !important;
  line-height: 1.75 !important;
}
.site .eyebrow,.site .kicker,.v12-eyebrow,.fic-page .kicker {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--brand) !important;
}
.site .gradient-word,.site .gradient-word *, .brand-word .brand-accent,.v12-intro h1 span {
  background: none !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--brand) !important;
}
.fic-page .heading h2 {
  font-size: clamp(22px,2.1vw,29px) !important;
}
.v12-intro h1 {
  font-size: clamp(36px,4vw,54px) !important;
}
.v12-intro p {
  font-size: 16px !important;
  line-height: 1.75 !important;
}
.fv-header .fv-header-brand .fic-brand {
  font-size: 25px !important;
  letter-spacing: -.055em !important;
}
.fv-header {
  background: var(--surface) !important;
  border-bottom: 1px solid var(--line) !important;
}
.fv-header .fv-header-inner,.arcade-shell .fv-header .fv-header-inner.container {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(175px,1fr) auto minmax(285px,1fr) !important;
  grid-template-areas: 'brand nav tools' !important;
  align-items: center !important;
  min-height: 76px !important;
  gap: 14px !important;
  padding: 12px 0 !important;
  width: min(1400px,calc(100% - 44px)) !important;
  max-width: 1400px !important;
}
.fv-header .fv-header-brand {
  grid-area: brand !important;
  justify-self: start !important;
  min-width: 0 !important;
}
.fv-header .fv-navigation {
  grid-area: nav !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  position: static !important;
  left: auto !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.fv-header .fv-navigation .fv-nav-main {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 4px !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background: var(--panel) !important;
  box-shadow: none !important;
}
.fv-header .fv-navigation .fv-nav-main a,
.fv-header .fv-navigation .fv-nav-main a[aria-current="page"] {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  min-height: 35px !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  background: transparent !important;
  color: var(--sub) !important;
}
.fv-header .fv-navigation .fv-nav-main a[aria-current="page"] {
  background: var(--brand) !important;
  color: var(--studio-lime-ink) !important;
}
.fv-header .fv-navigation .fv-nav-main a:hover:not([aria-current="page"]) {
  background: var(--blue-soft) !important;
  color: var(--ink) !important;
}
html .fv-header .fv-navigation a.fv-arcade-nav-link,
html .fv-header .fv-navigation a.fv-arcade-nav-link[aria-current="page"],
html .fv-header .fv-navigation a.fv-arcade-nav-link:not([aria-current="page"]) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 87px !important;
  width: 87px !important;
  max-width: 87px !important;
  min-height: 41px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  background: var(--panel) !important;
  color: var(--sub) !important;
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
html .fv-header .fv-navigation a.fv-arcade-nav-link[aria-current="page"] {
  background: var(--brand) !important;
  color: var(--studio-lime-ink) !important;
  border-color: var(--brand) !important;
}
.fv-header .fv-header-actions {
  grid-area: tools !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.fv-header .fv-preferences {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}
.fv-header .fv-language,.fv-header .fv-theme-switch,.fv-header .fv-theme-toggle,
.fv-header .fv-mobile-menu,.fv-header .creator-social a {
  border-radius: 999px !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}
.fv-header .fv-language {
  display: grid !important;
  grid-template-columns: repeat(2,37px) !important;
  gap: 2px !important;
  box-sizing: content-box !important;
  height: 37px !important;
  min-height: 37px !important;
  padding: 3px !important;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  overflow: hidden !important;
}
.fv-header .fv-language::before {
  box-sizing: border-box !important;
  width: 37px !important;
  height: 37px !important;
  top: 3px !important;
  left: 3px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--brand) !important;
  box-shadow: none !important;
  transform: translateX(0) !important;
  transition: transform .33s cubic-bezier(.2,.8,.2,1) !important;
}
.fv-header .fv-language[data-active="gl"]::before {
  transform: translateX(39px) !important;
}
.fv-header .fv-language button {
  box-sizing: border-box !important;
  min-width: 37px !important;
  width: 37px !important;
  min-height: 37px !important;
  height: 37px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--sub) !important;
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}
.fv-header .fv-language button[aria-pressed="true"] {
  color: var(--studio-lime-ink) !important;
}
.fv-header .fv-theme-switch,.fv-header .fv-theme-toggle {
  width: 43px !important;
  height: 43px !important;
  min-width: 43px !important;
  min-height: 43px !important;
  background: var(--panel) !important;
  overflow: hidden !important;
}
.fv-header .fv-theme-toggle {
  background: transparent !important;
  color: var(--brand) !important;
}
.fv-header .fv-header-credits .creator-label {
  color: var(--sub) !important;
  font-size: 12px !important;
}
.fv-header .fv-header-credits .creator-social a {
  height: 41px !important;
  min-height: 41px !important;
  background: var(--panel) !important;
  color: var(--ink) !important;
  font-size: 12px !important;
  padding: 0 11px !important;
}
.fv-header .fv-header-credits .creator-social a:hover {
  background: var(--blue-soft) !important;
  color: var(--brand) !important;
}
.fv-header .fv-mobile-drawer {
  background: var(--surface) !important;
  border-color: var(--line) !important;
}
.fv-header .fv-drawer-nav a[aria-current="page"] {
  color: var(--brand) !important;
  background: var(--blue-soft) !important;
}
.fic-page .hero {
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
}
.fic-page .filters {
  border-bottom: 1px solid var(--line) !important;
}
.fic-page .field label,.fic-course-field label {
  color: var(--sub) !important;
  font-size: 12px !important;
  letter-spacing: .015em !important;
}
.fic-page .field input,.fic-page .field select,.fic-course-field :is(input,select) {
  color: var(--ink) !important;
  background: var(--surface) !important;
  font-size: 15px !important;
  min-height: 47px !important;
  padding: 11px 12px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.fic-page .field :is(input,select):focus,.fic-course-field :is(input,select):focus-visible {
  border: 1px solid var(--brand) !important;
}
.fic-page .cards {
  gap: 12px !important;
}
.fic-page .cards .subject {
  grid-template-columns: minmax(0,1fr) 220px !important;
  grid-template-areas: 'name foot' 'preview foot' 'tags foot' !important;
  row-gap: 12px !important;
  column-gap: 38px !important;
  padding: 24px 24px 24px 30px !important;
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--brand) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transition: border-color .16s,background-color .16s !important;
}
.fic-page .cards .subject:hover,.fic-page .cards .subject:focus-visible {
  transform: none !important;
  border-color: var(--brand) !important;
  background: var(--blue-soft) !important;
}
.fic-page .cards .subject h3 {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 21px !important;
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
  line-height: 1.35 !important;
  color: var(--ink) !important;
}
.fic-page .cards .subject .preview {
  font-size: 15px !important;
  color: var(--sub) !important;
  line-height: 1.65 !important;
  max-width: 760px !important;
}
.fic-page .cards .subject .foot {
  gap: 13px !important;
  color: var(--sub) !important;
  font-size: 12px !important;
}
.fic-page .cards .subject .foot span:first-child {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 12px !important;
}
.fic-page .cards .subject .foot .linkhint {
  color: var(--brand) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}
.fic-page .subject :is(.tag,.pill,.badge) {
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  border-radius: 6px !important;
  color: var(--sub) !important;
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 12px !important;
  padding: 5px 9px !important;
}
.fic-page .heading #resultcount {
  font-size: 13px !important;
  color: var(--sub) !important;
}
.fic-page .modal {
  background: var(--surface) !important;
  border-color: var(--line) !important;
  border-radius: 14px !important;
  width: min(1110px,calc(100vw - 44px)) !important;
  max-height: 92vh !important;
}
.fic-page .modalhead h2 {
  font-size: clamp(28px,3vw,48px) !important;
  line-height: 1.22 !important;
}
.fic-page .modalhead small {
  font-size: 14px !important;
  color: var(--sub) !important;
}
.fic-page .modal .tagrow .tag {
  background: var(--panel) !important;
  color: var(--sub) !important;
  border-radius: 6px !important;
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 12px !important;
}
.fic-page .detailh {
  font-size: clamp(17px,1.6vw,21px) !important;
  line-height: 1.5 !important;
  color: var(--ink) !important;
}
.fic-page .detail {
  border-color: var(--line) !important;
}
.fic-page .detail p,.fic-page .detail li,.fic-page .detail ul {
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: var(--ink) !important;
}
.fic-page .section-caption,.fic-page .low {
  font-size: 14px !important;
  color: var(--sub) !important;
}
.fic-page .close {
  border-color: var(--line) !important;
  color: var(--ink) !important;
  background: var(--panel) !important;
}
.fic-page .metric,.fic-page .syllabus-item {
  background: var(--panel) !important;
  border-color: var(--line) !important;
}
.v12-intro {
  padding-top: 32px !important;
}
.fic-course-toolbar {
  gap: 16px !important;
}
.fic-course-field label {
  font-size: 12px !important;
  color: var(--sub) !important;
}
.fic-progress-section {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 13px !important;
  padding: 24px 26px !important;
}
.fic-summary>span {
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: var(--sub) !important;
}
.fic-summary strong {
  font-size: clamp(26px,3vw,37px) !important;
  color: var(--ink) !important;
}
.fic-summary:first-child strong {
  color: var(--brand) !important;
}
.fic-progress-heading {
  font-size: 14px !important;
}
.fic-progress-note {
  font-size: 13px !important;
  line-height: 1.6 !important;
}
.fic-progress-track {
  height: 9px !important;
  border-radius: 999px !important;
  background: var(--panel) !important;
}
.fic-progress-track span {
  background: var(--brand) !important;
  background-image: none !important;
  border-radius: 999px !important;
}
.fic-section-heading h2 {
  font-size: clamp(22px,2.5vw,29px) !important;
}
.fic-section-heading p {
  font-size: 14px !important;
  color: var(--sub) !important;
}
.fic-actions button,.fic-import-button {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  border-radius: 9px !important;
  min-height: 41px !important;
  padding: 10px 12px !important;
  background: var(--surface) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
}
.fic-year-title {
  border-bottom: 2px solid var(--line) !important;
  margin-top: 10px !important;
  padding: 0 0 14px !important;
}
.fic-year-title h3 {
  font-size: 19px !important;
}
.fic-year-title span {
  font-size: 13px !important;
  color: var(--sub) !important;
}
.fic-year-list {
  gap: 10px !important;
  border: 0 !important;
}
.fic-subject,.fic-subject:first-child {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--line) !important;
  border-radius: 10px !important;
  padding: 18px 22px !important;
  gap: 20px !important;
  align-items: center !important;
  transition: background .18s,border-color .18s !important;
}
.fic-subject:hover {
  background: var(--blue-soft) !important;
  border-color: var(--brand) !important;
}
.fic-subject.fic-mark-done {
  border-left-color: var(--brand) !important;
}
.fic-subject.fic-mark-now {
  border-left-color: var(--muted) !important;
}
.fic-subject h3,.fic-subject .fic-subject-details h3 {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  letter-spacing: -.015em !important;
  line-height: 1.4 !important;
  color: var(--ink) !important;
  margin: 4px 0 8px !important;
}
.fic-subject-tags {
  font-size: 12px !important;
  line-height: 1.5 !important;
  font-weight: 550 !important;
  color: var(--sub) !important;
  margin: 0 0 5px !important;
}
.fic-guide-link {
  font-size: 13px !important;
  font-weight: 650 !important;
  color: var(--brand) !important;
  text-underline-offset: 3px !important;
}
.fic-status-control {
  flex: 0 0 auto !important;
  display: flex !important;
  gap: 3px !important;
  padding: 4px !important;
  border: 1px solid var(--line) !important;
  border-radius: 999px !important;
  background: var(--panel) !important;
}
.fic-status-btn {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  padding: 11px 13px !important;
  border-radius: 999px !important;
  border: 0 !important;
  color: var(--sub) !important;
  background: transparent !important;
}
.fic-status-btn.is-selected {
  background: var(--brand) !important;
  color: var(--studio-lime-ink) !important;
}
.fic-status-btn:not(.is-selected):hover {
  background: var(--blue-soft) !important;
  color: var(--ink) !important;
}
.fic-year-bulk button,.fic-year-bulk button[aria-pressed="true"] {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 11px 14px !important;
  border-radius: 999px !important;
  min-height: 40px !important;
}
.fic-year-bulk button:not([aria-pressed="true"]) {
  background: var(--surface) !important;
  color: var(--sub) !important;
  border-color: var(--line) !important;
}
.fic-year-bulk button[aria-pressed="true"] {
  background: var(--brand) !important;
  color: var(--studio-lime-ink) !important;
  border-color: var(--brand) !important;
}
.fic-pending-info,.fic-pending-placeholder,.fic-empty {
  background: var(--surface) !important;
  border-radius: 12px !important;
}
.v12-game-choice,.v12-game-choice:hover,.v12-game-choice.active {
  background: var(--surface) !important;
}
.v12-game-choice {
  border: 1px solid var(--line) !important;
  border-bottom: 2px solid var(--line) !important;
  border-radius: 10px !important;
  min-height: 60px !important;
  gap: 11px !important;
  padding: 14px 10px !important;
}
.v12-game-choice:hover {
  border-color: var(--brand) !important;
}
.v12-game-choice.active {
  background: var(--blue-soft) !important;
  border: 1px solid var(--brand) !important;
  border-bottom: 3px solid var(--brand) !important;
}
.v12-game-choice .v12-glyph {
  color: var(--brand) !important;
}
.v12-game-choice strong {
  font-family: 'Inter',system-ui,sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
}
.v12-game-info h2 {
  font-size: clamp(22px,2vw,30px) !important;
}
.v12-game-info>p {
  font-size: 15px !important;
  color: var(--sub) !important;
  line-height: 1.7 !important;
}
.v12-game-metric small {
  font-size: 12px !important;
  color: var(--sub) !important;
}
.v12-game-metric strong {
  font-size: 30px !important;
  color: var(--brand) !important;
}
.v12-game-frame {
  border: 1px solid var(--line) !important;
  border-radius: 13px !important;
  background: var(--surface) !important;
  overflow: hidden !important;
}
.v12-game-overlay {
  background: #211A18 !important;
  background-image: none !important;
  color: #F8F4EF !important;
}
.v12-game-overlay h3,.v12-game-overlay p,.v12-controls-list {
  color: #F8F4EF !important;
}
.v12-play-button,.v12-play-button:hover {
  background: #F0B39A !important;
  background-image: none !important;
  border: 1px solid #F0B39A !important;
  color: #2E201B !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  font-weight: 750 !important;
}
.v12-footer {
  font-size: 13px !important;
  color: var(--sub) !important;
}
.v12-canvas-wrap canvas {
  filter: grayscale(1) contrast(1.08) !important;
}
.fic-page .coursebar .course.active,.fic-page .fv-opportunity-choice[aria-pressed="true"],
.fic-page .fv-calc-opportunity button[aria-pressed="true"] {
  background: var(--brand) !important;
  color: var(--studio-lime-ink) !important;
  border-color: var(--brand) !important;
}
.fic-page .calcbox {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 13px !important;
}
.fic-page .calcbox .calcintro h3 {
  font-size: clamp(23px,2.3vw,31px) !important;
}
.fic-page .calcbox :is(input,select) {
  color: var(--ink) !important;
}
.site .action,.site .action.primary,.site .action.secondary,.site .action.tertiary {
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
}
.site .action.primary {
  background: var(--brand) !important;
  color: var(--studio-lime-ink) !important;
  border-color: var(--brand) !important;
}
.site .action.secondary,.site .action.tertiary {
  background: var(--surface) !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
}
.site .disclaimer {
  font-size: 13px !important;
  color: var(--sub) !important;
}
.site .fic-cosmos__planet img {
  filter: grayscale(1) contrast(1.13) !important;
}
.site .fic-cosmos__planet {
  box-shadow: none !important;
  filter: grayscale(1) !important;
}
@media (max-width:1320px) and (min-width:1101px) {
  .fv-header .fv-header-inner,.arcade-shell .fv-header .fv-header-inner.container {
    grid-template-columns: auto 1fr auto !important;
    gap: 10px !important;
    width: calc(100% - 28px) !important;
  }
  .fv-header .fv-navigation {
    gap: 5px !important;
  }
  .fv-header .fv-navigation .fv-nav-main a {
    padding: 9px 10px !important;
    font-size: 12px !important;
  }
  .fv-header .fv-header-credits .creator-social a span {
    display: none !important;
  }
  .fv-header .fv-header-credits .creator-social a {
    width: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
}
@media (max-width:1100px) {
  .fv-header .fv-header-inner,.arcade-shell .fv-header .fv-header-inner.container {
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas: 'brand tools' !important;
    gap: 12px !important;
    width: calc(100% - 32px) !important;
    min-height: 70px !important;
  }
  .fv-header .fv-header-inner > .fv-navigation {
    display: none !important;
  }
  .fv-header .fv-header-actions > .fv-header-credits {
    display: none !important;
  }
  .fv-header .fv-mobile-menu {
    display: inline-flex !important;
    width: 43px !important;
    height: 43px !important;
    min-width: 43px !important;
    min-height: 43px !important;
  }
  .fic-page .cards .subject {
    grid-template-columns: minmax(0,1fr) 190px !important;
  }
  .fic-subject {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}
@media (max-width:760px) {
  .fic-page .shell,.v12-main {
    width: calc(100% - 32px) !important;
  }
  .fic-page .cards .subject {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: 'name' 'preview' 'tags' 'foot' !important;
    padding: 19px 20px !important;
    gap: 9px !important;
  }
  .fic-page .cards .subject h3 {
    font-size: 18px !important;
  }
  .fic-page .cards .subject .foot {
    align-items: flex-start !important;
    text-align: left !important;
    gap: 4px !important;
  }
  .fic-page .hero {
    padding: 30px 0 !important;
  }
  .fic-page .hero p {
    font-size: 15px !important;
  }
  .fic-page .modal {
    width: calc(100vw - 20px) !important;
    padding: 22px 18px !important;
  }
  .fic-page .modalhead h2 {
    font-size: clamp(24px,6vw,37px) !important;
  }
  .fic-page .detail p,.fic-page .detail li,.fic-page .detail ul {
    font-size: 15px !important;
  }
  .fic-progress-section {
    padding: 18px !important;
  }
  .fic-summary-grid {
    gap: 15px !important;
  }
  .fic-summary>span {
    font-size: 11px !important;
  }
  .fic-summary strong {
    font-size: 25px !important;
  }
  .fic-subject {
    padding: 17px 16px !important;
  }
  .fic-subject h3 {
    font-size: 16px !important;
  }
  .fic-status-control {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: space-between !important;
  }
  .fic-status-btn {
    flex: 1 !important;
    padding: 11px 5px !important;
    font-size: 12px !important;
  }
  .fic-year-bulk button {
    font-size: 11px !important;
    padding: 9px 11px !important;
  }
  .v12-game-choice strong {
    font-size: 13px !important;
  }
  .v12-game-choice {
    min-height: 55px !important;
  }
}
@media (max-width:440px) {
  .fv-header .fv-header-brand .fic-brand {
    font-size: 21px !important;
  }
  .fv-header .fv-header-actions {
    gap: 6px !important;
  }
  .fv-header .fv-language {
    grid-template-columns: repeat(2,33px) !important;
    height: 33px !important;
    min-height: 33px !important;
  }
  .fv-header .fv-language::before {
    width: 33px !important;
    height: 33px !important;
  }
  .fv-header .fv-language[data-active="gl"]::before {
    transform: translateX(35px) !important;
  }
  .fv-header .fv-language button {
    width: 33px !important;
    min-width: 33px !important;
    height: 33px !important;
    min-height: 33px !important;
  }
  .fv-header .fv-theme-switch,.fv-header .fv-theme-toggle,.fv-header .fv-mobile-menu {
    width: 39px !important;
    min-width: 39px !important;
    height: 39px !important;
    min-height: 39px !important;
  }
  .fic-page .metricgrid {
    grid-template-columns: 1fr !important;
  }
}
@media (prefers-reduced-motion:reduce) {
  .fv-header .fv-language::before {
    transition: none !important;
  }
}
.fv-header .fv-navigation {
  transform: none !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
}
:root {
  --fv-title-font: 'Space Grotesk','Inter',system-ui,sans-serif;
}
:is(h1,h2,h3,h4,h5,h6,
    .site #home-title,
    .fic-page .hero h1,
    .fic-page .heading h2,
    .v12-intro h1,
    .v12-game-info h2,
    .v12-game-overlay h3,
    .fic-page .modalhead h2,
    .fic-page .detailh,
    .fic-page .calcbox .calcintro h3,
    .fic-year-title h3,
    .fic-section-heading h2,
    .fic-page .cards .subject h3,
    .fic-subject h3,
    .fic-subject .fic-subject-details h3) {
  font-family: var(--fv-title-font) !important;
  font-weight: 700 !important;
  letter-spacing: -.032em !important;
  text-wrap: pretty;
}
.site #home-title {
  letter-spacing: -.045em !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
}
.fic-page .hero h1 {
  line-height: 1.12 !important;
  font-weight: 700 !important;
}
.fic-page .heading h2,
.fic-page .detailh,
.fic-page .modalhead h2,
.v12-intro h1 {
  line-height: 1.2 !important;
}
.fic-page .cards .subject h3,
.fic-subject .fic-subject-details h3 {
  letter-spacing: -.016em !important;
  line-height: 1.35 !important;
}
.fic-page .detailh {
  font-weight: 650 !important;
}
.fic-page .modalhead h2 {
  font-weight: 700 !important;
}
.fic-page .cards .subject h3 {
  font-weight: 700 !important;
}
.fic-page .subject .preview,
.fic-page .detail p,
.fic-page .detail li,
.fic-page .detail ul {
  letter-spacing: 0 !important;
}
.fv-header .fv-header-brand .fic-brand,
.fv-header .brand-word,
.fic-summary strong,
.v12-game-metric strong,
.fic-page .metric strong,
.fic-page .heading #resultcount {
  font-family: 'Zen Dots',system-ui,sans-serif !important;
}
@media (max-width:760px) {
  .site #home-title {
    line-height: 1.11 !important;
  }
  .fic-page .hero h1 {
    line-height: 1.15 !important;
  }
  .fic-page .modalhead h2 {
    line-height: 1.17 !important;
  }
}
:root,html[data-theme="light"] {
  --bg: #F8F6F4;
  --white: #FFFEFC;
  --surface: #FFFEFC;
  --panel: #F1EDE9;
  --panel2: #E8E2DD;
  --ink: #292522;
  --sub: #635A54;
  --muted: #756C66;
  --border: #DED8D2;
  --line: #DED8D2;
  --studio-outline: #DED8D2;
  --blue-soft: #F4EAE4;
  --fv-page: #F8F6F4;
  --fv-card: #FFFEFC;
  --fv-soft: #F1EDE9;
  --fv-soft2: #E8E2DD;
  --fv-ink: #292522;
  --fv-sub: #635A54;
  --fv-border: #DED8D2;
  --fic-shell: #FFFEFC;
}
html[data-theme="dark"] {
  --bg: #1D1C1C;
  --white: #252323;
  --surface: #252323;
  --panel: #2C2928;
  --panel2: #34302F;
  --ink: #F6F3F1;
  --sub: #CEC7C2;
  --muted: #ADA49D;
  --border: #494442;
  --line: #494442;
  --studio-outline: #494442;
  --blue-soft: #352C29;
  --fv-page: #1D1C1C;
  --fv-card: #252323;
  --fv-soft: #2C2928;
  --fv-soft2: #34302F;
  --fv-ink: #F6F3F1;
  --fv-sub: #CEC7C2;
  --fv-border: #494442;
  --fic-shell: #211F1E;
}
html body,
html body.fic-page,
html .site,
html .arcade-shell,
html .v12-main {
  background-color: var(--bg) !important;
  background-image: none !important;
}
html .site::before,
html .arcade-shell::before,
html body.fic-page::before {
  background-image: none !important;
}
html .fv-header {
  background-color: var(--fic-shell) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--line) !important;
}
html .fv-header .fv-navigation,
html .fv-header .fv-navigation .fv-nav-main {
  background-image: none !important;
}
html .fv-header .fv-navigation .fv-nav-main,
html .fv-header .fv-language,
html .fv-header .fv-theme-switch,
html .fv-header .creator-social a {
  background-color: var(--panel) !important;
}
html .site .action-grid {
  display: flex !important;
  align-items: stretch !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}
html .site .action-grid > .action,
html .site .action-grid > .action.primary,
html .site .action-grid > .action.secondary,
html .site .action-grid > .action.tertiary,
html .site .action-grid > .fv-wrapped-teaser {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  background: var(--panel) !important;
  background-image: none !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font: 650 13px/1.3 'Inter',system-ui,sans-serif !important;
  text-decoration: none !important;
  transform: none !important;
}
html .site .action-grid > .action:hover,
html .site .action-grid > .action:focus-visible {
  background: var(--blue-soft) !important;
  border-color: var(--brand) !important;
  color: var(--ink) !important;
}
html .site .action-grid > .action span,
html .site .action-grid > .action span[data-fv-wrapped-teaser] {
  color: inherit !important;
}
html .site .action-grid > .action span svg,
html .site .action-grid > .action svg,
html .site .action-grid > .fv-wrapped-teaser .fv-wrapped-teaser-icon {
  color: var(--ink) !important;
  flex: none !important;
}
html .site .action-grid > .fv-wrapped-teaser .fv-wrapped-teaser-icon {
  width: 21px !important;
  height: 21px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 17px !important;
}
html .site .action-grid > .action.primary:hover {
  background: var(--blue-soft) !important;
  color: var(--ink) !important;
}
@media (max-width:700px) {
  html .site .action-grid {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  html .site .action-grid > .action {
    width: 100% !important;
    justify-content: flex-start !important;
  }
}
html body .fv-header,
html .site .fv-header,
html .arcade-shell .fv-header {
  background: var(--fic-shell) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--line) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html {
  color-scheme: dark !important;
}
html .fv-header .fv-theme-switch,
html .fv-header .fv-control-wrap:has(.fv-theme-switch) {
  display: none !important;
}
@media (prefers-reduced-motion: no-preference) {
  html body, html.fv-ready body, html.fv-page-arriving body, html.fv-page-leaving body {
    transition: opacity .26s ease, transform .26s cubic-bezier(.2,.8,.2,1) !important;
  }
  html.fv-page-arriving body {
    opacity: 0 !important;
    transform: translateY(7px) !important;
  }
  html.fv-page-leaving body {
    opacity: 0 !important;
    transform: translateY(-5px) !important;
    transition-duration: .16s !important;
    pointer-events: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html.fv-page-arriving body,html.fv-page-leaving body {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}