  #shapminigame img{ cursor:pointer; display:block; max-width:100%; }

  .mg-overlay{
    position:fixed; inset:0;
    background:rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(6px);
    display:none; align-items:center; justify-content:center;
    z-index:99999; padding:16px;
  }
  .mg-overlay.is-open{ display:flex; }

  .mg-modal{
  width: min(620px, 96vw);
  border-radius: 18px;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.12);
  position: relative;
  overflow: hidden;
  }

  .mg-close{
 position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  z-index: 5;
  }
  .mg-close:hover{ background:rgba(255,255,255,.14); }


  .mg-header{
    display:flex; align-items:flex-start; justify-content:space-between;
    padding:18px 64px 10px 18px; gap:14px;
  }
  .mg-title{
 color: #0160fc;
  white-space: nowrap;
  font-family: bit8;
  }
  .mg-stats{
    display: flex;
  gap: 14px;
  flex-wrap: wrap;
  color: rgb(255, 220, 2);
  align-items: center;
  justify-content: flex-end;
  font-family: bit8;
  font-size: 10px;
  }
  .mg-stats b{ color:#fff; }

  .mg-arena-wrap{ padding:0 18px 18px; }
  .mg-arena-inner{ position:relative; }

  #mgArena{
 width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: url("//forumstatic.ru/files/001c/9d/17/85703.gif") center/cover no-repeat;
  touch-action: manipulation;
  }

  .mg-centerbtn{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
  }

  .mg-btn{
   border: 0;
  cursor: pointer;
  padding: 10px 14px;
  border-radius: 12px;
  color: #fff;
  font: 800 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial;
    font-size: 14px;
  background: #28c840;
  box-shadow: 0 10px 30px rgba(255,120,220,.18);
  }
  .mg-btn:hover{ filter:brightness(1.05); }

  .mg-btn-center{
    pointer-events:auto;
    padding:16px 28px;
    font-size:18px;
    border-radius:16px;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
    animation:pulse 1.6s infinite ease-in-out;
  }

  @keyframes pulse{
    0%{ transform:scale(1); }
    50%{ transform:scale(1.06); }
    100%{ transform:scale(1); }
  }


  .mg-hearts-wrap{ display:flex; align-items:center; gap:8px; }
  .mg-hearts{ display:flex; gap:4px; transform: translateY(-1px); }
  .mg-heart{ font-size:16px; line-height:1; user-select:none; }
  .mg-heart.on{ color:#ff3b5c; text-shadow:0 6px 16px rgba(255,59,92,.25); }
  .mg-heart.off{ color:rgba(255,255,255,.25); }




.mg-heart{
  width:16px;
  height:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  user-select:none;
}

.mg-heart::before{
  content:"\2665"; /* &#9829; */
  font-size:16px;
  line-height:1;
}

.mg-heart.on::before{
  color:#ff3b5c;
  text-shadow:0 6px 16px rgba(255,59,92,.25);
}

.mg-heart.off::before{
  color:rgba(255,255,255,.25);
}



.mg-hide-cursor {
  cursor: none !important;
}
