{
  "version": 3,
  "sources": ["src/app/features/game-section/components/game-section-nav/game-section-nav.component.css"],
  "sourcesContent": [":host {\n  --game-nav-height: 48px;\n}\n\n.game-nav {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  position: sticky;\n  top: var(--header-height);\n  align-self: start;\n  padding-block: var(--space-8);\n}\n\n/* ── Logo ── */\n\n.game-nav__logo {\n  max-width: 120px;\n  height: auto;\n}\n\n/* ── Section List ── */\n\n.game-nav__list {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-1);\n}\n\n.game-nav__link {\n  display: block;\n  width: 100%;\n  padding: var(--space-2) var(--space-3);\n  background: none;\n  border: none;\n  border-left: 3px solid transparent;\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  color: var(--color-text-secondary);\n  text-align: left;\n  cursor: pointer;\n  transition: color var(--transition-fast), background-color var(--transition-fast),\n    border-color var(--transition-fast);\n}\n\n.game-nav__link:hover {\n  color: var(--color-text-primary);\n  background-color: var(--color-surface-secondary);\n}\n\n.game-nav__link--active {\n  color: var(--color-text-primary);\n  border-left-color: var(--game-accent-color, var(--color-brand-primary));\n  background-color: var(--game-accent-color-light, var(--color-surface-secondary));\n  font-weight: var(--font-weight-heading);\n}\n\n/* ── CTA ── */\n\n.game-nav__cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: var(--space-2) var(--space-4);\n  background-color: var(--color-action-secondary);\n  color: var(--color-text-inverse);\n  border-radius: var(--radius-button);\n  font-family: var(--font-family-body);\n  font-size: var(--text-size-sm);\n  font-weight: var(--font-weight-body-medium);\n  text-decoration: none;\n  white-space: nowrap;\n  transition: background-color var(--transition-fast);\n}\n\n.game-nav__cta:hover {\n  background-color: var(--color-action-secondary-hover);\n}\n\n/* ── Mobile: horizontal tabs ── */\n\n@media (max-width: 768px) {\n  .game-nav {\n    position: sticky;\n    top: var(--header-height-mobile);\n    z-index: 10;\n    flex-direction: row;\n    align-items: center;\n    gap: 0;\n    padding-block: 0;\n    background: var(--color-surface-primary);\n    border-bottom: 1px solid var(--color-border-primary);\n    height: var(--game-nav-height);\n  }\n\n  .game-nav__logo {\n    display: none;\n  }\n\n  .game-nav__cta {\n    display: none;\n  }\n\n  .game-nav__list {\n    flex-direction: row;\n    gap: 0;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    width: 100%;\n    padding-inline: var(--space-3);\n  }\n\n  .game-nav__list::-webkit-scrollbar {\n    display: none;\n  }\n\n  .game-nav__link {\n    border-left: none;\n    border-bottom: 2px solid transparent;\n    padding: var(--space-3) var(--space-4);\n    white-space: nowrap;\n    font-size: var(--text-size-xs);\n  }\n\n  .game-nav__link--active {\n    border-bottom-color: var(--game-accent-color, var(--color-brand-primary));\n    background-color: transparent;\n  }\n\n  .game-nav__link:hover {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .game-nav__link {\n    transition: none;\n  }\n}\n"],
  "mappings": ";AAAA;AACE,qBAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,YAAA;AACA,OAAA,IAAA;AACA,cAAA;AACA,iBAAA,IAAA;AACF;AAIA,CAAA;AACE,aAAA;AACA,UAAA;AACF;AAIA,CAAA;AACE,cAAA;AACA,UAAA;AACA,WAAA;AACA,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACF;AAEA,CAAA;AACE,WAAA;AACA,SAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,cAAA;AACA,UAAA;AACA,eAAA,IAAA,MAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,SAAA,IAAA;AACA,cAAA;AACA,UAAA;AACA;IAAA,MAAA,IAAA,kBAAA;IAAA,iBAAA,IAAA,kBAAA;;AAEF;AAEA,CAjBA,cAiBA;AACE,SAAA,IAAA;AACA,oBAAA,IAAA;AACF;AAEA,CAAA;AACE,SAAA,IAAA;AACA,qBAAA,IAAA,mBAAA,EAAA,IAAA;AACA,oBAAA,IAAA,yBAAA,EAAA,IAAA;AACA,eAAA,IAAA;AACF;AAIA,CAAA;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,WAAA,IAAA,WAAA,IAAA;AACA,oBAAA,IAAA;AACA,SAAA,IAAA;AACA,iBAAA,IAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,mBAAA;AACA,eAAA;AACA,cAAA,iBAAA,IAAA;AACF;AAEA,CAhBA,aAgBA;AACE,oBAAA,IAAA;AACF;AAIA,QAAA,WAAA;AACE,GAlFF;AAmFI,cAAA;AACA,SAAA,IAAA;AACA,aAAA;AACA,oBAAA;AACA,iBAAA;AACA,SAAA;AACA,mBAAA;AACA,gBAAA,IAAA;AACA,mBAAA,IAAA,MAAA,IAAA;AACA,YAAA,IAAA;AACF;AAEA,GAnFF;AAoFI,aAAA;AACF;AAEA,GAxCF;AAyCI,aAAA;AACF;AAEA,GApFF;AAqFI,oBAAA;AACA,SAAA;AACA,gBAAA;AACA,gCAAA;AACA,qBAAA;AACA,WAAA;AACA,oBAAA,IAAA;AACF;AAEA,GA9FF,cA8FE;AACE,aAAA;AACF;AAEA,GAzFF;AA0FI,iBAAA;AACA,mBAAA,IAAA,MAAA;AACA,aAAA,IAAA,WAAA,IAAA;AACA,iBAAA;AACA,eAAA,IAAA;AACF;AAEA,GA3EF;AA4EI,yBAAA,IAAA,mBAAA,EAAA,IAAA;AACA,sBAAA;AACF;AAEA,GAtGF,cAsGE;AACE,sBAAA;AACF;AACF;AAEA,QAAA,wBAAA;AACE,GA5GF;AA6GI,gBAAA;AACF;AACF;",
  "names": []
}
