:root{
  --mj-bg:#f3ecdd;        /* sand */
  --mj-felt:#cfe7e2;      /* sea-glass teal */
  --mj-tile:#fffdf5;      /* ivory face */
  --mj-tile-edge:#d6c59a; /* driftwood edge */
  --mj-tile-shadow:#9c875e;
  --mj-ink:#1b2a44;       /* navy ink */
  --mj-bam:#1f7a4a;
  --mj-crak:#b22234;
  --mj-dot:#1e4c83;
  --mj-accent:#e8664f;    /* sunset coral */
  --mj-sel:#2f8f8a;       /* selected outline */
  --mj-bg-img:url("bg-portrait.webp");
}
@media (orientation:landscape){:root{--mj-bg-img:url("bg-landscape.webp")}}
.mj-tile{background:var(--mj-tile);border:2px solid var(--mj-tile-edge);border-radius:12%/9%;box-shadow:2px 3px 0 var(--mj-tile-shadow)}
.mj-tile.is-selected{outline:3px solid var(--mj-sel);outline-offset:1px}