body { padding-top: max(8px, env(safe-area-inset-top), var(--tg-inset-top, 0px)); padding-right: max(12px, env(safe-area-inset-right), var(--tg-inset-right, 0px)); padding-bottom: max(8px, env(safe-area-inset-bottom), var(--tg-inset-bottom, 0px)); padding-left: max(12px, env(safe-area-inset-left), var(--tg-inset-left, 0px)); }
@media (max-width: 719px) and (orientation: portrait) {
  body.is-playing { padding-top: max(0px, env(safe-area-inset-top), var(--tg-inset-top, 0px)); padding-right: max(0px, env(safe-area-inset-right), var(--tg-inset-right, 0px)); padding-bottom: max(0px, env(safe-area-inset-bottom), var(--tg-inset-bottom, 0px)); padding-left: max(0px, env(safe-area-inset-left), var(--tg-inset-left, 0px)); }
}
.telegram-status { margin: 0; color: var(--accent); font-size: 12px; text-align: center; }
.telegram-status:empty { display: none; }
.comfort-dialog { max-width: 390px; }
.comfort-dialog h2 { margin: 0; font-size: 19px; }
.comfort-content { display: grid; gap: 22px; padding: 24px; }
.comfort-content small { display: block; margin-top: 4px; font-size: 11px; }
.comfort-note { margin: 0; color: var(--muted); font-size: 12px; }
@media (max-width: 440px) and (max-height: 700px) {
  .start-brand { gap: 8px; }
  .start-brand h1 { font-size: 18px; }
  .game-logo { width: 50px; height: 50px; }
  .game-logo .mini { width: 22px; height: 22px; }
  .home-choices { gap: 8px; }
  .mode-button { min-height: 50px; padding: 11px 12px; }
}