/* Haunted House — domain styling only. */

body {
  background: #0d0a08;
  color: #f0e6d8;
}

.exhibit-header {
  background: linear-gradient(90deg, rgba(120, 70, 30, 0.35), rgba(255, 255, 255, 0.03));
  border-color: rgba(220, 170, 110, 0.22);
}

.exhibit-header h1 { color: #f0d9b5; }

.stage {
  border-color: rgba(220, 170, 110, 0.25);
  box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.9);
}

.panel {
  background: rgba(90, 60, 30, 0.2);
  border-color: rgba(220, 170, 110, 0.18);
}

.panel h2 { color: #e0b98a; }

input[type="range"] { accent-color: #e0a860; }

button {
  background: rgba(224, 168, 96, 0.12);
  border-color: rgba(220, 170, 110, 0.35);
  color: #f0e6d8;
}

button:hover { background: rgba(224, 168, 96, 0.24); }

button[aria-pressed="true"] {
  background: rgba(224, 168, 96, 0.4);
  border-color: rgba(245, 210, 160, 0.7);
}

select {
  background: rgba(20, 14, 10, 0.85);
  border-color: rgba(220, 170, 110, 0.3);
}

.exhibit-footer {
  background: rgba(90, 60, 30, 0.2);
  border-color: rgba(220, 170, 110, 0.18);
}

.exhibit-footer .announcement-label { color: #e0b98a; opacity: 0.7; }

.exhibit-header .status { color: #e0b98a; }

/* The audio engine state is a real capability, so it is shown plainly. */
#audio-state {
  font-weight: 600;
  letter-spacing: 0.04em;
}

#audio-state[data-state="available"] { color: #d8c090; }
#audio-state[data-state="loading"] { color: #ffd27a; }
#audio-state[data-state="ready"] { color: #9fe0a0; }
#audio-state[data-state="error"] { color: #ff8a7a; }