/* Selected B exterior: adventure-map paper, with dark RPG controls. */
:root {
  --page-ground: #c7bc96;
  --page-ink: #2d392c;
  --page-muted: #43503c;
  --page-frame: #8b7850;
  --page-shadow: #796e4f;
  --page-surface: #293b31;
  --page-surface-dark: #1b3026;
  --page-button: #344b3a;
  --page-button-hover: #415c45;
  --page-button-edge: #8d9467;
  --page-surface-muted: #bdcbbb;
}
body {
  min-height: 100vh;
  background-color: var(--page-ground);
  background-image: url('assets/ui/exterior-parchment.png');
  background-size: 100% 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.site-header .wordmark, .site-footer { color: var(--page-ink); }
.site-header .build, .keyboard-note, #rest-status { color: var(--page-muted); }
.title-screen {
  border: 2px solid var(--page-frame);
  border-radius: 0;
  box-shadow: 0 3px 0 var(--page-shadow);
}
.title-footer, .screen-heading, .screen-bottom { background: var(--page-surface-dark); }
.title-footer { color: #e2e8d7; }
.title-footer span { color: var(--page-surface-muted); }
/* Fever owns the frame color, glow and animation while it is active. */
#play-screen:not([data-fever="true"]) .screen-frame {
  border-color: var(--page-frame);
  box-shadow: 0 3px 0 var(--page-shadow);
}
.status-panel { background: var(--page-surface); border-color: var(--page-frame); }
.status-panel .label, .status-panel .save-status,
.status-panel .run-stats dt, .status-panel .level-line small {
  color: var(--page-surface-muted);
}
:is(.site-header, .field-controls, .menu-buttons) button {
  background: var(--page-button);
  border-color: var(--page-button-edge);
  border-radius: 0;
  box-shadow: 0 2px 0 var(--page-shadow);
}
:is(.site-header, .field-controls, .menu-buttons) button:hover:not(:disabled) {
  background: var(--page-button-hover);
}
/* These labels sit directly on paper; cards, commands and dialogs stay dark. */
.enemy-header h2 { color: var(--page-ink); }
.enemy-header .label, #enemy-hp-text, .target-help, .command-hint {
  color: var(--page-muted);
}