/* Shared rules for every page. Design tokens, fonts and .btn come from the Nocturne stylesheet loaded before this file. */
html{background:#16232B}
body{margin:0;background:#16232B;color:#E6EDF1;-webkit-font-smoothing:antialiased}
a{color:#3D9BD1}
a:hover{color:#8CC6EA}
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}

/* Link hover states */
.nav-link:hover{background:rgba(61,155,209,0.12)}
.link-muted{color:#8FAEC0}
.link-muted:hover{color:#E6EDF1}
.link-accent{color:#3D9BD1}
.link-accent:hover{color:#8CC6EA}

/* Home page navigation: links on wide screens, a menu button on phones */
.nav-wide{display:flex}
.nav-toggle{display:none}
.nav-toggle .icon-close{display:none}
.nav-toggle[aria-expanded="true"] .icon-open{display:none}
.nav-toggle[aria-expanded="true"] .icon-close{display:block}
#mobile-menu{display:none}
@media (max-width: 720px){
  .nav-wide{display:none}
  .nav-toggle{display:inline-flex}
  #mobile-menu.open{display:flex}
  /* Without JavaScript the button cannot open the menu, so show the links instead */
  html:not(.js) .nav-toggle{display:none}
  html:not(.js) #mobile-menu{display:flex}
}

/* Game and app cards on the home page */
.product-card{transition:box-shadow .2s ease,transform .2s ease}
.product-card:hover{box-shadow:0 0 0 1px rgba(61,155,209,0.55),0 24px 60px -30px rgba(61,155,209,0.55)!important;transform:translateY(-2px)}
.product-card:focus-visible{outline:2px solid #3D9BD1;outline-offset:3px}
@media (prefers-reduced-motion: reduce){.product-card{transition:none}.product-card:hover{transform:none}}