/* Mahjong's rules are in site.css; this sheet holds only what was added after site.css froze. */

/* The same 1.6s breath as .mj-tile.mj-guide in site.css, switched on in the same call: change
   one, change both. */
.mj-msg.is-guide { animation: mj-guide-msg 1.6s ease-in-out infinite; }
@keyframes mj-guide-msg {
  50% { transform: translateY(-3px); text-shadow: 0 0 10px rgba(63, 174, 90, .7); }
}

/* Only under 375px: wider screens keep the layout in site.css. The felt runs to the screen's
   edges, on the page and in full screen. mahjong.js reads --mj-edge to size full screen off
   that same width, so the flag and the margins go together or full screen shrinks the tiles. */
@media (max-width: 374px) {
  .game-root[data-game="mahjong"] { --mj-edge: 1; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); border-left: 0; border-right: 0; border-radius: 0; }
  .game-root[data-game="mahjong"] .mj-stage { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  .game-root[data-game="mahjong"] .mj:not(.mj-full) .mj-wrap { padding-left: 2px; padding-right: 2px; border-radius: 0; }
}