diff --git a/solitaire_server/web/game.css b/solitaire_server/web/game.css index 77d5f86..ff43283 100644 --- a/solitaire_server/web/game.css +++ b/solitaire_server/web/game.css @@ -106,6 +106,7 @@ main { /* Empty-pile slot markers */ .slot { position: absolute; + top: 0; left: 0; /* explicit insets — without these some browsers offset by padding */ width: var(--card-w); height: var(--card-h); border: 2px dashed rgba(255,255,255,0.15); @@ -187,11 +188,10 @@ main { box-shadow: 0 0 0 2px var(--accent), 0 4px 12px rgba(0,0,0,0.5); } -/* Recycle indicator on empty stock */ +/* Recycle indicator on empty stock — JS sets transform to position it */ .recycle-label { position: absolute; - top: 50%; left: 50%; - transform: translate(-50%, -50%); + top: 0; left: 0; font-size: 26px; color: rgba(255,255,255,0.3); pointer-events: none;