/* Shared by every theme. Each look lives in themes/<name>.css (Paper, Tabletop, Minimal);
   the page loads one of them, chosen under "Look" on the menu. */
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; }
body { -webkit-tap-highlight-color: transparent; }
#app { padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.big { touch-action: manipulation; }

@media (max-width: 420px) {
  .icon-btn span { display: none; }
  .score { gap: 8px; }
  .chip { font-size: .78rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}