/* SCALE LADDER — screens/panels/buttons/HUD/leaderboard come from ../play/style.css. */
.hidden { display: none !important; }
#game-canvas { touch-action: none; }
.scale-grid { grid-template-columns: repeat(4, 1fr); gap: 8px; }
.scale-grid .inst { padding: 10px 4px; }
.mode-grid { grid-template-columns: repeat(2, 1fr); }
.inst .stars { display: block; color: var(--gold); font-size: 10px; letter-spacing: 2px; margin-top: 3px; min-height: 1em; }
.over-stars { color: var(--gold); font-size: 26px; letter-spacing: 8px; text-shadow: 0 0 10px var(--gold); min-height: 1.2em; }
.over-stars .off { color: var(--dim); text-shadow: none; }
@media (max-width: 520px) { .scale-grid { grid-template-columns: repeat(3, 1fr); } }

/* QUIT stays reachable during play (canvas is full-screen) */
#game-screen .game-nav {
  position: fixed; left: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px));
  margin: 0; z-index: 46;
}
#hud b { font-weight: normal; }
#over-screen.screen.active { gap: 12px; }
#over-screen .leaderboard { max-height: 32vh; overflow-y: auto; }