Fix black diagonal line — player drop-shadow rendering at 0,0 before JS positions it

style.css

@@ -488,7 +488,6 @@ html, body {
 .player-bubble   { font-size:11px; font-family:var(--font); color:var(--black); background:#fff; border:2px solid var(--black); padding:0 4px; height:20px; display:none; align-items:center; justify-content:center; border-radius:2px; white-space:nowrap; position:absolute; z-index:100; left:-9999px; }
 .player-bubble.visible { display:flex; animation:bounce .5s ease-in-out 3; }
 .map-player {
-  position: absolute;
   position: absolute;
   width:  32px;
   height: 64px;
@@ -498,9 +497,10 @@ html, body {
   background-position: 0 0;
   image-rendering: pixelated;
   filter: drop-shadow(2px 3px 0 rgba(0,0,0,.4));
-  z-index: 9999;
+  z-index: 10;
   font-size: 0;
   color: transparent;
+  left: -9999px;
 }
 .map-player.walk-down  { animation: walkDown  .32s steps(3) infinite; }
 .map-player.walk-up    { animation: walkUp    .32s steps(3) infinite; }