/* Jolly Code site styles, on top of Bootstrap 5.3. */
body { min-height: 100vh; display: flex; flex-direction: column; }
.site-logo { height: 56px; }

/* Blue Comet Corps hero: always the game's own night sky, whatever the page's colour mode. */
.hero-comet {
  background: radial-gradient(ellipse at 70% 20%, #1b2a6b 0%, #0b0b24 45%, #05040d 100%);
  color: #e8ecff;
}
.hero-comet .lead { color: #b8c2ee; }
.hero-comet .shot {
  image-rendering: pixelated;
  border-radius: .75rem;
  box-shadow: 0 1rem 3rem rgba(40, 90, 255, .35), 0 0 0 1px rgba(255, 255, 255, .08);
}
.btn-comet { --bs-btn-bg: #2f6bff; --bs-btn-border-color: #2f6bff; --bs-btn-hover-bg: #4d82ff;
  --bs-btn-hover-border-color: #4d82ff; --bs-btn-color: #fff; --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #2559d6; --bs-btn-active-border-color: #2559d6; }

.feature-icon { max-width: 260px; border-radius: 2rem; }
.app-icon { width: 96px; height: 96px; border-radius: 1.25rem; }
.card { transition: transform .15s ease, box-shadow .15s ease; }
.card:hover { transform: translateY(-2px); box-shadow: var(--bs-box-shadow) !important; }