@layer app {
/* ============================================================
   Mobile responsive
   ============================================================ */
@media (max-width: 480px) {
  .btn {
    padding: 10px var(--btn-pad-x);
    font-size: 14px;
  }

  .btn-small {
    padding: 0 14px;
    font-size: 13px;
  }
}

@media (max-width: 380px) {
  .cell { height: 44px; }
  .cell-letter { font-size: 22px; }
  .hand-cell { height: 48px; }
  .hand-cell .cell-letter { font-size: 22px; }
  .mini-cell { width: 24px; height: 30px; }
  .mini-cell .cell-letter { font-size: 12px; }
  .result-cell { width: 28px; height: 34px; }
  .result-cell .cell-letter { font-size: 15px; }
  .logo-tile { width: 24px; height: 28px; font-size: 16px; }
}


}