pathways: bigger tiles, less chrome, no covered photos

- tiles 240px desktop / 150px mobile
- remove hint bar; trim splash to a single line; drop counts from
  hover labels and the move flash
- collision-safe placement: when a step lands on a cell already held
  by a different photo, keep stepping in that direction to the first
  free cell instead of overwriting, so returning photos are never
  covered or orphaned

1 files changed, 2 insertions, 14 deletions

diff --git a/public/app.css b/public/app.css
index 308868f..ddd472d 100644
--- a/public/app.css
+++ b/public/app.css
@@ -67,8 +67,8 @@ html, body {
 .nav-btn {
   position: absolute;
   pointer-events: auto;
-  width: 34px;
-  height: 34px;
+  width: 40px;
+  height: 40px;
   border-radius: 50%;
   border: 1px solid rgba(255, 255, 255, .25);
   background: rgba(14, 15, 19, .85);
@@ -108,18 +108,6 @@ html, body {
 .nav-btn[data-dir="W"] .nav-label { top: 50%; right: calc(100% + 10px); translate: 0 -50%; }
 .nav-btn:hover .nav-label { opacity: 1; }
 
-#hint {
-  position: fixed;
-  bottom: 12px;
-  left: 50%;
-  translate: -50%;
-  margin: 0;
-  font-size: 12px;
-  color: var(--muted);
-  letter-spacing: .05em;
-  pointer-events: none;
-}
-
 #flash {
   position: fixed;
   top: 18px;