/* ═══════════════════════════════════════════════════════════════
   MineMev — register.css
   Thin override layer on top of login.css.
   Load order in <head>:
     <link rel="stylesheet" href="{% static 'css/login.css' %}">
     <link rel="stylesheet" href="{% static 'css/register.css' %}">
   ═══════════════════════════════════════════════════════════════ */

/* ── Card: slightly taller for the extra field ──────────────── */
.login-card {
  max-width: 440px;          /* a touch wider for 3-field comfort */
}

/* ── Field feedback sits inside .field-group ────────────────── */
/*    login.css targets #username_error etc. by ID.             */
/*    Add the generic class so empty divs take no space.        */
.field-feedback:empty {
  display: none;
}

/* ── Step counter goes to 03 — accent stays consistent ──────── */
/* No override needed; label-tag inherits colour from login.css */

/* ── Spotlight tint: swap green glow for a blue-green on       */
/*    register to give the page its own identity at a glance   */
.login-shell::before {
  background: radial-gradient(
    ellipse at center,
    rgba(64, 168, 255, 0.10) 0%,
    transparent 68%
  );
}

/* Accent rule colour shifts to match */
.accent-rule {
  background: linear-gradient(
    90deg,
    transparent,
    #0080cc 40%,
    #40a8ff 50%,
    #0080cc 60%,
    transparent
  );
}

/* ── Status bar: swap server mode copy via content trick ─────── */
/*    (Pure CSS; no JS needed — display string only)            */
.status-bar > span:last-child {
  /* Inherits the HTML text "SURVIVAL · CREATIVE · MINIGAMES"  */
  /* No override needed unless you want different copy here     */
}

/* ── Google button label: "Sign up" vs "Sign in" ────────────── */
/*    Handled in HTML — no CSS needed                          */

/* ── Responsive: tighten card on very small screens ─────────── */
@media (max-width: 420px) {
  .login-card { max-width: 100%; }
}