/* Ajustes finais para telas pequenas: evita cortes e mantém a hierarquia visual. */
@media (max-width: 720px) {
  html, body { max-width:100%; overflow-x:hidden; }
  .page-shell { width:min(100% - 24px, 1120px); padding-top:10px; }

  .navbar {
    height:auto !important;
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:11px;
    padding:12px 0 14px;
  }
  .brand { justify-self:start; font-size:22px; }
  .nav-actions {
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:7px;
  }
  .nav-actions > * {
    min-width:0;
    min-height:39px;
    justify-content:center;
    padding:8px 6px;
    overflow:hidden;
    font-size:11px;
    line-height:1.1;
    text-align:center;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .theme-toggle span:last-child { display:none; }
  .share-button { grid-column:span 2; }

  .hero { min-height:0; border-radius:18px; }
  .cover-art { height:126px; }
  .profile-content {
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin:-39px 17px 18px;
    align-items:start;
  }
  .avatar { width:92px; height:92px; }
  .profile-copy { width:100%; max-width:none; }
  .profile-copy .bio { width:auto; margin-left:0; }
  .profile-copy h1 { margin-top:6px; font-size:29px; line-height:1.1; }
  .profile-copy .handle { margin-top:5px; }
  .profile-copy .bio { margin-top:9px; line-height:1.5; }
  .profile-trophy-strip { width:100%; margin-top:14px; }
  .profile-actions { width:100%; margin:2px 0 0; grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .mini-stat { min-height:62px; }
  .profile-actions .follow-button { grid-column:1 / -1; min-height:45px; }

  .profile-feature-grid { margin-top:30px; gap:16px; }
  .next-platinum-card, .about-player-card { min-height:0; padding:22px; }
  .milestones-section, .collection-tools, .highlights, .content-grid, .spotlight, .badges-section, .games-section { margin-top:34px; }
  .section-heading h2, .milestones-section h2 { font-size:29px; }
  .collection-tools { margin-top:32px; }
  .journey-grid { gap:14px; }

  .highlights { gap:0; }
  .highlights article { min-height:104px; padding:14px 8px; }
  .highlights strong { font-size:30px; }
  .highlights span { font-size:12px; }

  .spotlight { min-height:0; padding:25px 20px; }
  .spotlight h2 { font-size:34px; }
  .spotlight-stats { gap:16px; }
  .badge-grid { gap:12px; }
  .badge { min-height:100px; padding:14px; }

  .games-section { padding-bottom:16px; }
  .game-grid { gap:17px; }
  .game-card {
    min-height:190px;
    aspect-ratio:16 / 10;
    margin:0;
    padding:16px;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    background-position:center;
  }
  .game-card::after { content:''; position:absolute; inset:35% 0 0; pointer-events:none; background:linear-gradient(transparent, rgba(4,12,27,.96)); }
  .game-card div { position:relative; top:auto; right:auto; bottom:auto; left:auto; z-index:2; }
  .game-card span { font-size:19px; }
  .game-card small { color:#d7e5fa; font-size:12px; }
  .managed-game-card .managed-card-edit { z-index:3; }
}

@media (max-width: 390px) {
  .brand { font-size:20px; }
  .nav-actions { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .share-button { grid-column:auto; }
  .section-heading h2, .milestones-section h2 { font-size:27px; }
}