/* Shared cursor dot — included on every page. A darker shade of the
   accent blue by default; swaps to the lighter accent and scales up only
   while hovering a gallery card (.tile); disappears while hovering any
   other link or button. */
#cursorDot{
  position:fixed;
  top:0;
  left:0;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--cursor-dark);
  pointer-events:none;
  z-index:60;
  opacity:0;
  transform:translate(-50%,-50%) scale(1);
  transition:background-color .2s ease, transform .2s ease, opacity .15s ease;
}
#cursorDot.visible{opacity:1;}
#cursorDot.active{
  background:var(--accent);
  transform:translate(-50%,-50%) scale(2.2);
}
#cursorDot.hidden{opacity:0;}
@media (hover:none){#cursorDot{display:none;}}