/* ============================================================
   Duraks — spēles galda re-tēma Spēļotavas dizainā
   Pārraksta TIKAI krāsas, virsmas un akcentus. Izkārtojums,
   izmēri un visa spēles loģika paliek duraks-game.css/js.
   Oriģināls saglabāts: duraks-game.css.backup
   ============================================================ */

/* ===== Galds ===== */

.game-table {
  background:
    radial-gradient(44rem 26rem at 50% -10%, rgba(255, 100, 116, 0.08), transparent 62%),
    radial-gradient(36rem 22rem at 92% 112%, rgba(77, 148, 255, 0.09), transparent 66%),
    linear-gradient(165deg, #101d33, #0b1526 70%);
  border: 1px solid rgba(158, 182, 214, 0.16);
  border-radius: 22px;
  box-shadow: 0 24px 60px rgba(2, 6, 14, 0.55), inset 0 0 60px rgba(3, 8, 16, 0.5);
}

.game-topbar { color: #b9c6d8; }

.game-topbar .turn-info,
.game-topbar .game-num {
  background: rgba(9, 14, 26, 0.7);
  border: 1px solid rgba(158, 182, 214, 0.18);
}

/* ===== Pretinieki ===== */

.opponent-name {
  background: rgba(9, 14, 26, 0.75);
  border: 1px solid rgba(158, 182, 214, 0.18);
}

.opponent-role { color: #c8f542; font-style: normal; font-weight: 600; }

.opp-card-back {
  background:
    radial-gradient(3rem 2rem at 50% 0%, rgba(200, 245, 66, 0.3), transparent 70%),
    linear-gradient(150deg, #1b2a45, #101b30);
  border: 1.5px solid rgba(158, 182, 214, 0.45);
}

.opp-card-back::after { border-color: rgba(158, 182, 214, 0.25); }

.opp-card-count {
  background: #c8f542;
  color: #131f05;
}

/* ===== Centrs: kava un trumpis ===== */

.deck-card {
  background:
    radial-gradient(3.4rem 2.4rem at 50% 0%, rgba(200, 245, 66, 0.25), transparent 70%),
    linear-gradient(150deg, #1b2a45, #101b30);
  border-color: rgba(158, 182, 214, 0.4);
}

.deck-card::after { border-color: rgba(158, 182, 214, 0.22); }

.deck-count {
  background: #c8f542;
  color: #131f05;
}

.trump-label { color: rgba(147, 163, 186, 0.85); }

/* ===== Galda zona ===== */

.table-zone {
  background: rgba(148, 176, 215, 0.05);
  border: 1px solid rgba(158, 182, 214, 0.1);
  border-radius: 14px;
}

/* ===== Manas kārtis un lomas ===== */

.my-info { color: #b9c6d8; }

.my-info .my-role.attacker {
  background: rgba(255, 100, 116, 0.2);
  border: 1px solid rgba(255, 100, 116, 0.5);
  color: #ff8b98;
}

.my-info .my-role.defender {
  background: rgba(61, 220, 132, 0.16);
  border: 1px solid rgba(61, 220, 132, 0.45);
  color: #5fe9a0;
}

.my-info .my-role.waiting {
  background: rgba(148, 176, 215, 0.12);
  border: 1px solid rgba(158, 182, 214, 0.25);
  color: #b9c6d8;
}

.my-card.playable {
  border-color: #c8f542;
  box-shadow: 0 0 0 1.5px #c8f542, 0 4px 12px rgba(3, 7, 14, 0.4);
}

.my-card.selected {
  box-shadow: 0 0 0 2px #c8f542, 0 0 22px rgba(200, 245, 66, 0.45);
}

.defense-info { color: #ffd76e; }

/* ===== Pogas ===== */

.btn-action {
  border-radius: 11px;
  font-weight: 700;
}

.btn-take {
  background: rgba(255, 100, 116, 0.16);
  border: 1px solid rgba(255, 100, 116, 0.45);
  color: #ff8b98;
}

.btn-take:hover { background: rgba(255, 100, 116, 0.26); }

.btn-pass {
  background: rgba(111, 195, 255, 0.14);
  border: 1px solid rgba(111, 195, 255, 0.4);
  color: #8fcaff;
}

.btn-pass:hover { background: rgba(111, 195, 255, 0.24); }

.btn-done {
  background: linear-gradient(120deg, #c8f542, #a5e32c);
  color: #131f05;
  box-shadow: 0 8px 20px rgba(200, 245, 66, 0.2);
}

.btn-done:hover { background: linear-gradient(120deg, #d3f95e, #b2ec39); }

.btn-action:disabled {
  background: rgba(148, 176, 215, 0.12);
  border: 1px solid rgba(158, 182, 214, 0.18);
  color: #64748e;
  box-shadow: none;
}

/* ===== Modāļi un beigu tabula ===== */

.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-primary:hover { background: linear-gradient(120deg, #d3f95e, #b2ec39); }

.modal-btn-secondary {
  background: rgba(148, 176, 215, 0.1);
  border: 1px solid rgba(158, 182, 214, 0.25);
  color: #eef3fa;
}

.modal-btn-secondary:hover { border-color: rgba(200, 245, 66, 0.4); color: #eef3fa; }

.modal-btn-danger {
  background: rgba(255, 100, 116, 0.16);
  border: 1px solid rgba(255, 100, 116, 0.4);
  color: #ff8b98;
}

.modal-btn-danger:hover { background: rgba(255, 100, 116, 0.24); }

.game-end-leaderboard {
  background: rgba(148, 176, 215, 0.06);
  border: 1px solid rgba(158, 182, 214, 0.12);
}

.game-end-leaderboard th {
  color: #64748e;
  border-bottom: 1px solid rgba(158, 182, 214, 0.15);
}

.game-end-leaderboard td {
  border-bottom: 1px solid rgba(158, 182, 214, 0.08);
  color: #eef3fa;
}

.game-end-leaderboard tr.is-you {
  background: rgba(200, 245, 66, 0.08);
}

.game-end-leaderboard tr.rank-1 { color: #c8f542; }