/* Dělostřelci — barvy a rozvržení (základ v /shared/arena.css). */
:root {
  --bg: #0c0a1a;
  --panel: rgba(24, 18, 40, .76);
  --line: rgba(255, 190, 110, .16);
  --line-hot: rgba(255, 190, 110, .42);
  --text: #f6ecdf;
  --muted: #a4927d;
  --accent: #ffb43c;
  --accent-2: #ff6b4d;
  --go: #ffd23f;
  --accent-ink: #1a1006;
}

.wind { display: flex; align-items: center; gap: 8px; }
.wind-label {
  font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .14em; color: var(--muted);
}
.wind-arrow {
  min-width: 70px; text-align: center;
  font: 700 14px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  color: #bfe6ff;
}

.move-row, .aim-row { display: flex; gap: 10px; align-items: center; }
.aim-col { display: flex; flex-direction: column; gap: 8px; }
.tbtn-move { width: 88px; height: 80px; font-size: 30px; }
.tbtn-aim { width: 70px; height: 56px; font-size: 22px; }
.tbtn-fire {
  width: 120px; height: 120px; border-radius: 50%;
  font: 800 20px/1 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  letter-spacing: .12em;
  color: #1a1006;
  background: rgba(255, 90, 60, .92);
  border-color: rgba(255, 255, 255, .3);
}
.tbtn-fire.is-down { background: #ffb43c; border-color: #fff; transform: scale(.95); }

@media (max-height: 430px) {
  .tbtn-move { width: 76px; height: 68px; font-size: 26px; }
  .tbtn-aim { width: 62px; height: 50px; }
  .tbtn-fire { width: 106px; height: 106px; font-size: 18px; }
}