/* tower-defense-mobile.css — /games/tower-defense/mobile/tower-defense-mobile.css */
/* Spielspezifisches CSS für Tower Defense Mobile-Version */

/* ── Tower-type selector (during game) ── */
.tower-select {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
  flex-wrap: wrap;
  justify-content: center;
}
.tower-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  background: rgba(0,245,255,0.06);
  border: 1.5px solid rgba(0,245,255,0.22);
  border-radius: 8px;
  padding: 8px 12px;
  cursor: pointer;
  color: #b0d8e0;
  font-family: 'Exo 2', sans-serif;
  font-size: 0.72rem;
  min-width: 64px;
  transition: border-color 0.15s, background 0.15s;
}
.tower-btn.active {
  border-color: var(--neon1, #00f5ff);
  background: rgba(0,245,255,0.14);
  color: #fff;
}
.tower-btn:hover:not(.active) { border-color: rgba(0,245,255,0.45); }
.tower-btn .tb-icon {
  font-size: 1.4rem;
  line-height: 1;
}
.tower-btn .tb-cost {
  color: #f4d03f;
  font-weight: 700;
  font-size: 0.68rem;
}

/* Locked tower button */
.tower-btn.locked {
  opacity: 0.4;
  cursor: not-allowed;
  position: relative;
}
.tower-btn.locked .tb-lock {
  display: block;
  font-size: 0.6rem;
  color: #aaa;
  margin-top: 2px;
}
.tower-btn:not(.locked) .tb-lock { display: none; }
.tower-btn.unlocked {
  opacity: 1;
  cursor: pointer;
}

/* Tower-select hint below controls */
.tower-hint {
  margin-top: 10px;
  font-family: 'Exo 2', sans-serif;
  font-size: 0.75rem;
  color: rgba(0,245,255,0.5);
  text-align: center;
}

/* ── Game control buttons ── */
.game-ctrl-btn {
  background: rgba(0,245,255,0.08);
  border: 1.5px solid rgba(0,245,255,0.28);
  border-radius: 6px;
  color: #a0d8e8;
  font-family: 'Orbitron', monospace;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 6px 14px;
  cursor: pointer;
  letter-spacing: 0.05em;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.game-ctrl-btn:hover {
  background: rgba(0,245,255,0.18);
  border-color: var(--neon1, #00f5ff);
  color: #fff;
}
.game-ctrl-btn.active-pause {
  background: rgba(0,245,255,0.22);
  border-color: #00f5ff;
  color: #00f5ff;
}

/* ── HUD elements ── */
#gold { color: #f4d03f; }
#livesRow { font-size: 1rem; letter-spacing: 2px; }
#gameCanvas { max-width: 100%; height: auto; display: block; }