body { margin: 0; }
.club-loading {
  box-sizing: border-box;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 32px 20px;
  color: #fffefa;
  background: radial-gradient(ellipse at center, rgba(216,182,106,.12), transparent 58%), linear-gradient(135deg, #0b2b22, #123d32);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: center;
}
.club-loading-content { display: grid; justify-items: center; width: min(420px, 100%); gap: 24px; }
.club-loading .club-loading-crest {
  display: block;
  box-sizing: border-box;
  width: 175px;
  height: 200px;
  padding: 8px;
  object-fit: contain;
  background: #fff;
  border: 1px solid #d8b66a;
  border-radius: 4px;
  box-shadow: 0 12px 36px rgba(0,0,0,.16);
}
.club-loading h1 { margin: 0; font: 700 clamp(36px, 6vw, 48px)/1.1 Georgia, "Times New Roman", serif; letter-spacing: -.03em; }
.club-loading-progress { display: flex; align-items: center; justify-content: center; gap: 10px; color: #e0d9c8; }
.club-loading-progress p { margin: 0; font-size: 13px; line-height: 1.5; }
.club-loading-indicator { box-sizing: border-box; width: 18px; height: 18px; flex: 0 0 auto; border: 2px solid rgba(216,182,106,.25); border-top-color: #d8b66a; border-radius: 50%; animation: club-loading-spin 1s linear infinite; }
@keyframes club-loading-spin { to { transform: rotate(360deg); } }
@media(max-width:760px) {
  .club-loading-content { gap: 20px; }
  .club-loading .club-loading-crest { width: 149px; height: 170px; padding: 6px; }
}
@media(prefers-reduced-motion:reduce) { .club-loading-indicator { animation: none; } }