/* SOKOBAN */
.sok-info { display: flex; gap: 14px; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 14px; }
.sok-grid {
  display: inline-grid; gap: 0;
  margin: 0 auto 16px;
  background: #1c1917;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(0,0,0,0.5);
}
.sok-cel {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem;
  position: relative;
}
.sok-cel.parede { background: #57534e; box-shadow: inset 0 -3px 0 #292524, inset 0 2px 0 #78716c; }
.sok-cel.chao { background: #1f2937; }
.sok-cel.alvo { background: radial-gradient(circle, rgba(251, 191, 36, 0.4), rgba(31, 41, 55, 1)); }
.sok-cel.alvo::before { content: '⊙'; color: #fbbf24; font-size: 1.2rem; position: absolute; }
.sok-jogador::after { content: '🧑'; font-size: 1.4rem; position: absolute; z-index: 2; }
.sok-caixa::after { content: '📦'; font-size: 1.5rem; position: absolute; z-index: 1; }
.sok-cel.alvo.sok-caixa::after { content: '✅'; }

.sok-touch {
  display: none;
  grid-template-columns: repeat(3, 50px);
  gap: 6px; justify-content: center;
  margin-top: 12px;
}
.sok-touch button {
  width: 50px; height: 50px;
  background: rgba(167, 139, 250, 0.2);
  border: 1px solid rgba(167, 139, 250, 0.5);
  color: #fff; border-radius: 8px; font-size: 1.4rem;
  cursor: pointer;
}
@media (max-width: 720px) {
  .sok-touch { display: grid; }
  .sok-cel { width: 32px; height: 32px; font-size: 1.2rem; }
  .sok-jogador::after { font-size: 1.2rem; }
  .sok-caixa::after { font-size: 1.2rem; }
}