fix: use a more easily visible character for fairy spots

app/assets/stylesheets/application.css

@@ -242,9 +242,14 @@ span#password {
     margin-left: -3px;
 }
 
+.fairies .fairy-dot:has(.fairy-marker) {
+    margin-top: -11px;
+}
+
 .fairy-marker {
     font-weight: bold;
-    font-size: 12px;
+    font-size: 13px;
+    display: inline-block;
 }
 
 .fairy-a {
@@ -278,8 +283,15 @@ span#password {
     font-size: 14px;
 }
 
+.fairy-dot.unclaimed {
+    transition: .05s transform linear, .05s color linear;
+    font-size: 12px;
+}
+
 .fairy-dot.unclaimed:hover {
     cursor: pointer;
+    transform: scale(130%);
+    color: blue;
 }
 
 .despawn-note {

app/views/instance/_fairies.html.erb

@@ -24,7 +24,7 @@
             hx-target="#fairies"
             hx-select="#fairies"
           >
-            •
+            ◆
           </div>
         <% end %>
       </div>