/* Nether portal hesaplayici: iki koordinat karti yan yana, ortada donusum oku. */
.np-izgara { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 18px; align-items: stretch; }
.np-kart {
  --np-renk: #22c55e;
  display: grid; gap: 14px; align-content: start; min-width: 0;
  padding: 18px; border-radius: 12px; background: var(--bg);
  border: 1px solid color-mix(in srgb, var(--np-renk) 40%, var(--line));
}
.np-nether { --np-renk: #dc2626; }
.np-kart-ust { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.np-kart-ust strong { font-family: var(--heading); font-size: 17px; font-weight: 650; letter-spacing: -.3px; }
.np-nokta { width: 10px; height: 10px; border-radius: 3px; background: var(--np-renk); flex: none; }
.np-xyz { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.np-xyz input { font-variant-numeric: tabular-nums; font-size: 16px; font-weight: 600; }
.np-uyari:empty { display: none; }
.np-uyari { color: #d98a0b; }
.np-kodlar { display: grid; gap: 8px; }
.np-kod {
  display: flex; align-items: center; gap: 8px; min-width: 0;
  padding: 6px 6px 6px 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface2);
}
.np-kod code {
  flex: 1; min-width: 0; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px; line-height: 1.5; color: var(--text); overflow-wrap: anywhere;
}
.np-kod .arac-dugme { flex: none; width: auto; }
.np-ok { display: grid; place-content: center; justify-items: center; gap: 4px; color: var(--muted); font-size: 12px; font-weight: 600; }
.np-ok b { font-size: 22px; line-height: 1; color: var(--accent); }
.np-ozet { margin: 16px 0 6px; font-size: 14.5px; color: var(--muted); }
.np-ozet strong { color: var(--text); font-variant-numeric: tabular-nums; }
.np-not { margin: 0 0 16px; }
.np-obsidyen { display: grid; gap: 12px; margin-top: 16px; }
.np-boyut { display: grid; grid-template-columns: repeat(2, minmax(0, 160px)); gap: 12px; }
.np-obs-sonuc { grid-template-columns: repeat(2, minmax(0, 220px)); }
@media (max-width: 860px) {
  .np-izgara { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .np-ok { grid-auto-flow: column; gap: 12px; }
  .np-ok b { transform: rotate(90deg); }
}
@media (max-width: 480px) {
  .np-kart { padding: 14px; }
  .np-boyut, .np-obs-sonuc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}