/* RGB gradyan yazi. Onizleme her temada koyu: oyundaki sohbeti taklit eder. */
.rg-duraklar { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.rg-durak { display: flex; align-items: center; gap: 8px; }
.rg-durak input[type=color] { flex: none; width: 48px; height: 40px; }
.arac-panel .rg-durak input[type=text] {
  flex: 1; min-width: 0; min-height: 40px; padding: 8px 12px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-transform: uppercase;
}
.arac-panel .rg-durak input[aria-invalid=true] { border-color: #ef4444; }
.rg-sil {
  flex: none; width: 40px; height: 40px; border-radius: 9px; border: 1px solid var(--line);
  background: var(--bg); color: var(--muted); font-size: 20px; line-height: 1; cursor: pointer;
}
.rg-sil:hover:not(:disabled) { border-color: #ef4444; color: #ef4444; }
.rg-sil:disabled { opacity: .4; cursor: not-allowed; }
.rg-bicim { border: 0; margin: 0; padding: 0; min-width: 0; }
.rg-bicim legend { padding: 0; margin-bottom: 7px; }
.rg-onaylar { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.rg-onizleme {
  min-height: 72px; padding: 18px; border-radius: 12px; border: 1px solid var(--line);
  background: #121212 linear-gradient(180deg, #232323, #121212);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 22px; line-height: 1.45;
  white-space: pre-wrap; overflow-wrap: anywhere;
}
.rg-bos { color: #777; font-size: 14px; }
#rg-say[data-durum=uyari] { color: #d98a0b; }
#rg-say[data-durum=uyari]::before { content: '⚠ '; }
@media (max-width: 720px) {
  .rg-onizleme { font-size: 18px; padding: 14px; }
  .arac-dugmeler.yan .arac-dugme { width: auto; }
}