/* ============================================================
   Kuģīši — spēles lauka re-tēma Spēļotavas tumšajā dizainā
   Pārraksta TIKAI krāsas un virsmas: baltie lauki kļūst par
   patīkami tumšu jūru. Izkārtojums un loģika neskarta.
   ============================================================ */

:root {
  --kg-water: #101e36;
  --kg-water-line: #1e2f4f;
  --kg-ship: #4c6ea6;
  --kg-ship-light: #6d8fc4;
  --kg-hit: #ff6b4a;
  --kg-miss: #5a6b85;
  --kg-sunk: #c23a4a;
  --kg-accent: #6fc3ff;
}

/* ===== Režģis: tumšā jūra ===== */

.kg-grid-inner {
  background: var(--kg-water-line);
  border-color: var(--kg-water-line);
}

.kg-corner,
.kg-label {
  background: #0b1220;
}

.kg-label { color: #64748e; }

.kg-place .kg-cell:hover { background: #1b2c4d; }

.kg-miss { background: #182642 !important; }

.kg-target.kg-clickable:hover {
  background: #1b2f55;
  box-shadow: inset 0 0 0 2px var(--kg-accent);
}

.kg-preview-ok { background: rgba(111, 195, 255, 0.4) !important; }
.kg-preview-bad { background: rgba(255, 107, 74, 0.4) !important; }

.kg-scan { box-shadow: inset 0 0 0 2px #ffd76e; }
.kg-scan-ship { background: rgba(255, 215, 110, 0.3) !important; box-shadow: inset 0 0 0 2px #ffd76e; }

/* ===== Toggle (speciālie efekti) ===== */

.kg-toggle-row {
  background: #0b1220;
  border: 1px solid rgba(158, 182, 214, 0.2);
  color: #eef3fa;
}

.kg-toggle-track { background: rgba(158, 182, 214, 0.25); }

.kg-toggle-row input:checked + .kg-toggle-track { background: #c8f542; }

.kg-toggle-name { color: #eef3fa; }
.kg-toggle-desc { color: #93a3ba; }

/* ===== Statusa josla un uzraksti ===== */

.kg-phase-badge {
  background: rgba(148, 176, 215, 0.1);
  border: 1px solid rgba(158, 182, 214, 0.2);
  color: #b9c6d8;
}

.kg-phase-badge.my-turn {
  background: rgba(200, 245, 66, 0.12);
  border-color: rgba(200, 245, 66, 0.45);
  color: #c8f542;
}

@keyframes kg-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(200, 245, 66, 0.3); }
  50% { box-shadow: 0 0 0 6px rgba(200, 245, 66, 0); }
}

.kg-board-label { color: #64748e; }
.kg-hint { color: #93a3ba; }
.kg-board-title { color: #eef3fa; }
.kg-board-sub { color: #64748e; }

.kg-ships-left {
  color: #6fc3ff;
  background: rgba(111, 195, 255, 0.12);
  border: 1px solid rgba(111, 195, 255, 0.25);
}

/* ===== Flotes panelis ===== */

.kg-fleet-panel {
  background: #0b1220;
  border: 1px solid rgba(158, 182, 214, 0.14);
}

.kg-fleet-panel h3 { color: #64748e; }

.kg-ship-item {
  border: 1px solid rgba(158, 182, 214, 0.18);
  color: #eef3fa;
  background: rgba(148, 176, 215, 0.04);
}

.kg-ship-item:hover { border-color: rgba(111, 195, 255, 0.45); }

.kg-ship-item.selected {
  border-color: var(--kg-accent);
  background: rgba(111, 195, 255, 0.1);
  box-shadow: 0 0 0 1px var(--kg-accent);
}

.kg-ship-mini { color: #8fb0dd; }
.kg-ship-size { color: #64748e; }
.kg-ship-check { color: #3ddc84; }

.kg-ready-btn:disabled {
  background: rgba(148, 176, 215, 0.15);
  color: #64748e;
}

.kg-opp-status { color: #93a3ba; }
.kg-ready-yes { color: #3ddc84; }
.kg-ready-no { color: #64748e; }

/* ===== Flotes uzskaite un power-up josla ===== */

.kg-fleet-pip {
  border: 1px solid rgba(158, 182, 214, 0.2);
  background: #0b1220;
  color: #b9c6d8;
}

.kg-fleet-pip .kg-pip-mini { color: #8fb0dd; }

.kg-fleet-pip.sunk {
  background: rgba(194, 58, 74, 0.12);
  border-color: rgba(194, 58, 74, 0.4);
  color: #ff8b98;
}

.kg-fleet-pip.sunk .kg-pip-mini { color: #ff8b98; }

.kg-power-bar {
  background: #0b1220;
  border: 1px solid rgba(158, 182, 214, 0.16);
}

.kg-power-energy {
  color: #c8f542;
  border-right: 1px solid rgba(158, 182, 214, 0.15);
}

.kg-power-btn {
  border: 1px solid rgba(158, 182, 214, 0.22);
  background: rgba(148, 176, 215, 0.06);
  color: #eef3fa;
}

.kg-power-btn:hover:not(:disabled) {
  border-color: var(--kg-accent);
  background: rgba(111, 195, 255, 0.1);
}

.kg-power-btn.active {
  border-color: var(--kg-accent);
  background: rgba(111, 195, 255, 0.14);
  box-shadow: 0 0 0 1px var(--kg-accent);
}

.kg-power-btn .kg-power-cost { color: #93a3ba; }

.kg-power-hint { color: #93a3ba; }

.kg-dir-btn {
  background: rgba(148, 176, 215, 0.08);
  border: 1px solid rgba(158, 182, 214, 0.24);
  color: #eef3fa;
}

/* ===== Beigu ekrāns ===== */

.kg-result.win {
  background: rgba(61, 220, 132, 0.1);
  border: 1px solid rgba(61, 220, 132, 0.35);
}

.kg-result.lose {
  background: rgba(255, 107, 74, 0.09);
  border: 1px solid rgba(255, 107, 74, 0.3);
}

.kg-result h2 { color: #eef3fa; }
.kg-result p { color: #93a3ba; }

/* ===== Toasti un modāļi ===== */

.kg-toast {
  background: #101d33;
  border: 1px solid rgba(158, 182, 214, 0.25);
  color: #eef3fa;
  box-shadow: 0 12px 34px rgba(2, 6, 14, 0.6);
}

.kg-toast.sunk { background: #3a1420; border-color: rgba(194, 58, 74, 0.5); }
.kg-toast.win { background: #14301f; border-color: rgba(61, 220, 132, 0.5); }

.modal-overlay { background: rgba(3, 6, 12, 0.75); }

.modal-box {
  background: #0d1526;
  border: 1px solid rgba(158, 182, 214, 0.22);
  color: #eef3fa;
  box-shadow: 0 24px 60px rgba(2, 6, 14, 0.7);
}

.modal-title { color: #eef3fa; }
.modal-message { color: #93a3ba; }

.modal-btn-primary { background: linear-gradient(120deg, #c8f542, #a5e32c); color: #131f05; }
.modal-btn-secondary { background: rgba(148, 176, 215, 0.1); color: #eef3fa; border: 1px solid rgba(158, 182, 214, 0.25); }
.modal-btn-danger { background: rgba(255, 107, 74, 0.16); color: #ff9b84; border: 1px solid rgba(255, 107, 74, 0.4); }

.player-badge.bot {
  background: rgba(139, 123, 255, 0.14);
  border: 1px solid rgba(139, 123, 255, 0.35);
  color: #b3a7ff;
}