body {
  margin: 0;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('Images/background.jpg') no-repeat center/cover;
  font-family: Arial;
  color: white;
}

.card {
  text-align: center;
  background: rgba(0,0,0,0.5);
  padding: 30px;
  border-radius: 20px;
  backdrop-filter: blur(15px);
}

.profile {
  width: 120px;
  border-radius: 50%;
  margin-bottom: 10px;
}

/* Stickers */
.stickers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
}

.sticker {
  width: 50px;
  cursor: pointer;
  transition: 0.3s;
}

.sticker:hover {
  transform: scale(1.2) rotate(5deg);
}
/* ═══════════════════════════════════════
   MOBILE RESPONSIVE — Aadarsh Baranwal
   Link this AFTER your main styles
════════════════════════════════════════ */

@media (max-width: 768px) {

  /* ── BODY: allow scrolling on mobile ── */
  html, body {
    overflow: auto !important;
    height: auto !important;
    min-height: 100vh;
  }

  /* ── BOARD: make it a tall scrollable container ── */
  #board {
    position: relative !important;
    width: 100% !important;
    height: 1500px !important;
  }

  /* ── STICKERS: smaller on mobile ── */
  #s-aadarsh img  { width: 190px !important; }
  #s-phone img    { width: 155px !important; }
  #s-sun img      { width: 85px  !important; }
  #s-airpods img  { width: 105px !important; }
  #s-linkedin img { width: 75px  !important; }
  #s-whatsapp img { width: 90px  !important; }
  #s-coffee img   { width: 115px !important; }
  #s-exit img     { width: 85px  !important; }
  #s-coco img     { width: 105px !important; }
  #s-laptop img   { width: 115px !important; }
  #s-star img     { width: 125px !important; }
  #s-chess img    { width: 85px  !important; }
  #s-label1 img   { width: 115px !important; }
  #s-drill img    { width: 75px  !important; }
  #s-gf img       { width: 90px  !important; }
  #s-plane img    { width: 85px  !important; }
  #s-camera2 img  { width: 85px  !important; }
  #s-tetris img   { width: 105px !important; }
  #s-camera img   { width: 75px  !important; }
  #s-thumbs img   { width: 75px  !important; }
  #s-f1 img       { width: 85px  !important; }
  #s-dietcoke img { width: 75px  !important; }

  /* ── CV CARD: full width, centered, sticky at top ── */
  .cv-stack {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    width: 92vw !important;
    margin: 20px auto 28px auto !important;
    opacity: 1 !important;
    z-index: 50 !important;
  }

  .cv-card {
    cursor: default !important;
  }

  .cv-body {
    height: auto !important;
    min-height: 180px;
    padding: 16px 20px 6px !important;
  }

  .cv-headline {
    font-size: clamp(1.3rem, 6vw, 1.8rem) !important;
    margin-bottom: 12px !important;
  }

  .cv-foot {
    padding: 10px 20px 18px !important;
    gap: 8px !important;
  }

  .cv-cta {
    font-size: 0.8rem !important;
    padding: 9px 18px !important;
  }

  .cv-link {
    font-size: 0.6rem !important;
    padding: 7px 12px !important;
  }

  /* ── POPUPS: always fit within screen ── */
  .tooltip,
  .tip-links,
  .email-card,
  .call-card,
  .social-card {
    max-width: 88vw !important;
    font-size: 0.74rem !important;
    z-index: 9999 !important;
  }

  /* ── HINT: smaller text ── */
  .hint {
    font-size: 0.4rem !important;
    bottom: 0.6rem !important;
  }

  /* ── TETRIS CARD: fits mobile screen ── */
  .tetris-card {
    z-index: 9999 !important;
  }

  /* ── PHOTO POPUP: smaller on mobile ── */
  .photo-popup {
    width: 130px !important;
    height: 130px !important;
    z-index: 9999 !important;
  }
}

/* ── Very small phones (≤380px) ── */
@media (max-width: 380px) {
  #s-aadarsh img  { width: 160px !important; }
  #s-phone img    { width: 130px !important; }
  #s-coffee img   { width: 95px  !important; }
  #s-coco img     { width: 90px  !important; }
  #s-star img     { width: 105px !important; }
  #s-laptop img   { width: 95px  !important; }

  .cv-headline {
    font-size: 1.2rem !important;
  }

  #board {
    height: 1700px !important;
  }
}