/* ==========================================================================
   Responsive & Desktop
   ========================================================================== */

@media (max-width: 480px) {
  .achievements-grid { gap: var(--space-2); }
  .stats-grid { gap: var(--space-2); }
}

@media (min-width: 768px) {
  body { background: #e8e5df; }
  [data-theme="dark"] body { background: #121212; }

  #app {
    box-shadow: 0 24px 64px rgba(0,0,0,0.14);
    min-height: 100vh;
    border-left: 1px solid var(--color-border);
    border-right: 1px solid var(--color-border);
  }

  .bottom-navigation {
    border-radius: 0;
  }

  .page-content {
    padding: var(--space-6) var(--space-6) var(--space-8);
  }
}

@media (min-width: 1024px) {
  #app {
    max-width: 520px;
  }
}

@media (min-width: 1440px) {
  #app {
    max-width: 560px;
  }
}