/* One state model for raster and SVG navigation icons. Keep hit areas stationary. */
.site-nav a{color:#bdb0c5}
.site-nav a .games-icon,.site-nav a>svg{
  display:block;width:24px;height:24px;flex:0 0 24px;
  color:#fff;opacity:.72;transition:opacity .15s ease;
}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a[aria-current="page"]{color:#fff}
.site-nav a:hover .games-icon,.site-nav a:hover>svg,
.site-nav a:focus-visible .games-icon,.site-nav a:focus-visible>svg,
.site-nav a[aria-current="page"] .games-icon,.site-nav a[aria-current="page"]>svg{opacity:1}
@media(max-width:700px){.site-nav a .games-icon,.site-nav a>svg{width:22px;height:22px;flex-basis:22px}}
@media(prefers-reduced-motion:reduce){.site-nav a .games-icon,.site-nav a>svg{transition:none}}