/* The three pin marks, defined once.
   They appear on the big map, on the city hero map, in the city panel list and on the studio
   page, which is four places that must agree about what a finished event looks like. Keeping
   them in map.css meant the city page drew markers with no size at all — present in the DOM,
   invisible on screen. One file, loaded by everything that draws a pin. */

.pmd-pin{
  display:block;width:12px;height:12px;box-sizing:border-box;
  transition:transform .1s ease-out;
}
/* Shape says what it is. A circle and a diamond are told apart by silhouette alone, at 9px,
   without reading a letter or learning a colour legend. */
.pmd-pin-studio{
  border-radius:50%;
  background:var(--pmd-red,#ED1C24);
  border:2px solid #0e0e12;
}
.pmd-pin-event{
  background:var(--pmd-red,#ED1C24);
  border:2px solid #0e0e12;
  transform:rotate(45deg);
}
/* Fill says whether it has happened. Outline only, no ring and no shadow, so 202 finished
   editions stay on the map as evidence without ever being mistaken for what is coming. */
.pmd-pin-ghost{
  background:var(--pmd-red-faint,rgba(237,28,36,.08));
  border:1.5px solid var(--pmd-red-soft,rgba(237,28,36,.55));
  transform:rotate(45deg);
}