/* ══════════════════════════════════════════════════════════
   OCEAN — RESPONSIVE (mobile-first; enhance on larger screens)
══════════════════════════════════════════════════════════ */

/* tablet / desktop */
@media (min-width:640px){
  .cust-grid { grid-template-columns:1fr 1fr; }
  .stat-grid { grid-template-columns:repeat(4,1fr); }
  .stage { min-width:74px; }
}

@media (min-width:920px){
  /* keep the app phone-shaped & centered on desktop for focus */
  .view { padding-inline:var(--s6); }
}

/* larger tap targets on coarse pointers */
@media (pointer:coarse){
  .btn, .google-btn { min-height:48px; }
}