.entry-mak-dialog {
  width: min(920px, calc(100vw - 28px));
  max-height: calc(100svh - 24px);
}
.entry-mak-dialog .new-game-dialog__content { gap: 10px; padding-top: 12px; }
.entry-mak-deck {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(12, minmax(0, 1fr));
  gap: 0;
  width: min(100%, 760px);
  height: min(61vh, 570px, calc(100svh - 270px));
  margin: auto;
  padding: 7px 10px 10px;
  overflow: visible;
}
.entry-mak-back {
  position: relative;
  min-width: 0;
  width: calc(100% + 7px);
  height: calc(100% + 5px);
  margin: 0 -7px -5px 0;
  padding: 0;
  border-width: 1px;
  border-radius: 7px;
  font-size: 14px;
  transition: transform .16s, filter .16s;
  aspect-ratio: auto;
}
.entry-mak-back:first-child { margin-left: 0; }
.entry-mak-back:hover,
.entry-mak-back:focus-visible { z-index: 3; filter: brightness(1.14); transform: translateY(-3px) scale(1.08); }
.entry-mak-back.is-selected { z-index: 4; margin-right: -7px; transform: translateY(-7px) scale(1.13); outline: 2px solid #e4c672; outline-offset: 1px; }
.entry-mak-summary--pending { grid-template-columns: 84px minmax(0, 1fr); width: 100%; min-height: 130px; }
.entry-mak-summary__back { display: grid; place-items: center; width: 84px; height: 105px; border: 2px solid #b99a68; border-radius: 9px; background: linear-gradient(145deg,#315f49,#173d30); color: #e9cf8c; font-size: 26px; box-shadow: 0 5px 12px #372a202b; }
.entry-mak-summary img { cursor: zoom-in; }
@media (max-width: 620px) {
  .entry-mak-dialog { width: calc(100vw - 12px); }
  .entry-mak-dialog .new-game-dialog__heading { padding: 10px 12px; }
  .entry-mak-dialog .new-game-dialog__heading h2 { font-size: 23px; }
  .entry-mak-dialog .new-game-dialog__content { padding: 9px; }
  .entry-mak-deck { height: min(57vh, 470px, calc(100svh - 250px)); padding: 4px; }
  .entry-mak-back { width: calc(100% + 4px); height: calc(100% + 3px); margin-right: -4px; margin-bottom: -3px; font-size: 10px; border-radius: 4px; }
  .entry-mak-back.is-selected { margin-right: -4px; }
}

/* Size the layout to its actual card count, including older saved layers. */
.entry-mak-dialog .entry-mak-deck {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: clamp(28px, calc((100svh - 300px) / var(--mak-rows, 12)), 42px);
  gap: 4px !important;
  height: auto !important;
  padding: 6px !important;
}
.entry-mak-dialog .entry-mak-back {
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  margin: 0 !important;
  transform: none;
  box-shadow: 0 2px 4px #372a202b;
}
.entry-mak-dialog .entry-mak-back.is-selected {
  transform: none;
  outline: 2px solid #e4c672;
  outline-offset: 1px;
  filter: brightness(1.2);
}
.entry-mak-status { margin: 4px 0; font-size: 15px; line-height: 1.4; }
@media (max-width: 620px) {
  .entry-mak-dialog .entry-mak-deck {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    grid-auto-rows: clamp(28px, calc((100svh - 280px) / var(--mak-mobile-rows, 18)), 40px);
  }
}