/* Glide Lanes: rules used only by its pages (loaded after base.css). */
@media (max-width: 480px) {
  /* Arrows (glidelanes-app.js): uses the Pentomino board layout (.pt-board,
     .pt-cells); the arrow in the way of a tapped one gets a dotted frame. */
  /* 11 x 11 on a narrow screen: the field reaches the card's edges so each
     square stays as large as possible (an arrow takes taps on all its
     squares). */
  .pt-board.aw-board-large {
      width: calc(100% + 24px);
      margin-left: -12px;
      margin-right: -12px;
    }
  }

@media (max-width: 480px) {
  /* 15 x 15 boards (Grandmaster, pictures): the full screen width, so a cell
     is 24 px at 360 px. */
  .pt-board.aw-board-full {
      width: 100vw;
      margin-left: calc((100% - 100vw) / 2);
      margin-right: calc((100% - 100vw) / 2);
    }
  }


.aw-blocker {
  fill: none;
  stroke: #141413;
  stroke-width: 3;
  stroke-dasharray: 2 3;
}