/* ============================================================
   SIEGE BUDDIES — responsive adjustments
   ============================================================ */

/* Mid-size laptops (1366×768 etc.) */
@media (max-width: 1440px) {
  .menu-logo { width: min(360px, 50vw, 36vh); }
  .crown-badge#menu-crowns { right: -140px; }
}

@media (max-width: 1180px) {
  .lobby-inner { grid-template-columns: 1fr; overflow-y: auto; }
  .mode-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); width: min(760px, 94%); }
  .hud-player { min-width: 178px; }
  .hud-player .pname { max-width: 110px; }
}

@media (max-width: 980px) {
  :root { --ui-scale: .95; }
  .online-cols { grid-template-columns: 1fr; }
  .menu-buttons .btn.big { font-size: 1.15rem; }
  .crown-badge#menu-crowns { position: static; margin-top: 10px; }
  .tray-piece { min-width: 64px; }
  .weapon-slot { width: 66px; }
  .emote-bar { display: none; }
}

@media (max-width: 820px) {
  .mode-cards { grid-template-columns: 1fr; gap: 12px; overflow-y: auto; padding-bottom: 30px; }
  .mode-card { padding: 14px; }
  .mode-icon { width: 52px; height: 52px; }
  .hud-player .team-sym { display: none; }
  .big-timer { font-size: 1.3rem; min-width: 76px; }
}

/* Short screens */
@media (max-height: 720px) {
  .menu-logo { width: min(300px, 34vh); }
  .menu-buttons { gap: 7px; }
  .btn.big { font-size: 1.1rem; padding: 10px 26px 12px; }
  .screen-head { padding-top: 8px; }
  .tray-piece img, .tray-piece canvas { width: 40px; height: 28px; }
}

/* Ultrawide: cap content width, canvas fills naturally */
@media (min-aspect-ratio: 21/9) {
  .menu-inner, .lobby-inner, .setup-inner { max-width: 1200px; }
}

/* Coarse pointers (tablets): larger targets in menus */
@media (pointer: coarse) {
  .btn { padding: 12px 22px 14px; }
  .btn.small { padding: 8px 14px 10px; }
  .tray-piece { min-width: 80px; }
}