/* Infin8 Arcade account chip, centred in the top middle of every Arcade header
   (assets/arcade/arcade-account.js renders it). Brand left, account centre,
   navigation right; it stacks cleanly on narrow screens. */
.has-arcade-account { display: grid !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 16px; }
.has-arcade-account > :first-child { justify-self: start; }
.has-arcade-account > nav { justify-self: end; }
.arcade-account { justify-self: center; display: flex; align-items: center; gap: 8px; min-height: 44px; }
.arcade-account-action, .arcade-account-chip {
  display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px; border-radius: 999px;
  border: 1px solid rgba(99, 230, 255, .32); background: rgba(10, 14, 32, .72); color: #e9f6ff;
  font-weight: 800; font-size: .875rem; text-decoration: none; white-space: nowrap;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.arcade-account-action:hover, .arcade-account-chip:hover { border-color: #63e6ff; background: rgba(99, 230, 255, .12); box-shadow: 0 0 18px rgba(99, 230, 255, .22); }
.arcade-account-action.primary { border-color: transparent; background: linear-gradient(90deg, #36d6ff, #9b5cff); color: #07101f; }
.arcade-account-action.primary:hover { filter: brightness(1.08); }
.arcade-account-chip { padding-left: 6px; max-width: min(360px, 42vw); }
.arcade-account-chip > :first-child { min-width: 0; overflow: hidden; }
.arcade-account-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, #36d6ff, #9b5cff); color: #07101f; font-weight: 900; }
.arcade-account-name { overflow: hidden; text-overflow: ellipsis; }
.arcade-account-level { flex: none; padding: 2px 8px; border-radius: 999px; border: 1px solid rgba(214, 92, 255, .6); color: #f1a8ff; font-size: .6875rem; letter-spacing: .06em; }
.arcade-account a:focus-visible { outline: 3px solid #8ff4ff; outline-offset: 3px; }
@media (max-width: 767px) {
  .has-arcade-account { grid-template-columns: minmax(0, 1fr) auto; row-gap: 8px; padding-block: 8px; }
  .has-arcade-account > nav { grid-column: 1 / -1; justify-self: center; }
  .arcade-account { grid-column: 2; grid-row: 1; }
  .arcade-account-action, .arcade-account-chip { padding: 0 12px; font-size: .8125rem; }
  .arcade-account-chip { max-width: 56vw; }
}
@media (prefers-reduced-motion: reduce) { .arcade-account-action, .arcade-account-chip { transition: none; } }
@media (forced-colors: active) { .arcade-account-action, .arcade-account-chip { border: 1px solid CanvasText; } }

.has-arcade-account > nav a { white-space: nowrap; }