/* Mobile-first adjustments */
.mobile-nav { display: none; }

@media (max-width: 720px) {
  .app-header { padding: 0 16px; }
  .app-header .inner { height: 58px; gap: 12px; }
  .app-header .tabs { display: none; }
  .user-chip .chip-name { display: none; }
  .user-chip { background: none; padding: 0; }
  .app-main { padding: 24px 16px 100px; }

  .mobile-nav {
    display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 40;
    background: var(--white); box-shadow: 0 -2px 16px rgba(23, 57, 66, 0.10);
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
  }
  .mobile-nav .tab-btn {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
    font-size: 12px; padding: 8px 4px;
  }
  .mobile-nav .tab-btn .ico { font-size: 20px; line-height: 1; }

  .auth-shell { flex-direction: column; max-width: 420px; border-radius: var(--radius-md); }
  .auth-brand { padding: 28px 24px; flex: none; }
  .auth-brand .brand-copy p { display: none; } /* keep the mobile brand strip short */
  .auth-brand .brand-facts { display: none; }
  .auth-card { padding: 32px 22px; }
  .auth-card .logo { display: block; margin: 0 auto 16px; width: 44px; height: 44px; }

  .prize-grid { grid-template-columns: 1fr; }
  .how-it-works { grid-template-columns: 1fr; max-width: 420px; }
}

@media (max-width: 380px) {
  .wheel-hero h1 { font-size: 26px; }
}