/* Clubhouse presentation only. The cabinet, CRT, artwork and game keep their own rendering. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("clubhouse-inter-latin.woff2?v=3100e775e861") format("woff2");
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("clubhouse-space-grotesk-latin.woff2?v=0640890476fc") format("woff2");
}
body.clubhouse-arcade {
  --clubhouse-bg: #0b0f17;
  --clubhouse-panel: #131b29;
  --clubhouse-card: #192336;
  --clubhouse-border: #283650;
  --clubhouse-text: #f1f5f9;
  --clubhouse-muted: #94a3b8;
  --clubhouse-action: #34d399;
  --clubhouse-action-hover: #6ee7b7;
  min-height: 100vh;
  color: var(--clubhouse-text);
  background: var(--clubhouse-bg);
  font-family: "Inter", system-ui, sans-serif;
  accent-color: var(--clubhouse-action);
  scrollbar-color: #475569 var(--clubhouse-panel);
}
.clubhouse-arcade .cabinet-header h1,
.clubhouse-arcade .arcade-title,
.clubhouse-arcade .score-entry-heading h2,
.clubhouse-arcade .play-note h2 {
  font-family: "Space Grotesk", "Inter", system-ui, sans-serif;
  font-weight: 700;
  color: var(--clubhouse-text);
}
.clubhouse-arcade .cabinet-header nav a,
.clubhouse-arcade .cabinet-account a,
.clubhouse-arcade .alternate-links a,
.clubhouse-arcade .arcade-nav a {
  color: var(--clubhouse-action-hover);
  text-decoration-thickness: 1px;
}
.clubhouse-arcade .cabinet-page .eyebrow {
  color: var(--clubhouse-action);
}
.clubhouse-arcade :is(.subtitle, #cabinet-flow-status, .play-note p,
  .cabinet-game-note, .preference-note, .audio-settings p, .audio-settings summary span,
  .cabinet-page footer, .arcade-shell > .arcade-kicker, .arcade-shell > .arcade-note,
  .arcade-status, .arcade-shell > details) {
  color: var(--clubhouse-muted);
}
.clubhouse-arcade .cabinet-room,
.clubhouse-arcade .audio-settings {
  border-color: var(--clubhouse-border);
  border-radius: 16px;
}
.clubhouse-arcade :is(.game-bar, .cabinet-tools, .control-deck, .audio-settings,
  .cabinet-score-entry, .cabinet-game-note) {
  background: var(--clubhouse-panel);
  border-color: var(--clubhouse-border);
}
.clubhouse-arcade :is(.cabinet-page footer, .arcade-shell > details) {
  border-color: var(--clubhouse-border);
}
.clubhouse-arcade .cabinet-page button,
.clubhouse-arcade .cabinet-game-choice select,
.clubhouse-arcade .arcade-settings select,
.clubhouse-arcade .arcade-controls button,
.clubhouse-arcade .arcade-shell > details :is(button, select) {
  color: var(--clubhouse-text);
  background: var(--clubhouse-card);
  border: 1px solid var(--clubhouse-border);
  border-radius: 8px;
}
.clubhouse-arcade .cabinet-page button:hover,
.clubhouse-arcade .arcade-controls button:hover,
.clubhouse-arcade .arcade-shell > details button:hover {
  background: #24324b;
}
.clubhouse-arcade .cabinet-page :is(#coin, #cabinet-save-score),
.clubhouse-arcade .arcade-shell > .play-button,
.clubhouse-arcade .cabinet-page button[aria-pressed="true"],
.clubhouse-arcade .direction-pad button[data-active="true"] {
  color: #020617;
  background: var(--clubhouse-action);
  border-color: var(--clubhouse-action);
  font-weight: 700;
}
.clubhouse-arcade .cabinet-page :is(#coin, #cabinet-save-score):hover,
.clubhouse-arcade .arcade-shell > .play-button:hover {
  background: var(--clubhouse-action-hover);
}
.clubhouse-arcade #cabinet-initials {
  color: var(--clubhouse-text);
  caret-color: var(--clubhouse-action);
  background: var(--clubhouse-bg);
  border-color: var(--clubhouse-border);
  border-radius: 8px;
}
.clubhouse-arcade :is(.audio-sliders label, .player-controls > div > p:not(.eyebrow),
  .cabinet-score-entry p) {
  color: var(--clubhouse-text);
}
.clubhouse-arcade :is(.audio-sliders output, #cabinet-entry-score) {
  color: var(--clubhouse-action-hover);
}
.clubhouse-arcade .cabinet-page :is(button, a, input, select, summary):focus-visible,
.clubhouse-arcade .arcade-shell > :is(a, button, details):focus-visible,
.clubhouse-arcade .arcade-settings select:focus-visible,
.clubhouse-arcade .arcade-controls button:focus-visible {
  outline: 3px solid var(--clubhouse-action);
  outline-offset: 4px;
}
/* Preserve the period display and printed welcome sheet, including their existing controls. */
.clubhouse-arcade .crt {
  font-family: "Courier New", ui-monospace, monospace;
}
.clubhouse-arcade :is(.arcade-flyer, .flyer-guide) {
  font-family: system-ui, sans-serif;
}