.ak-wrap { display: flex; justify-content: center; overflow: auto; padding: 6px; }
.ak-board { display: grid; gap: 3px; background: var(--ink); padding: 4px; border-radius: 10px; width: max-content; }
.ak-cell {
  width: 40px; height: 40px; min-width: 40px; min-height: 40px;
  border-radius: 6px; display: grid; place-items: center; font-size: 22px; cursor: pointer;
  background: #fff; position: relative;
}
.ak-cell.wall { background: #2b2440; cursor: default; }
.ak-cell.wall::after { content: ""; width: 14px; height: 14px; border-radius: 3px; background: #6b6486; }
.ak-cell.lit::before {
  content: ""; position: absolute; inset: 0; border-radius: 6px;
  background: rgba(255, 200, 61, 0.28); z-index: 0;
}
.ak-cell .ic { position: relative; z-index: 1; }
@media (max-width: 380px) {
  .ak-cell { width: 34px; height: 34px; min-width: 34px; min-height: 34px; font-size: 18px; }
}