/* palec.css — telefon (body[data-compact], palec.js): bez paska przycisków pod stołem,
   Menu i Cofnij jako ikony w pasku wyniku. Kolory z motywu gry (--gold albo --acc). */
.hud-btn { display: none; }
body[data-compact] #tools { display: none !important; }
body[data-compact] #hud { padding: 0 6px; gap: 5px; }
body[data-compact] .stat { min-width: 0; }
body[data-compact] .hud-btn {
  display: grid; place-items: center; flex: none; width: 40px; height: 40px; padding: 0; margin: 0;
  cursor: pointer; color: var(--gold, var(--acc, currentColor)); background: transparent;
  border: 1px solid var(--edge, rgba(127, 127, 127, .3)); border-radius: 10px;
  -webkit-tap-highlight-color: transparent; transition: transform .12s, opacity .12s;
}
body[data-compact] .hud-btn svg { width: 22px; height: 22px; }
body[data-compact] .hud-btn:active { transform: scale(.92); }
body[data-compact] .hud-btn:disabled { opacity: .38; cursor: default; }
body[data-compact] .hud-btn:focus-visible { outline: 3px solid var(--gold-2, var(--acc-2, currentColor)); outline-offset: 2px; }
body[data-compact][data-layout="side"] .hud-btn { width: 100%; height: 36px; }
body[data-compact][data-layout="side"] #hud { display: grid; grid-template-columns: 1fr 1fr 1fr; align-content: center; gap: 4px 6px; }
body[data-compact][data-layout="side"] #hud > :not(.hud-btn) { grid-column: 1 / -1; }
body[data-compact][data-layout="side"] .hud-btn { order: -1; }
/* Telefon w pionie (Ilya 4.11): Podpowiedź i Cofnij jako dwa duże przyciski na stole pod kolumnami,
   reszta (dźwięki, nowe) w Menu; w pasku wyniku zostaje samo Menu. W poziomie trzy ikony w pasku. */
body[data-compact][data-layout="top"] #tools { display: flex !important; flex-direction: row; justify-content: center; align-items: center; gap: 12px; }
body[data-compact][data-layout="top"] #tools .tool { display: none; }
body[data-compact][data-layout="top"] #tools #btnHint, body[data-compact][data-layout="top"] #tools #btnUndo {
  display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px;
  width: auto; min-width: 150px; max-width: none; height: 48px; padding: 0 18px; border-radius: 24px; font-size: 16px;
}
body[data-compact][data-layout="top"] #tools .tool span { max-width: none; }
body[data-compact][data-layout="top"] #hudHint, body[data-compact][data-layout="top"] #hudUndo { display: none; }