/* Turret Defense — theme override on top of the shared arcade kit. */
:root { --accent: #5a8bf0; }

#stage { background: #0b1220; }

/* Build bar: real DOM buttons so shop items get proper tap targets,
   disabled states and focus rings. */
.build-bar {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  display: flex;
  gap: 8px;
  justify-content: center;
  pointer-events: auto;
  z-index: 16;
}
.build {
  flex: 1 1 0;
  max-width: 160px;
  min-height: 52px;
  border-radius: 14px;
  border: 1px solid var(--glass-border);
  background: var(--glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: var(--text);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.3;
  cursor: pointer;
  transition: transform 0.12s ease, background 0.12s ease, opacity 0.12s ease;
}
.build:active { transform: scale(0.95); }
.build:disabled { opacity: 0.35; cursor: default; }
.build .cost { display: block; font-size: 11px; font-weight: 600; color: var(--gold); }
.build.sel { border-color: transparent; }
.build.sel.gun   { background: linear-gradient(135deg, #5a8bf0, #3a5ec4); }
.build.sel.frost { background: linear-gradient(135deg, #4ECDC4, #2f9a93); color: #04231f; }
.build.sel.frost .cost { color: #04231f; }

.wave-btn { background: linear-gradient(135deg, #f5a04e, #e0812c); color: #22140a; border-color: transparent; }
.wave-btn .cost { color: #22140a; }