/* Visual-only classic board layer. Rules and canonical positions remain server-authoritative. */
.parchis-cell {
  fill: rgba(255, 250, 239, .97);
  stroke: #5a4569;
  stroke-width: .32;
  filter: drop-shadow(0 .3px .45px rgba(32, 18, 42, .38));
}

.parchis-cell.is-safe {
  fill: #fff0b0;
  stroke: #7b5111;
  stroke-width: .52;
}

.parchis-cell.is-entry {
  stroke: #f0bd3f;
  stroke-width: .7;
}

.parchis-cell.is-start {
  stroke: #fff;
  stroke-width: .55;
}

.parchis-cell--red { fill: #d83851 !important; }
.parchis-cell--blue { fill: #3188d7 !important; }
.parchis-cell--yellow { fill: #e5ad1c !important; }
.parchis-cell--green { fill: #31a761 !important; }

.parchis-safe-mark,
.parchis-start-mark,
.parchis-entry-mark {
  font-weight: 900;
  text-anchor: middle;
  pointer-events: none;
}

.parchis-safe-mark { fill: #5d367b; font-size: 1.9px; }
.parchis-start-mark { fill: #fff; font-size: 1.7px; }
.parchis-entry-mark { fill: #7b4a0d; font-size: 3.1px; }

.parchis-lane {
  stroke: #3d2e4d;
  stroke-width: .32;
  filter: drop-shadow(0 .25px .4px rgba(20, 12, 29, .32));
}

.parchis-piece__art {
  width: 2.704cqw;
  height: 2.704cqw;
}

@media (max-width: 760px) {
  .parchis-piece__art {
    width: 2.704cqw;
    height: 2.704cqw;
  }
}