/* BLACKSAW2081 LAB v2.9.16
   Bezpieczne centrowanie planszy bez ingerencji w wygląd kafelków. */

:root{
  --bs-board-frame-gap:5px;
}

/* Topbar nie może wpływać na pionowe położenie planszy. */
body .topbar{
  position:fixed !important;
  top:30px !important;
  right:72px !important;
  left:auto !important;
  width:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  z-index:2147482990 !important;
}

/* Sam layout planszy zajmuje pełną wysokość okna pomiędzy ramkami.
   Nie zmieniamy display/rozmiaru board-wrap ani żadnych styli pól. */
body .game-layout{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  top:calc(var(--bs-screen-frame-edge) + var(--bs-board-frame-gap)) !important;
  bottom:calc(var(--bs-screen-frame-edge) + var(--bs-board-frame-gap)) !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  place-items:center !important;
  overflow:visible !important;
}

/* Zachowujemy rozmiar planszy z v2.9.14 i tylko ją centrujemy. */
body .game-layout > .board-column{
  width:min(78vw,1180px) !important;
  max-width:1180px !important;
  min-width:760px !important;
  margin:0 auto !important;
  padding:0 !important;
  justify-self:center !important;
  align-self:center !important;
}

/* Nie dotykamy .board, .cell, ich teł, tekstur ani pseudo-elementów. */

@media (max-width:1100px){
  body .game-layout > .board-column{
    width:92vw !important;
    min-width:0 !important;
  }
  body .topbar{
    top:24px !important;
    right:50px !important;
  }
}


/* v2.9.17 final vertical centering */
body .game-layout{
 top:calc(var(--bs-screen-frame-edge) + 5px) !important;
 bottom:calc(var(--bs-screen-frame-edge) + 5px) !important;
 align-items:center !important;
 justify-items:center !important;
}
body .game-layout>.board-column{
 align-self:center !important;
 justify-self:center !important;
}