/* Raf tipleri ve baca boşlukları 3B sahnesi (js/viz/rack-flues.js). Ortak sınıflar css/cviz.css'te. */
.rk-view {
  position: relative;
  aspect-ratio: 16 / 10;
  margin: 0 0 16px;
  border-radius: 10px;
  overflow: hidden;
  background: #0a1628;
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.rk-view:active { cursor: grabbing; }
.rk-view canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.rk-ann { pointer-events: none; }
/* three.js gelene kadar tuval yok: sahne yerini koyu zeminle tutar */
.cviz:not(.rk-live) .rk-view::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px;
  border-radius: 50%; border: 3px solid rgba(240, 230, 255, 0.15); border-top-color: var(--accent-fire);
  animation: rk-spin 0.9s linear infinite;
}
@keyframes rk-spin { to { transform: rotate(360deg); } }

.rk-hud {
  position: absolute; left: 12px; top: 12px; right: 12px;
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px;
  pointer-events: none;
}
.rk-hud-t {
  font-size: 0.8rem; line-height: 1.35; color: #EEF2FF;
  padding: 4px 10px; border-radius: 9px;
  background: rgba(8, 14, 30, 0.72); border: 1px solid rgba(240, 230, 255, 0.1);
  font-variant-numeric: tabular-nums;
}
.rk-hint { position: absolute; right: 12px; bottom: 9px; font-size: 0.72rem; color: rgba(240, 230, 255, 0.5); pointer-events: none; }

.rk-ctrl { display: flex; flex-wrap: wrap; gap: 14px 26px; }
.rk-grp { display: grid; gap: 7px; }
.rk-lbl { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); }
.rk-list { margin: 0; padding-left: 18px; display: grid; gap: 4px; }
.rk-list li { margin: 0; }

/* Durağan karede yalnız sahne kalır */
.cviz-stage.is-still .rk-ctrl, .cviz-stage.is-still .rk-out { display: none; }
.cviz-stage.is-still .rk-view { margin: 0; }

@media (max-width: 640px) {
  .rk-view { aspect-ratio: 1 / 1.08; }
  .rk-hud { left: 8px; top: 8px; right: 8px; }
  .rk-hud-t { font-size: 0.72rem; }
  .rk-ctrl { gap: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .cviz:not(.rk-live) .rk-view::after { animation: none; }
}