/* A straightforward table interface. Deck faces and board artwork keep their own styles. */
:root { font-family: Arial, Helvetica, sans-serif; }
body { background: #163a35; }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3, h4, .status, .scorebox strong, .metrics strong {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.mast h1, .admin-header h1 {
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: clamp(1.65rem, 4vw, 2.65rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.mast h1 em { font-style: normal; font-weight: inherit; }
.mast { padding-bottom: 16px; margin-bottom: 24px; }
.beta-label { font-family: Arial, Helvetica, sans-serif; letter-spacing: 0; border-radius: 3px; }
.panel h2, .profile-panel h2, .tour-panel h2, .admin-panel h2,
.leaderboard-head h2, .rules-dialog h2, .terms-dialog h2, .bug-dialog h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}
.show-row h3, .bottom-grid h3, .invite h3, .rules-dialog h3,
.terms-dialog h3, .bug-dialog h3 { font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.status { font: 700 1.15rem Arial, Helvetica, sans-serif; }
.tour-toolbar h2, .tour-banner h2, .tour-panel h3, .cut-area h2,
.cut-results h3, .tour-chat h3, .account-area h3, .rules-content h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.tour-toolbar h2, .tour-banner h2, .cut-area h2 { font-size: 1.5rem; }
.crib-banner strong, .cut-status, .score-overlay span,
.profile-stats strong, .public-profile-stats strong, .public-profile-initial,
.achievement-section summary { font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.scorebox strong { font-family: Arial, Helvetica, sans-serif; font-weight: 700; font-variant-numeric: tabular-nums; }
.eyebrow, .subhead, .badge, .score-mid, .peg-header strong, .metrics span {
  letter-spacing: .025em;
}
.panel, .tour-panel, .profile-panel, .leaderboard, .admin-panel,
.metrics article, .invite, .note, .history, .show-row, .practice-guide,
.challenge-info, .panel .match-options, .community-toast {
  border-radius: 5px;
  box-shadow: none;
}
.playfield { background: #25594c; box-shadow: none; border-radius: 0 0 5px 5px; }
.scoreboard { border-radius: 5px 5px 0 0; }
.big-choice { border-radius: 5px; min-height: 108px; padding: 18px; transition: border-color .15s; }
.big-choice:hover { transform: none; }
.choice-icon { display: none; }
.primary, .secondary, .quick-actions button, .feature-form button,
.friend-row button, .panel input, .panel select, .copyrow input,
.copyrow button, .account-dropdown, .chat-panel, .tour-chat,
.rules-dialog, .terms-dialog, .bug-dialog { border-radius: 5px; }
.account-dropdown, .community-toast, .rules-dialog, .terms-dialog, .bug-dialog {
  box-shadow: 0 3px 12px #0004;
}
.account-circle:hover { box-shadow: none; border-color: #fffaf0; }
html[data-theme=classic] { --site-bg: #163a35; --site-felt: #25594c; }
html[data-theme=ocean] { --site-bg: #18374d; --site-felt: #2d6585; }
html[data-theme=burgundy] { --site-bg: #422331; --site-felt: #683442; }
html[data-theme=midnight] { --site-bg: #172233; --site-felt: #2b3c51; }
html[data-theme=parchment] { --site-bg: #ded0b1; --site-felt: #3b654e; }
html[data-theme=violet] { --site-bg: #362942; --site-felt: #514161; }
html[data-high-contrast="1"] body { background: #09251f; color: #fff; }
@media(max-width:650px) {
  .mast { margin-bottom: 12px; padding-bottom: 12px; }
  .mast h1 { font-size: clamp(1.5rem, 6vw, 2rem); }
  .big-choice { min-height: 0; padding: 15px; }
  .panel h2, .profile-panel h2, .tour-panel h2 { font-size: 1.3rem; }
}