From a393561d790375a0d1045dbe9cd6de13bfd4564d Mon Sep 17 00:00:00 2001
From: Ilia Denisov <evilcart@gmail.com>
Date: Mon, 22 Jun 2026 12:11:35 +0200
Subject: [PATCH] fix(ui): align the Erudit blank star with neighbouring tiles

Rack: the empty-blank star is now top-anchored level with the letters and a
touch larger (was centred, sitting low). Board and Stats best-move tiles: the
placed-blank star's ink is centred on the value digits' line (was slightly
high). CSS-only nudges; pixel offsets measured against the rendered glyphs.
---
 ui/src/components/WordTiles.svelte |  6 ++++--
 ui/src/game/Board.svelte           |  6 ++++--
 ui/src/game/Rack.svelte            | 12 +++++++-----
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/ui/src/components/WordTiles.svelte b/ui/src/components/WordTiles.svelte
index c170558..6bfb652 100644
--- a/ui/src/components/WordTiles.svelte
+++ b/ui/src/components/WordTiles.svelte
@@ -56,8 +56,10 @@
     font-size: 7px;
     font-weight: 600;
   }
-  /* A placed Erudit blank ("звёздочка") shows its star where the (absent) point value sits. */
+  /* A placed Erudit blank ("звёздочка") shows its star where the (absent) point value sits,
+     its ink kept on the value digits' line (mirrors the board tile). */
   .blankmark {
-    font-size: 10px;
+    font-size: 8px;
+    bottom: 0;
   }
 </style>
diff --git a/ui/src/game/Board.svelte b/ui/src/game/Board.svelte
index 024c0e3..a229155 100644
--- a/ui/src/game/Board.svelte
+++ b/ui/src/game/Board.svelte
@@ -415,9 +415,11 @@
     font-size: 2.4cqw;
     font-weight: 600;
   }
-  /* A placed Erudit blank ("звёздочка") shows its star where the (absent) point value sits. */
+  /* A placed Erudit blank ("звёздочка") shows its star where the (absent) point value sits,
+     its ink centred on the same line as a neighbouring tile's value digit. */
   .blankmark {
-    font-size: 3.2cqw;
+    font-size: 2.8cqw;
+    bottom: 0;
   }
   .star {
     position: absolute;
diff --git a/ui/src/game/Rack.svelte b/ui/src/game/Rack.svelte
index 7289a7e..448718b 100644
--- a/ui/src/game/Rack.svelte
+++ b/ui/src/game/Rack.svelte
@@ -138,12 +138,14 @@
     font-size: 0.7rem;
     font-weight: 600;
   }
-  /* Erudit's blank ("звёздочка") shows its star centred on the otherwise empty tile face. */
+  /* Erudit's blank ("звёздочка") shows its star horizontally centred on the otherwise empty
+     tile face, top-aligned with the neighbouring letters (slightly larger so it reads). */
   .star {
     position: absolute;
-    inset: 0;
-    display: grid;
-    place-items: center;
-    font-size: 1.5rem;
+    top: 8%;
+    left: 0;
+    right: 0;
+    text-align: center;
+    font-size: 1.7rem;
   }
 </style>