/**
 * Shared cabinet page chrome — matches /games/no-quarter.html
 * Title + tag above the machine; instructions, HQ / Arcade Lab, visits below.
 * Hidden in Arcade Lab iframe previews (?embed=1).
 */
.arcade-chrome h1,
h1.arcade-chrome {
  font-family: "Courier New", Courier, monospace;
  font-size: 42px;
  margin: 20px 0 5px;
  text-align: center;
  color: #0ff;
  text-shadow: 0 0 10px #0ff;
  letter-spacing: 4px;
  font-weight: 700;
}
.arcade-chrome .tag,
.tag.arcade-chrome {
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  color: #f0f;
  margin: 0 0 10px;
  text-align: center;
  letter-spacing: 0.08em;
}
.arcade-chrome-instructions {
  margin-top: 15px;
  font-size: 13px;
  color: #888;
  max-width: 800px;
  text-align: center;
  line-height: 1.4;
  padding: 0 12px;
}
.arcade-chrome-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 10px;
  font-size: 11px;
  color: #555;
  font-family: "Courier New", Courier, monospace;
}
.arcade-chrome-meta a {
  color: #39ff14;
  text-decoration: none;
}
.arcade-chrome-meta a:hover { text-decoration: underline; }
.arcade-chrome-hint {
  font-size: 11px;
  color: #444;
  margin-top: 8px;
  text-align: center;
  max-width: 800px;
  padding: 0 12px;
  font-family: "Courier New", Courier, monospace;
}
.arcade-chrome .view-ticker-mini,
.view-ticker-mini.arcade-chrome {
  margin-top: 8px;
  margin-bottom: 24px;
  font-size: 10px;
  color: #444;
  letter-spacing: 0.12em;
  text-align: center;
  font-family: "Courier New", Courier, monospace;
}
.arcade-chrome .view-ticker-mini span,
.view-ticker-mini.arcade-chrome span { color: #39ff14; }

body.embed .arcade-chrome,
html.embed .arcade-chrome { display: none !important; }

/* Fullscreen canvas cabinets: leave room for chrome on the live cabinet URL */
html:not(.embed) body:not(.embed) {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}
html.cabinet-shell-page body.cabinet-shell-page {
  overflow-x: hidden;
  overflow-y: auto;
}
body:not(.embed) #wrap,
body:not(.embed) #game-wrap {
  flex: 0 0 auto;
}
html.cabinet-shell-page #wrap,
html.cabinet-shell-page #game-wrap,
.cabinet-shell__mount #wrap,
.cabinet-shell__mount #game-wrap {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}