.hero-emoji-layer{pointer-events:none!important;overflow:hidden!important}
.hero-emoji-layer .hero-emoji{
  pointer-events:auto!important;
  cursor:grab!important;
  touch-action:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-user-drag:none!important;
  width:66px!important;
  height:66px!important;
  min-width:66px!important;
  min-height:66px!important;
  max-width:66px!important;
  max-height:66px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  text-align:center!important;
  line-height:1!important;
  border-radius:20px!important;
  font-size:0!important;
  color:transparent!important;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 18px 42px rgba(0,0,0,.28),0 0 30px rgba(53,243,255,.045)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  transform-origin:center!important;
  will-change:left,top,transform!important;
  z-index:6!important;
}
.hero-emoji-layer .hero-emoji::before{
  content:"";
  display:block;
  width:40px;
  height:40px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:40px 40px;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));
  pointer-events:none;
}
.hero-emoji-layer .hero-emoji:hover{
  animation-play-state:paused!important;
  border-color:rgba(255,255,255,.34)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.06))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 22px 52px rgba(0,0,0,.32),0 0 36px rgba(53,243,255,.09)!important;
}
.hero-emoji-layer .hero-emoji.dragging{
  cursor:grabbing!important;
  animation:none!important;
  transform:scale(1.07)!important;
  z-index:40!important;
  border-color:rgba(215,255,63,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 30px 70px rgba(0,0,0,.42),0 0 42px rgba(215,255,63,.13)!important;
}

/* Balanced seven-point spacing around the hero */
.hero-emoji.e1{top:18%!important;left:78%!important;right:auto!important;bottom:auto!important}
.hero-emoji.e2{top:41%!important;left:90%!important;right:auto!important;bottom:auto!important}
.hero-emoji.e3{top:70%!important;left:80%!important;right:auto!important;bottom:auto!important}
.hero-emoji.e4{top:41%!important;left:5%!important;right:auto!important;bottom:auto!important}
.hero-emoji.e5{top:72%!important;left:49%!important;right:auto!important;bottom:auto!important}
.hero-emoji.e6{top:18%!important;left:55%!important;right:auto!important;bottom:auto!important}
.hero-emoji.e7{top:70%!important;left:18%!important;right:auto!important;bottom:auto!important}

/* Apple emoji artwork */
.hero-emoji.e1::before{background-image:url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@16.0.0/img/apple/64/1f3a8.png")}
.hero-emoji.e2::before{background-image:url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@16.0.0/img/apple/64/1f4a1.png")}
.hero-emoji.e3::before{background-image:url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@16.0.0/img/apple/64/2728.png")}
.hero-emoji.e4::before{background-image:url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@16.0.0/img/apple/64/1f9e0.png")}
.hero-emoji.e5::before{background-image:url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@16.0.0/img/apple/64/1fa84.png")}
.hero-emoji.e6::before{background-image:url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@16.0.0/img/apple/64/1f3ac.png")}
.hero-emoji.e7::before{background-image:url("https://cdn.jsdelivr.net/npm/emoji-datasource-apple@16.0.0/img/apple/64/1f4bb.png")}

@media(max-width:820px){
  .hero-emoji-layer .hero-emoji{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
    max-width:50px!important;
    max-height:50px!important;
    border-radius:16px!important;
  }
  .hero-emoji-layer .hero-emoji::before{
    width:30px;
    height:30px;
    background-size:30px 30px;
  }
  .hero-emoji.e2,.hero-emoji.e5,.hero-emoji.e6{display:none!important}
  .hero-emoji.e1{top:18%!important;left:78%!important}
  .hero-emoji.e3{top:66%!important;left:80%!important}
  .hero-emoji.e4{top:40%!important;left:5%!important}
  .hero-emoji.e7{top:68%!important;left:13%!important}
}

@media(prefers-reduced-motion:reduce){.hero-emoji-layer .hero-emoji{animation:none!important}}