/* The public website: the board app's styles (app.css) plus a page layout. */
.site-main { width: 100%; max-width: 1100px; margin: 0 auto; padding: 8px 24px 120px; flex: 1; }
.site .live-banner { bottom: 24px; }
.toast { position: fixed; left: 50%; bottom: 90px; transform: translateX(-50%); z-index: 60; background: var(--panel-2);
  border: 1px solid var(--line); border-radius: 12px; padding: 10px 16px; box-shadow: 0 12px 40px rgba(0, 0, 0, .5); }

@media (max-width: 700px) {
  .site-main { padding: 4px 16px 110px; }
  .site .match-info { display: none; }
  .acc-head { flex-wrap: wrap; }
  .match { grid-template-columns: 1fr; gap: 6px; }
  .live-turn { flex-wrap: wrap; }
  .live-turn .chip { min-width: 64px; font-size: 24px; }
}