/* V-Team DEV mobile-only corrective layer. No desktop styles changed. */
@media (max-width: 700px) {
  html, body, #root { max-width: 100%; overflow-x: clip; }
  .app-shell, .main, .vteam-main, .dashboard-v130 { min-width: 0; max-width: 100%; }
  .main, .vteam-main { padding-left: 12px !important; padding-right: 12px !important; padding-bottom: 104px !important; }
  .dashboard-v130 .welcome-embed, .welcome-embed {
    box-sizing: border-box; width: auto; min-width: 0; min-height: 0;
    margin: 12px 0; padding: 22px 18px 86px !important;
    display: block; overflow-wrap: anywhere;
  }
  .welcome-embed .embed-sigil { position: static; width: 48px; height: 48px; margin-bottom: 12px; }
  .welcome-embed h1, .welcome-embed h2 { font-size: clamp(26px, 8vw, 36px) !important; line-height: 1.15; overflow-wrap: anywhere; }
  .welcome-embed p { font-size: 15px !important; line-height: 1.5; }
  .welcome-embed .rpg-button { position: absolute; left: 18px; right: 18px; bottom: 18px; width: auto; max-width: none; min-width: 0; white-space: normal; text-align: center; }
  .welcome-banner { padding: 20px 16px 78px !important; min-width: 0; }
  .welcome-banner .rpg-button { left: 16px; right: 16px; bottom: 14px; width: auto; white-space: normal; }
  .dashboard-stats, .dashboard-embed-grid { min-width: 0; grid-template-columns: minmax(0,1fr) !important; }
  .sidebar.vteam-sidebar, .sidebar { max-width: 100vw; padding: 6px 4px calc(6px + env(safe-area-inset-bottom)) !important; height: auto; min-height: 68px; }
  .sidebar .nav { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)) !important; gap: 2px; width: 100%; }
  .sidebar .nav-item { display: flex !important; min-width: 0; width: 100%; min-height: 52px; height: auto; padding: 6px 1px !important; margin: 0; flex-direction: column; justify-content: center; align-items: center; gap: 3px; font: 10px/1.2 system-ui,sans-serif !important; text-align: center; overflow-wrap: anywhere; }
  .sidebar .nav-item:nth-child(n+6) { display: none !important; }
  .sidebar .nav-item:before { display: none; }
  .dashboard-v130 .raid-artframe-content { padding: 20px 14px 18px !important; }
  .dashboard-v130 .raid-artframe-embed .raid-card { grid-template-columns: 42px minmax(0,1fr) !important; }
  .dashboard-v130 .raid-artframe-embed .raid-card > b { grid-column: 2; justify-self: start !important; text-align: left !important; }
}