body{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    background: #181818;
}


/* کانواس پشتِ همه بماند */
#canvas{
  position: fixed;
  inset: 0;
  z-index: 0;
}

/* لایه‌ی تمام‌صفحه برای مرکز کردن محتوا */
.overlay-center{
  position: fixed;
  inset: 0;                 /* top/right/bottom/left = 0 */
  display: grid;
  place-items: center;      /* وسطِ عمودی و افقی */
  z-index: 10;
  pointer-events: none;     /* کلیک‌ها به کانواس برسد */
}

/* خودِ لوتی (اندازه‌ی واکنش‌گرا) */
#lottieLoader{
  width: clamp(140px, 16vw, 320px);
  aspect-ratio: 1 / 1;      /* مربع بماند */
}