.cube-page main {
  display: block;
  width: 100%;
  padding: 0;
}

.cube-stage {
  width: 100%;
  height: 100svh;
  min-height: 640px;
  overflow: hidden;
  background: #c5c5c5;
}

.cube-game {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* O jogo começa com fundo claro: mantém a navbar legível mesmo se o site
   estiver no tema escuro, sem alterar o tema do restante da página. */
.cube-page[data-theme="dark"] header {
  color: #111111;
}

.cube-page[data-theme="dark"] header {
  color: #111111;
  background: rgba(232, 234, 236, 0.55);
  border-color: rgba(232, 234, 236, 0.7);
  box-shadow: 0 8px 32px rgba(19, 20, 23, 0.06);
}

.cube-page[data-theme="dark"] .language-dropdown {
  color: #111111;
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(19, 20, 23, 0.08);
  box-shadow: 0 10px 28px rgba(19, 20, 23, 0.12);
}

.cube-page[data-theme="dark"] .language-dropdown a:hover,
.cube-page[data-theme="dark"] .language-dropdown a:focus-visible {
  background: rgba(19, 20, 23, 0.07);
}

@media (max-width: 960px), (pointer: coarse) and (orientation: portrait) and (max-width: 1200px) {
  .cube-page[data-theme="dark"] header.menu-is-open {
    color: var(--text-dark);
  }

}

@media (max-width: 600px) {
  .cube-stage {
    min-height: 560px;
  }
}