/* Grid para el panel: 68 filas x 40 columnas con scroll */
.grid-container-panel {
  display: grid;
  grid-template-columns: repeat(40, 1fr);
  grid-template-rows: repeat(68, 1fr);
  width: 100%;
  height: 100dvh;
  background: #000000;
  overflow-y: auto;
}

.q-button {
  border-radius: 9999px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.7);
  transition: all 0.3s;
  background: #9ca3af;
  color: white;
  font-size: clamp(0.4rem, 1.5vw, 1rem);
}

.q-button.visitado { background-color: #22c55e; }
.q-button:disabled { background-color: #111; cursor: not-allowed; }

.titulo-principal {
  color: #facc15;
  font-size: clamp(0.6rem, 2vw, 1.6rem);
  font-weight: 700;
  text-align: center;
  padding: 4px;
}

.title-text { font-size: clamp(0.6rem, 2vw, 1.6rem); }