/* =========================================================
   PUCARA MOBILE FIX
   Zona segura Android landscape
========================================================= */

:root {
  --pucara-mobile-safe-right: max(env(safe-area-inset-right), 0px);
}


@media (orientation: landscape) and (max-height: 650px) {
  :root {
    --pucara-mobile-safe-right: max(env(safe-area-inset-right), 44px);
  }


  .backgammon-game {
    padding-right:
      var(--pucara-mobile-safe-right);
  }


  .backgammon-table {
    left:
      calc((100% - var(--pucara-mobile-safe-right)) / 2);

    width:
      min(
        calc(100% - var(--pucara-mobile-safe-right) - 8px),
        1120px
      );
  }


  .game-header,
  .game-controls {
    right:
      calc(var(--pucara-mobile-safe-right) + 6px);
  }


  .backgammon-game-over,
  .classic-start {
    padding-right:
      max(var(--pucara-mobile-safe-right), 16px);
  }
}