:root {
  --omelas-ink: #16130f;
  --omelas-paper: #efe4c5;
  --omelas-gold: #d8a536;
  --omelas-sea: #4c7b87;
  --omelas-glass: rgba(221, 247, 255, .20);
  --omelas-glass-edge: #84c3d1;
  --omelas-red: #9f402c;
  --omelas-shadow: #0b0c0e;
}
.omelas-glass-panel {
  background: linear-gradient(135deg, rgba(255,255,255,.34), rgba(132,195,209,.18), rgba(12,24,31,.24));
  border: 2px solid var(--omelas-glass-edge);
  box-shadow: 0 20px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.45);
  border-radius: 22px;
  backdrop-filter: blur(14px);
  color: var(--omelas-paper);
}
.omelas-paper-button {
  background: var(--omelas-paper);
  color: var(--omelas-ink);
  border: 3px solid var(--omelas-ink);
  border-radius: 10px;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
  padding: .75rem 1rem;
}
.omelas-red-ribbon { background: var(--omelas-red); color: var(--omelas-paper); padding: .35rem .75rem; text-transform: uppercase; letter-spacing: .08em; }
.omelas-hud-icon { width: 42px; height: 42px; object-fit: contain; filter: drop-shadow(0 2px 6px rgba(0,0,0,.4)); }
.omelas-report-textarea { min-height: 7rem; width: 100%; background: rgba(255,247,223,.88); color: var(--omelas-ink); border: 2px solid var(--omelas-gold); border-radius: 10px; padding: .8rem; }
