fix(web): sticky header, correct bottom-corner suit glyphs, main min-width

- header: position sticky so HUD/controls never scroll off screen
- .card .corner.bottom: remove rotate(180deg) — ♠ rotated looks like ♥,
  causing players to misread suit on the bottom corner
- main: add min-width:0 so flex container doesn't push board off-edge

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
funman300
2026-05-13 11:06:15 -07:00
parent 0ebe87a411
commit 8f82b9fcb5
2 changed files with 8 additions and 2 deletions
+1 -1
View File
@@ -196,7 +196,7 @@ function render(s) {
hudScore.textContent = `Score: ${s.score}`;
hudMoves.textContent = `Moves: ${s.move_count}`;
hudStock.textContent = `Stock: ${s.stock.length}`;
if (hudStock) hudStock.textContent = `Stock: ${s.stock.length}`;
btnUndo.disabled = s.undo_stack_len === 0;
const visible = new Map();