.screen-options { border-top: 1px solid #3f5138; margin: 20px 0 0; padding-top: 12px; }
.screen-options h3 { margin: 0 0 12px; font-size: 14px; font-weight: 600; }
.screen-options button {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  margin: 8px 0;
  border: 1px solid #698652;
  border-radius: 8px;
  background: #203421;
  color: #e1efd6;
  font: 600 14px/1.3 system-ui, sans-serif;
  text-align: left;
}
.screen-options button[aria-pressed="true"] { background: #3c5d2e; border-color: #b4d58b; }
.screen-options button:disabled { opacity: .65; cursor: wait; }
.screen-options [hidden] { display: none; }
.screen-options p { font-size: 12px; line-height: 1.5; color: #b7c8ad; margin: 6px 0 12px; }
.screen-options [role="status"] { min-height: 1.5em; color: #e0e9ca; margin-bottom: 0; }
/* Deliberately scoped to interface effects: world rendering and layout transforms stay intact. */
body.roadhead-reduced-motion :is(button, a, .card, .hbtn, .box, .screen-options, #toast, #speedo, #res, #obj),
body.roadhead-reduced-motion .hero-art,
body.roadhead-reduced-motion .hero-art * {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
body.roadhead-reduced-motion .hero-art { opacity: .35; }