.console-page { --console-bar-height: 100px; --game-aspect: 900 / 640; min-height: 100vh; }
.console-bar {
  height: var(--console-bar-height);
  display: grid;
  grid-template-columns: minmax(105px, 1fr) minmax(0, 2fr) minmax(130px, 1fr);
  align-items: center;
  gap: 16px;
  padding: 5px 48px;
  background: #100018;
  border-bottom: 3px solid #e7b73c;
}
.console-logo { display: flex; align-items: center; width: fit-content; max-width: 100%; }
.console-logo img { display: block; width: 316px; max-width: 100%; max-height: 88px; height: auto; object-fit: contain; }
.console-ad { width: min(100%, 400px); justify-self: center; }
.console-ad a, .console-ad img { display: block; width: 100%; height: auto; }
.console-ad--below { display: none; }
.console-nav { justify-self: end; min-width: 0; width: min(100%, 205px); }
.console-nav select { width: 100%; height: 40px; border: 2px solid #e7b73c; border-radius: 5px; background: #000; color: #fff5dc; padding: 0 10px; font: bold 15px Georgia, 'Times New Roman', serif; cursor: pointer; }
.console-game {
  position: relative;
  width: 100%;
  height: calc(100vh - var(--console-bar-height));
  height: calc(100dvh - var(--console-bar-height));
}
.console-game iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
.console-page .site-footer { margin-top: 28px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

@media (max-width: 900px) {
  .console-page { --console-bar-height: 84px; }
  .console-bar { grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr) minmax(120px, 1fr); gap: 24px; padding: 5px 24px; }
  .console-logo img { max-height: 70px; }
}

@media (max-width: 450px) {
  .console-page { --console-bar-height: 54px; }
  .console-bar { grid-template-columns: minmax(0, 1fr) minmax(120px, 1fr); gap: 24px; padding: 6px 10px; }
  .console-logo img { width: 125px; }
  .console-nav { width: 100%; max-width: 170px; }
  .console-nav select { height: 30px; padding: 0 7px; font-size: 12px; }
  .console-ad--header { display: none; }
  .console-game { height: auto; aspect-ratio: var(--game-aspect); }
  .console-ad--below { display: block; width: calc(100% - 60px); max-width: 400px; margin: 16px auto; }
  .console-page .site-footer { margin-top: 0; padding-right: 30px; padding-left: 30px; }
  .console-page .site-footer__inner { border-top-width: 2px; padding-top: 20px; gap: 16px; }
  .console-page .site-footer__email { gap: 10px; }
  .console-page .site-footer__email img { width: 30px; }
}

/* Jackpot is portrait-native; its 36px sound toolbar is outside its 320x480 canvas. */
@media (orientation: portrait) {
  .console-page[data-game="jackpot-777"] .console-game { height: calc(150vw + 36px); max-height: calc(100dvh - var(--console-bar-height)); aspect-ratio: auto; }
}