.wk-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}
.wk-hole {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.1);
  background: radial-gradient(circle at 50% 80%, rgba(20, 14, 8, 0.9), rgba(40, 28, 16, 0.7));
  color: #08111f;
  font-weight: 800;
  font-size: clamp(1rem, 5vw, 1.8rem);
  cursor: pointer;
  transition: transform 0.06s ease;
}
.wk-hole--up {
  background: radial-gradient(circle at 40% 30%, #9be7ff, #2b8fd6);
  border-color: rgba(255, 255, 255, 0.3);
}
.wk-hole--bomb {
  background: radial-gradient(circle at 40% 30%, #fca5a5, #b91c1c);
  color: #fff;
}
.wk-hole--up:active { transform: scale(0.94); }