.word-merge-tile {
  isolation: isolate;
  overflow: hidden;
  gap: 5px;
  padding: 9px;
  border: 1px solid var(--wm-tile-border);
  background:
    linear-gradient(155deg, var(--wm-tile-top), var(--wm-tile-bottom));
  box-shadow:
    0 9px 0 color-mix(in srgb, var(--wm-family-deep) 78%, #000 22%),
    0 14px 20px var(--wm-depth),
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -10px 18px rgba(0,0,0,0.12);
  color: var(--wm-ink);
}

.word-merge-tile.level-1,
.word-merge-tile.level-2,
.word-merge-tile.level-3,
.word-merge-tile.level-4,
.word-merge-tile.level-5,
.word-merge-tile.level-6,
.word-merge-tile.level-7,
.word-merge-tile.level-8 {
  background:
    linear-gradient(155deg, var(--wm-tile-top), var(--wm-tile-bottom));
}

.word-merge-tile::after {
  content: none;
}

.word-merge-tile-shine {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(112deg, transparent 0 36%, rgba(255,255,255,0.20) 47%, transparent 60%);
  opacity: 0.46;
  transform: translateX(-18%);
}

.word-merge-tile strong {
  max-width: 100%;
  color: #ffffff;
  font-size: clamp(14px, 2.4vw, 23px);
  line-height: 0.96;
  font-weight: 1000;
  text-wrap: balance;
  text-shadow: 0 2px 2px rgba(0,0,0,0.18);
}

.word-merge-tile .word-merge-uzbek {
  max-width: 100%;
  color: var(--wm-muted);
  font-size: clamp(10px, 1.35vw, 13px);
  line-height: 1.08;
  font-weight: 800;
  opacity: 1;
  text-wrap: balance;
}

.word-merge-tile em {
  min-height: 22px;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.38);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.26), rgba(255,255,255,0.10));
  color: #ffffff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.32),
    0 2px 4px rgba(0,0,0,0.10);
  font-size: 12px;
  letter-spacing: 0;
}

.word-merge-tile.power-mid {
  border-color: var(--wm-tile-border);
  box-shadow:
    0 10px 0 color-mix(in srgb, var(--wm-family-deep) 82%, #000 18%),
    0 16px 22px var(--wm-depth),
    inset 0 1px 0 rgba(255,255,255,0.22),
    inset 0 -12px 18px rgba(0,0,0,0.16);
}

.word-merge-tile.power-high {
  border-color: color-mix(in srgb, var(--wm-tile-border) 78%, #ffffff 22%);
  box-shadow:
    0 0 0 2px rgba(255,255,255,0.18),
    0 11px 0 color-mix(in srgb, var(--wm-family-deep) 88%, #000 12%),
    0 18px 25px var(--wm-depth),
    inset 0 1px 0 rgba(255,255,255,0.26),
    inset 0 -14px 20px rgba(0,0,0,0.18);
}

.word-merge-tile.level-7,
.word-merge-tile.level-8 {
  box-shadow:
    0 0 0 2px rgba(255,255,255,0.24),
    0 12px 0 color-mix(in srgb, var(--wm-family-deep) 90%, #000 10%),
    0 21px 28px var(--wm-depth),
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 -15px 22px rgba(0,0,0,0.20);
}

.word-merge-tile.level-7 em,
.word-merge-tile.level-8 em {
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.34), rgba(255,255,255,0.12));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.42),
    0 2px 4px rgba(0,0,0,0.12);
}

@media (max-width: 620px) {
  .word-merge-tile {
    padding: 7px;
  }

  .word-merge-tile strong {
    font-size: clamp(12px, 4.8vw, 18px);
  }

  .word-merge-tile .word-merge-uzbek {
    font-size: clamp(9px, 3vw, 11px);
  }

  .word-merge-tile em {
    min-height: 20px;
    padding: 2px 7px;
    font-size: 11px;
  }
}