/* ── ARTILLERY: spielspezifisch ── */
main {
  flex: 1;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 20px 40px;
}

/* Canvas responsiv begrenzen (interne Auflösung 720×440) */
#gameCanvas { max-width: 100%; height: auto; }

/* Overlay leicht transparent + kompakter, damit die Lobby ins Querformat passt */
.overlay { background: rgba(6,8,18,0.88); gap: 9px; padding: 18px 22px; }
.overlay-icon img { width: 60px; height: 60px; }
.overlay h2 { font-size: 1.5rem; }
.overlay p { font-size: 0.84rem; line-height: 1.5; max-width: 360px; }

/* Benannte Scores: HP betont, Wind kleiner */
.score-box span { font-size: 1.6rem; }
.score-box.level span { font-size: 1.0rem; color: var(--neon3); font-family: 'Exo 2', sans-serif; }
.score-box.best span  { font-size: 1.6rem; }
.score-box.best::before { background: var(--neon2); }
.score-box.best span    { color: var(--neon2); text-shadow: 0 0 16px rgba(255,0,110,0.4); }

/* Namensfelder im Startscreen */
.art-input {
  margin-top: 4px;
  background: rgba(8,11,20,0.8);
  border: 1px solid var(--border);
  border-radius: 4px;
  color: var(--text);
  font-family: 'Exo 2', sans-serif;
  font-size: 0.9rem;
  text-align: center;
  padding: 9px 14px;
  width: 180px;
  outline: none;
}
.art-input:focus { border-color: var(--neon1); box-shadow: 0 0 12px rgba(0,245,255,0.2); }

/* Startscreen-Optionen zentrieren (Namensfelder/Labels mittig statt linksbündig) */
#ov-start-controls { text-align: center; }

/* Abstand zwischen Options-Blöcken im Startscreen */
.art-gap { margin-top: 18px; }

/* Mehr Abstand zwischen Optionen und START-Button */
#ov-btn { margin-top: 16px; }

/* Sichtbarkeits-Umschaltung der Options-Blöcke */
#ki-opts.hidden, #hotseat-opts.hidden, #p1nameWrap.hidden { display: none; }

/* ── WAFFENLEISTE (unter dem Canvas) ── */
.weapon-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
  max-width: 720px;
  margin: 14px auto 0;
}
.weapon-btn {
  flex: 1 1 0;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 9px 10px;
  background: rgba(8,11,20,0.8);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--muted);
  font-family: 'Exo 2', sans-serif;
  cursor: pointer;
  transition: border-color 0.12s, color 0.12s, box-shadow 0.12s, background 0.12s;
}
.weapon-btn:hover:not(:disabled) { border-color: #2e4a72; color: var(--text); }
.weapon-btn .weapon-name {
  font-size: 0.86rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.weapon-btn .weapon-ammo {
  font-size: 1.05rem;
  font-weight: 700;
  font-family: 'Orbitron', 'Exo 2', sans-serif;
}
/* aktive Waffe: vollflächiger Neon-Akzent + Glow */
.weapon-btn.active {
  background: rgba(0,245,255,0.12);
  border-color: var(--neon1);
  color: var(--neon1);
  box-shadow: 0 0 14px rgba(0,245,255,0.28), inset 0 0 8px rgba(0,245,255,0.12);
}
.weapon-btn.active .weapon-ammo { color: var(--neon1); }
/* leer/deaktiviert: ausgegraut, nicht wählbar */
.weapon-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  border-color: var(--border);
  color: var(--muted);
  box-shadow: none;
  background: rgba(8,11,20,0.5);
}