/* Brood Front: game styles. The vendored kit (assets/ui.css) loads first.
   Screens are flex children of .game-scroll in the kit fit shell; one is
   visible at a time and each pads by the --rr-inset-* tokens. */
.game-shell.fit {
  background: linear-gradient(180deg, #14102a 0%, #241a4a 60%, #2c1d3f 100%);
}
.screen {
  display: none;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
  padding: 16px calc(16px + var(--rr-inset-right)) calc(16px + var(--rr-inset-bottom)) calc(16px + var(--rr-inset-left));
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
}
.screen.visible { display: flex; }
.logo { margin: 0; font-size: 2.4rem; line-height: 1.1; letter-spacing: 0.04em; color: #e6dcff; }
.tagline { margin: 0; max-width: 20em; opacity: 0.85; color: #c9b8f0; }

/* Three soft lanes behind the name, a placeholder for the battlefield. */
.title-lanes { display: flex; gap: 10px; height: 64px; }
.title-lanes i {
  display: block;
  width: 28px;
  border-radius: 8px;
  background: linear-gradient(180deg, #7a4fd0, #3b2a78);
  box-shadow: 0 0 12px rgba(122, 79, 208, 0.5);
}