.arcade-tabs {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 40px;
  padding: 0 max(24px, calc((100vw - 1420px) / 2));
  background: #101116;
  border-bottom: 1px solid #2d303c;
}
.arcade-tabs a {
  padding: 8px 0;
  color: #a5a6b7;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}
.arcade-tabs a[aria-current] { color: #aa94ff; border-bottom: 2px solid #aa94ff; }
.arcade-tabs a:hover { color: #f2f0fa; }
.arcade-tabs a:focus-visible { outline: 3px solid #aa94ff; outline-offset: 4px; }
.arcade-page #app { height: calc(100dvh - 52px); }
.arcade-page .centered { min-height: calc(100dvh - 52px); }
.arcade-page .shell.storefront { height: 100%; }
.arcade-page:has(.play) .arcade-tabs { display: none; }
.arcade-page:has(.play) #app { height: 100dvh; }
@media (max-width: 560px) {
  .arcade-tabs { justify-content: flex-start; gap: 28px; padding: 0 20px; }
  .arcade-tabs a { font-size: 16px; }
}