/* TZ83: wordmark B and red virion, independent of strain colours. */
.viranum-brand,
.arena-mode .friends-wordmark.viranum-brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 12px;
  padding: 0;
  letter-spacing: normal;
  line-height: 1.2;
  color: #dbe7f0;
  text-decoration: none;
}
.viranum-brand::after { display: none; }
.brand-emblem {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  filter: drop-shadow(0 0 8px #ff3b4e);
}
.brand-type { display: flex; flex-direction: column; gap: 5px; }
.viranum-brand .brand-name {
  font-family: 'Exo 2', sans-serif;
  font-weight: 800;
  font-size: 34px;
  letter-spacing: .04em;
  background: linear-gradient(90deg, #ff3b4e, #b05cff 45%, #2e8bff);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 14px rgba(176,92,255,.45));
}
.viranum-brand .brand-tagline {
  display: block;
  font: 400 9px 'Exo 2', sans-serif;
  letter-spacing: .4em;
  color: #8fa5b8;
  white-space: nowrap;
}
.arena-lab-mode .friends-topline { height: 64px; min-height: 64px; }
.arena-lab-mode .lab-heading { gap: 16px; }
.arena-lab-mode .lab-heading .lab-titles { display: flex; align-items: center; gap: 24px; }
.arena-lab-mode .lab-heading h1 { font-size: 18px; letter-spacing: .12em; }
.arena-lab-mode .lab-heading .lab-hint { font-size: 9px; letter-spacing: .06em; }
.admin-brand-heading { display: flex; align-items: center; gap: 24px; }
.admin-brand-heading h1 { font-size: 18px; }
@media (max-width: 1200px) and (min-width: 761px) {
  .arena-lab-mode .lab-heading .lab-hint { display: none; }
  .arena-lab-mode .lab-heading .lab-titles { gap: 12px; }
  .arena-lab-mode .lab-heading .brand-name { font-size: 28px; }
}
@media (max-width: 760px) {
  .viranum-brand,
  .arena-mode .friends-wordmark.viranum-brand { gap: 8px; }
  .brand-emblem { width: 28px; height: 28px; filter: drop-shadow(0 0 4px #ff3b4e); }
  .viranum-brand .brand-name { font-size: 24px; }
  .viranum-brand .brand-tagline { display: none; }
  .arena-mode .friends-topline { height: 36px; min-height: 36px; }
  .arena-lab-mode .friends-topline { height: auto; min-height: 96px; }
  .arena-lab-mode .lab-heading { display: grid; grid-template-columns: 44px minmax(0,1fr) 44px; gap: 8px 10px; }
  .arena-lab-mode .lab-heading .lab-titles { display: flex; gap: 10px; min-width: 0; }
  .arena-lab-mode .lab-heading .lab-titles > div { display: none; }
  .arena-lab-mode .lab-heading .lab-identity { grid-column: 1/-1; }
  .arena-lab-mode .lab-heading .lab-extras { grid-column: 3; grid-row: 1; }
  .admin-brand-heading { flex-direction: column; align-items: flex-start; gap: 0; }
  .admin-brand-heading h1 { font-size: 14px; margin: 6px 0; }
}
/* The laboratory has its own wordmark beside the back button. */
.arena-lab-mode .lab-header .friends-wordmark.viranum-brand { display: none; }