/* Palette/material layer. Load after arcade-retro.css and game styles.
   All four styles share the existing markup, sizing, placement and breakpoints. */
body[data-arcade-design="retro"] {
  --arcade-bg: #f5ead2;
  --arcade-surface: #fff7e5;
  --arcade-surface-raised: #fffdf6;
  --arcade-surface-muted: #ead9ba;
  --arcade-text: #2b1712;
  --arcade-muted: #745c50;
  --arcade-border: #2b1712;
  --arcade-accent: #e75b2a;
  --arcade-accent-ink: #2b1712;
  --arcade-secondary: #1e6f68;
  --arcade-danger: #bd3828;
  --arcade-shadow: 7px 7px 0 #2b1712;
  --arcade-felt: #176f68;
  --arcade-felt-text: #fff7e5;
  --arcade-card: #fffaf0;
  --arcade-card-ink: #261b19;
  --arcade-card-red: #b32c3a;
  --arcade-ink: var(--arcade-text);
  --arcade-surface-alt: var(--arcade-surface-muted);
  --arcade-on-accent: var(--arcade-accent-ink);
  --arcade-focus: var(--arcade-accent);
}
html[data-arcade-theme="dark"] { background: #151719; color-scheme: dark; }
html[data-arcade-theme="porcelain"] { background: #efede7; color-scheme: light; }
html[data-arcade-theme="aurora"] { background: #101322; color-scheme: dark; }
body[data-arcade-design="retro"][data-arcade-theme="dark"] {
  --arcade-bg: #151719;
  --arcade-surface: #202428;
  --arcade-surface-raised: #2b3035;
  --arcade-surface-muted: #30363c;
  --arcade-text: #f2f1eb;
  --arcade-muted: #b9bdbf;
  --arcade-border: #4e555c;
  --arcade-accent: #e8bd82;
  --arcade-accent-ink: #241d14;
  --arcade-secondary: #89c7b7;
  --arcade-danger: #ffaba7;
  --arcade-shadow: 0 12px 34px #0005, 0 1px 2px #0004;
  --arcade-felt: #143d37;
  --arcade-felt-text: #edf7ee;
  --arcade-card: #f3f0e8;
  --arcade-card-ink: #20262b;
  --arcade-card-red: #ad2b43;
  --theme-hero: linear-gradient(130deg,#262c31,#1d2124 65%);
  --theme-glow: #e8bd82;
  --theme-pink: #bd93a7;
}
body[data-arcade-design="retro"][data-arcade-theme="porcelain"] {
  --arcade-bg: #efede7;
  --arcade-surface: #faf9f5;
  --arcade-surface-raised: #ffffff;
  --arcade-surface-muted: #e7e3da;
  --arcade-text: #2d3535;
  --arcade-muted: #596260;
  --arcade-border: #b5b9b2;
  --arcade-accent: #355f59;
  --arcade-accent-ink: #ffffff;
  --arcade-secondary: #526a89;
  --arcade-danger: #a53743;
  --arcade-shadow: 0 12px 28px #333b3512, 0 1px 3px #333b351a;
  --arcade-felt: #365d55;
  --arcade-felt-text: #faf9f2;
  --arcade-card: #fffefa;
  --arcade-card-ink: #26322f;
  --arcade-card-red: #a52c40;
  --theme-hero: linear-gradient(135deg,#f9f8f2,#e2e8df);
  --theme-glow: #355f59;
  --theme-pink: #a47e87;
}
body[data-arcade-design="retro"][data-arcade-theme="aurora"] {
  --arcade-bg: #101322;
  --arcade-surface: #1c2136;
  --arcade-surface-raised: #282d47;
  --arcade-surface-muted: #303550;
  --arcade-text: #f0f2fc;
  --arcade-muted: #b5bdd8;
  --arcade-border: #555e81;
  --arcade-accent: #b9a5f3;
  --arcade-accent-ink: #1c1732;
  --arcade-secondary: #83d2c9;
  --arcade-danger: #ffafb9;
  --arcade-shadow: 0 14px 38px #080b1a66, 0 1px 2px #070a1844;
  --arcade-felt: #173b46;
  --arcade-felt-text: #ebfaf7;
  --arcade-card: #f3f3fc;
  --arcade-card-ink: #25253d;
  --arcade-card-red: #ab2e57;
  --theme-hero: linear-gradient(130deg,#28233e,#182c39);
  --theme-glow: #83d2c9;
  --theme-pink: #c89fca;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) {
  --retro-ink: var(--arcade-text);
  --retro-cream: var(--arcade-bg);
  --retro-paper: var(--arcade-surface);
  --retro-orange: var(--arcade-accent);
  --retro-red: var(--arcade-danger);
  --retro-gold: var(--arcade-surface-muted);
  --retro-teal: var(--arcade-secondary);
  --retro-pink: var(--theme-pink);
  --retro-shadow: var(--arcade-shadow);
  --retro-border: 3px solid var(--arcade-border);
  --bg: var(--arcade-bg);
  --bg2: var(--arcade-surface-muted);
  --panel: var(--arcade-surface);
  --panel2: var(--arcade-surface-raised);
  --line: var(--arcade-border);
  --line-strong: var(--arcade-border);
  --text: var(--arcade-text);
  --muted: var(--arcade-muted);
  --pink: var(--arcade-accent);
  --pink2: var(--arcade-secondary);
  --pink3: var(--theme-pink);
  --violet: var(--arcade-secondary);
  --bluegray: var(--arcade-muted);
  --danger: var(--arcade-danger);
  --shadow: var(--arcade-shadow);
  color: var(--arcade-text);
  background: var(--arcade-bg);
  accent-color: var(--arcade-accent);
}
/* Scope the hardcoded retro chrome fixes to alternate themes. */
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.panel,.profile-popover,.arcade-profile-menu > summary,.lobby-profile-menu > summary,.arcade-toast,.retro-join-card,.retro-link-deck > *,.retro-resume,.lobby-sidebar,.lobby-bottom-bar,.lobby-topbar,.lobby-panel,.records-board,.records-fairness,.records-game,.passkey-device-list > article,.admin-metrics article,.admin-directory,.admin-game-manager,.admin-category-manager) {
  border-color: var(--arcade-border);
  background: var(--arcade-surface);
  color: var(--arcade-text);
  box-shadow: var(--arcade-shadow);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.arcade-bg) { background: var(--arcade-bg); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .arcade-bg::before { opacity: .07; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .arcade-bg::after { opacity: .06; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.retro-home,.records-hero,.admin-retro-hero,.passkey-page-hero,.admin-library-hero) {
  background: var(--theme-hero);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
  box-shadow: var(--arcade-shadow);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.retro-hero-copy h1 strong,.records-hero h1,.passkey-page-hero h1,.admin-retro-hero h1) { color: var(--arcade-text); text-shadow: none; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.retro-create-button,.primary,.primary.hot,.retro-join-card button,.profile-leaderboard-button,.admin-create-user,.passkey-main-button) {
  background: var(--arcade-accent);
  color: var(--arcade-accent-ink);
  border-color: var(--arcade-border);
  box-shadow: var(--arcade-shadow);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.profile-security-button,.profile-password-button,.profile-login-link,.ghost-button,.language-picker select,.mode-picker label > span,.check-row,.profile-language-quick select,.guest-profile-label,.guest-profile-rights,.records-board-head,.records-game > header,.records-filter button,.lobby-game-filter,.lobby-category-button) {
  color: var(--arcade-text);
  background: var(--arcade-surface-muted);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.form-stack input,.form-stack select,.inline-form input,.retro-join-card input,.login-password-form input,.login-password-form select,.profile-popover input:not([type="range"]),.profile-popover select,.admin-search input,.lobby-chat-form input) {
  background: var(--arcade-surface-raised);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) input::placeholder { color: var(--arcade-muted); opacity: 1; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.focus-panel > .muted,.auth-panel > .muted,.login-retro-heading p,.profile-head p) { color: var(--arcade-muted); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.mode-picker input:checked + span,.records-filter button.is-active) { background: var(--arcade-accent); color: var(--arcade-accent-ink); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .mode-picker input:checked + span :is(b,em) { color: inherit; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.error,.notice) { background: var(--arcade-surface-muted); color: var(--arcade-text); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.profile-brand-name,.profile-volume-control,.profile-language-quick,.records-board li + li) { border-color: var(--arcade-border); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.retro-marquee,.game-countdown b) { background: var(--arcade-surface-muted); color: var(--arcade-text); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.records-board li.rank-1,.records-board li.rank-2,.records-board li.rank-3) { background: var(--arcade-surface-muted); color: var(--arcade-text); }
/* Playing-card faces retain their own ink pair, independent of dark UI text. */
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.poker-card:not(.is-back),.blackjack-card-front,.memory-card-front,.teriyaki-card:not(.is-back)) {
  background-color: var(--arcade-card);
  color: var(--arcade-card-ink);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.poker-card.is-red,.teriyaki-card.is-red,.blackjack-card-front.is-red) { color: var(--arcade-card-red); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(button,a,input,select,textarea,summary):focus-visible {
  outline: 3px solid var(--arcade-accent);
  outline-offset: 3px;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) ::selection { background: var(--arcade-accent); color: var(--arcade-accent-ink); }
/* Only the new preference control introduces layout rules. */
body[data-arcade-design="retro"] .appearance-selector { margin: 14px; padding-top: 12px; border-top: 1px solid var(--arcade-border); }
body[data-arcade-design="retro"] .appearance-selector-heading { margin-bottom: 9px; color: var(--arcade-text); font-size: .7rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
body[data-arcade-design="retro"] .appearance-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
body[data-arcade-design="retro"] button.appearance-option { display: grid; justify-items: center; gap: 7px; min-width: 0; padding: 8px 3px; border: 1px solid var(--arcade-border); border-radius: 10px; background: var(--arcade-surface); color: var(--arcade-text); font: 800 .57rem ArcadeText,sans-serif; box-shadow: none; cursor: pointer; }
body[data-arcade-design="retro"] button.appearance-option.is-active { outline: 2px solid var(--arcade-accent); outline-offset: 1px; background: var(--arcade-surface-muted); }
body[data-arcade-design="retro"] button.appearance-option:disabled { cursor: progress; opacity: .65; }
body[data-arcade-design="retro"] .appearance-swatch { display: flex; width: 100%; height: 25px; overflow: hidden; border-radius: 5px; border: 1px solid #8886; background: #f5ead2; }
body[data-arcade-design="retro"] .appearance-swatch i { flex: 1; background: #e75b2a; }
body[data-arcade-design="retro"] .appearance-swatch i:nth-child(2) { background: #e9a92f; }
body[data-arcade-design="retro"] .appearance-swatch i:nth-child(3) { background: #1e6f68; }
body[data-arcade-design="retro"] .appearance-swatch-dark i { background: #151719; }
body[data-arcade-design="retro"] .appearance-swatch-dark i:nth-child(2) { background: #30363c; }
body[data-arcade-design="retro"] .appearance-swatch-dark i:nth-child(3) { background: #e8bd82; }
body[data-arcade-design="retro"] .appearance-swatch-porcelain i { background: #efede7; }
body[data-arcade-design="retro"] .appearance-swatch-porcelain i:nth-child(2) { background: #faf9f5; }
body[data-arcade-design="retro"] .appearance-swatch-porcelain i:nth-child(3) { background: #355f59; }
body[data-arcade-design="retro"] .appearance-swatch-aurora i { background: #101322; }
body[data-arcade-design="retro"] .appearance-swatch-aurora i:nth-child(2) { background: #b9a5f3; }
body[data-arcade-design="retro"] .appearance-swatch-aurora i:nth-child(3) { background: #83d2c9; }
body[data-arcade-design="retro"] .appearance-status { margin: 8px 0 0; min-height: 1em; color: var(--arcade-muted); font-size: .65rem; line-height: 1.4; }

/* Legacy carousel and seat rules use literal cream fills with higher specificity. */
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.lobby-player,.lobby-empty-slot,.lobby-mini-status,.lobby-game-card,.lobby-game-filters,.lobby-game-card .lobby-tags span) {
  background: var(--arcade-surface) !important;
  color: var(--arcade-text);
  border-color: var(--arcade-border);
  box-shadow: var(--arcade-shadow);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.lobby-game-card p,.lobby-player p) { color: var(--arcade-muted) !important; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.lobby-title-card,.lobby-game-filters button.is-active,.lobby-start-button,.lobby-selected-badge,.lobby-game-category,.lobby-game-number) { background: var(--arcade-accent) !important; color: var(--arcade-accent-ink) !important; border-color: var(--arcade-border); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.lobby-title-card p,.lobby-title-card h1,.lobby-game-filters button.is-active b) { color: var(--arcade-accent-ink); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .lobby-start-button:disabled { background: var(--arcade-surface-muted) !important; color: var(--arcade-muted) !important; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .card-table-game :is(.poker-card:not(.is-hidden),.blackjack-card-front,.memory-card-front) { background: var(--arcade-card) !important; color: var(--arcade-card-ink) !important; border-color: var(--arcade-card-ink) !important; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .card-table-game :is(.poker-card.is-red,.blackjack-card-front.is-red) { color: var(--arcade-card-red) !important; }
/* A long profile can scroll as one surface; its sections keep their natural size. */
body[data-arcade-design="retro"] .profile-popover {
  max-height: calc(100dvh - 120px);
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
}
body[data-arcade-design="retro"] .profile-popover > * { flex-shrink: 0; }

body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .profile-logout {
  background: var(--arcade-surface-muted);
  color: var(--arcade-text);
  border-top: 1px solid var(--arcade-border);
  box-shadow: none;
}

/* Music games: literal cream/ochre fills need explicit alternate-theme pairs. */
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-answer-zone,.beet-score-list article,.beet-score-list article > i,.beet-history-row,.chronol-own-overview,.chronol-song,.chronol-drop,.chronol-players > button) {
  background: var(--arcade-surface-muted);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
  box-shadow: var(--arcade-shadow);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-score-list article.rank-1,.beet-score-list article.rank-2,.beet-score-list article.rank-3,.beet-score-list article > i,.chronol-drop.is-clickable,.chronol-players > button.is-selected) {
  background: var(--arcade-surface-raised);
  color: var(--arcade-text);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-score-card header,.beet-history-card header,.chronol-table > header,.chronol-side > header) {
  background: var(--arcade-surface-muted);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-score-card header,.beet-history-card header,.chronol-table > header,.chronol-side > header) :is(h2,small,span,.game-kicker) {
  color: var(--arcade-text);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-pills b,.beet-guess-card header span,.beet-tip,.beet-score-list p,.beet-song-reveal p,.beet-song-reveal article > div:nth-child(2) > span,.chronol-hero-copy > span,.chronol-now-card p,.chronol-now-card.is-mystery p,.chronol-timer span,.chronol-song span,.chronol-players > button > strong,.chronol-reveal-pop span,.chronol-reveal-pop p) {
  color: var(--arcade-muted);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-tip b,.beet-answer-zone > label,.chronol-own-overview > header b,.chronol-own-overview > header small,.chronol-song strong,.chronol-drop.is-clickable) {
  color: var(--arcade-text);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .chronol-hero .game-kicker { color: var(--arcade-accent); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-history-row a) { color: var(--arcade-secondary); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-guess-form input,.chronol-side-actions select) {
  background: var(--arcade-surface);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
  box-shadow: none;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-guess-form button,#chronol-play-toggle,.chronol-song b) {
  background: var(--arcade-accent);
  color: var(--arcade-accent-ink);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-feedback,.chronol-feedback,.chronol-reveal-pop article) {
  background: var(--arcade-surface-raised);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.beet-feedback em,.chronol-feedback em) {
  background: var(--arcade-surface-muted);
  color: var(--arcade-text);
}

/* Score rows and answer controls share surfaces, while game boards keep their art. */
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(
  .connect4-players article,.connect4-score-orbit div,
  .tictactoe-players article,.tictactoe-rule-stack div,
  .pong-player-strip article,.pong-input-pad,
  .wer-players article,.wer-log article,
  .millionaire-ladder div,.millionaire-players article,
  .millionaire-answers button,.millionaire-lock-panel,
  .boss-scorepad article,.boss-history article,.chess-players article,.dame-players article,
  .bowling-players article,.bowling-scorecard article
) {
  background: var(--arcade-surface-muted);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
  box-shadow: var(--arcade-shadow);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.wer-guess-form input,.bowling-controls input) {
  background: var(--arcade-surface-raised);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
  box-shadow: none;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.millionaire-lock-panel span,.millionaire-lock-panel p,.millionaire-personal-result > p) { color: var(--arcade-muted); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .millionaire-lock-panel b { color: var(--arcade-text); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.wer-guess-form button:not(#wer-skip),.pong-input-pad button,.millionaire-ladder div.is-current,.millionaire-answers button.is-selected,.millionaire-answers button span,#millionaire-lock-answer.is-ready,.millionaire-lifelines button) {
  background: var(--arcade-accent);
  color: var(--arcade-accent-ink);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .millionaire-answers button.is-selected b { color: var(--arcade-accent-ink); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.millionaire-answers button:disabled:not(.is-selected):not(.is-correct):not(.is-wrong),#millionaire-lock-answer:disabled,.millionaire-lifelines button:disabled) {
  background: var(--arcade-surface-muted);
  color: var(--arcade-muted);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.millionaire-answers button.is-correct,.millionaire-answers button.is-wrong,.millionaire-answers button.is-correct b,.millionaire-answers button.is-wrong b) {
  background: var(--arcade-surface-raised);
  color: var(--arcade-text);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .millionaire-answers button.is-correct { border-color: var(--arcade-secondary); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .millionaire-answers button.is-wrong { border-color: var(--arcade-danger); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.connect4-players article.is-current,.tictactoe-players article.is-current,.wer-players article.is-current) {
  background: var(--arcade-surface-raised);
  border-color: var(--arcade-accent);
}

/* Alternate palettes use quiet page backdrops instead of the retro dot print. */
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .arcade-main.page-play:is(.play-connect4,.play-tictactoe,.play-pong,.play-werbinich,.play-boss,.play-chess,.play-dame,.play-bowling) { background: var(--arcade-bg) !important; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.boss-turn-banner,.boss-player,.classic-board-details > summary,.pong-center-message) {
  background: var(--arcade-surface-muted);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.boss-board-copy,.classic-board-details,.bowling-actionbar label) {
  background: var(--arcade-surface-muted);
  color: var(--arcade-text);
  border-color: var(--arcade-border);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.chess-square.is-dark .chess-coord,.dame-square.is-playable .dame-coord) { color: #11211b; opacity: 1; }

/* Party games keep their category artwork; their UI uses the account palette. */
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.you-game,.you-controller-setup) {
  --you-ink: var(--arcade-text);
  --you-card: var(--arcade-surface);
  --you-a: var(--arcade-accent);
  --you-b: var(--arcade-surface-muted);
  --you-c: var(--arcade-secondary);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .tot-game {
  --tot-ink: var(--arcade-text);
  --tot-paper: var(--arcade-surface);
  --tot-orange: var(--arcade-accent);
  --tot-gold: var(--arcade-surface-muted);
  --tot-teal: var(--arcade-secondary);
  --tot-blue: var(--arcade-secondary);
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .arcade-main.page-play:is(.play-youdothat,.play-thisorthat) {
  background-color: var(--arcade-bg) !important;
  background-image: none !important;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.you-tv,.you-head,.you-prompt-card,.you-controller,.you-controller > header,.you-scoreboard,.you-controller-setup > article,.tot-header,.tot-choice,.tot-or,.tot-footer,.tot-reveal,.tot-set-intro) {
  border-color: var(--arcade-border) !important;
  box-shadow: var(--arcade-shadow) !important;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.you-prompt-card,.you-submissions article,.you-submissions article.you-polaroid,.you-controller-setup > article,.you-scoreboard article,.you-choice-grid button,.you-controller header .you-remote-open,.you-advance-controls .you-pause) {
  background: var(--arcade-surface-raised) !important;
  color: var(--arcade-text) !important;
  border-color: var(--arcade-border) !important;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.you-action,.you-controller.you-actionbar,.you-wait-card,.tot-progress > div,.tot-scoreboard,.tot-scoreboard article,.tot-choice-media,.tot-scoreboard article > i) {
  background: var(--arcade-surface-muted) !important;
  color: var(--arcade-text) !important;
  border-color: var(--arcade-border) !important;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.you-head > div > span,.you-prompt-card p,.you-submissions article span,.you-score-events span,.you-controller header span,.you-scoreboard h3,.you-scoreboard span,.you-controller-setup > article > p,.you-setup-copy ul,.you-wait-card span,.tot-title > span,.tot-choice-copy small,.tot-set-intro p,.tot-reveal p,.tot-status p,.tot-scoreboard > header small,.tot-scoreboard article small) {
  color: var(--arcade-muted) !important;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.you-head .you-fullscreen,.you-controller header button.is-active,.you-controller header .you-remote-open.is-connected,.you-advance-controls .you-pause.is-paused,.you-next,.tot-choice-letter,.tot-or,.tot-audio-button.is-playing) {
  background: var(--arcade-accent) !important;
  color: var(--arcade-accent-ink) !important;
  border-color: var(--arcade-border) !important;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) :is(.you-submissions article.is-done,.tot-scoreboard article.is-awarded) {
  background: color-mix(in srgb,var(--arcade-surface) 85%,var(--arcade-secondary)) !important;
  color: var(--arcade-text) !important;
  border-color: var(--arcade-secondary) !important;
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .you-qr-frame small { color: var(--arcade-card-ink); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .you-topic-intro-screen { background: var(--arcade-bg) !important; color: var(--arcade-text) !important; }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .you-topic-intro-screen section { background: var(--arcade-surface); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .you-topic-intro-screen section > span { color: var(--arcade-accent); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .you-topic-intro-screen p { color: var(--arcade-muted); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .you-topic-intro-screen strong { background: var(--arcade-accent); color: var(--arcade-accent-ink); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .tot-choice.is-left { background: linear-gradient(155deg,var(--arcade-surface) 0 62%,var(--arcade-surface-muted) 62%); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .tot-choice.is-right { background: linear-gradient(205deg,var(--arcade-surface) 0 62%,var(--arcade-surface-raised) 62%); }
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .tot-choice.is-awarded::after { background: #315c44; color: #fff; }
@media (max-width: 680px) {
  /* The name/chevron toggles the profile; adjacent language/volume stay interactive. */
  body[data-arcade-design="retro"] .arcade-profile-menu > summary .profile-summary-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-width: 44px;
    min-height: 44px;
    cursor: pointer;
  }
}
body[data-arcade-design="retro"]:is([data-arcade-theme="dark"],[data-arcade-theme="porcelain"],[data-arcade-theme="aurora"]) .you-controller header :is(button.is-active,.you-remote-open.is-connected) span { color: var(--arcade-accent-ink) !important; }