/* POTA Battleship — dark theme aligned with getontheair.app */
body.gota-php.gota-battleship {
  padding-top: 0 !important;
  font-family: var(--font, "DM Sans", system-ui, sans-serif) !important;
}

body.gota-battleship .container,
body.gota-battleship .logincontainer {
  background: var(--card) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow) !important;
  color: var(--text) !important;
  padding: 1rem 1.1rem !important;
}

body.gota-battleship .logincontainer {
  max-width: 420px;
  margin: 0 auto 1.25rem;
}

body.gota-battleship .banner {
  max-width: 100%;
  height: auto;
  max-height: 220px;
  object-fit: cover;
  display: block;
  margin: 0 auto 1.25rem;
  border-radius: var(--radius);
  border: 1px solid var(--line);
}

body.gota-battleship .btn-custom {
  background: var(--accent-dim) !important;
  border-color: var(--accent) !important;
  color: var(--text) !important;
}

body.gota-battleship .btn-custom:hover {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: #062016 !important;
}

body.gota-battleship .cell {
  aspect-ratio: 1;
  border: 1px solid var(--line);
  text-align: center;
  font-weight: 700;
  background: var(--bg-soft);
  color: var(--text);
  position: relative;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.gota-battleship .grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 2px;
  padding: 10px;
  border-radius: 8px;
  margin: 0 auto;
  max-width: 100%;
  border: 1px solid var(--line);
  background: var(--bg-elev);
}

body.gota-battleship .grid.grid1 { background: rgba(62, 224, 143, 0.08); }
body.gota-battleship .grid.grid2 { background: rgba(240, 180, 41, 0.08); }

body.gota-battleship .ship {
  background: var(--info) !important;
  color: #062016 !important;
}

body.gota-battleship .hit {
  background: var(--danger) !important;
  color: #fff !important;
}

body.gota-battleship .nav-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: center;
}

body.gota-battleship h2,
body.gota-battleship h3,
body.gota-battleship h4 {
  color: var(--text) !important;
}

body.gota-battleship .table {
  color: var(--text);
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-color: var(--text);
}

body.gota-battleship .ship-pieces img {
  display: block;
  margin: 10px auto;
  max-width: 150px;
  border-radius: 8px;
}

@media (max-width: 1024px) {
  body.gota-battleship .container,
  body.gota-battleship .logincontainer {
    padding: 0.85rem 0.95rem !important;
  }

  body.gota-battleship .grid {
    max-width: min(100%, 420px);
  }
}

@media (max-width: 768px) {
  body.gota-battleship .grid { gap: 1px; padding: 5px; }
  body.gota-battleship .cell { font-size: 0.72rem; }
  body.gota-battleship .ship-pieces { display: none; }
  body.gota-battleship .nav-buttons { flex-direction: column; align-items: stretch; }
  body.gota-battleship .btn-custom { width: 100%; min-height: 2.75rem; }
  body.gota-battleship .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}