/* The gallery has its own desktop layout; mobile cards keep their compact list. */
.activity-game-note{display:none}
@media(min-width:621px){
  .activity-page{min-height:100svh;display:flex;flex-direction:column}
  .activity-page .site-header{padding:12px 0 10px}
  .activity-page .brand img{width:205px}
  .activity-page main{flex:1;display:flex;flex-direction:column}
  .activity-page .subintro{padding:14px 0 16px}
  .activity-page .subintro .back{font-size:12px;margin-bottom:10px}
  .activity-page .subintro .eyebrow{display:none}
  .activity-page .subintro h1{font-size:32px;line-height:1.15;letter-spacing:-.8px;margin-bottom:10px}
  .activity-page .subintro>p{font-size:14px;line-height:1.5}
  .activity-page .activity-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;align-items:stretch;margin-bottom:0}
  .activity-page .activity-card{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0;margin:0;padding:16px;border-radius:16px}
  .activity-page .activity-card + .activity-card{margin-top:0}
  .activity-page .activity-preview{flex:none;border-radius:10px}
  .activity-page .activity-preview img{height:140px;max-height:140px;width:100%;object-fit:contain}
  .activity-page .activity-copy{display:flex;flex-direction:column;flex:1;min-width:0;text-align:center}
  .activity-page .activity-tag{font-size:10px;letter-spacing:.8px}
  .activity-page .activity-copy h2{display:flex;align-items:center;justify-content:center;min-height:46px;font-size:clamp(18px,1.75vw,23px);line-height:1.15;letter-spacing:-.4px;margin:8px 0 12px;text-wrap:balance}
  .activity-page .activity-copy>p:not(.activity-game-note):not(.download-status){display:none}
  .activity-page .activity-copy>.button{min-height:44px;width:100%;padding:10px 12px;font-size:13px;gap:16px;margin-top:auto}
  .activity-page .activity-downloads{display:flex;justify-content:center;flex-wrap:wrap;gap:0 14px;margin-top:8px;min-height:44px}
  .activity-page .activity-downloads a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
  .activity-page .activity-copy>.activity-game-note{display:flex;justify-content:center;align-items:center;min-height:44px;margin:8px 0 0;font-size:12px;line-height:1.5;color:#626262}
  .activity-page .activity-soon{grid-column:1/-1;font-size:12px;line-height:1.5;margin:0}
  .activity-page .build-note{font-size:11px;line-height:1.5;margin-top:14px;margin-bottom:15px}
  .activity-page .site-footer{padding:15px 0 16px;font-size:10px;line-height:1.5;gap:18px}
  .activity-page .site-footer strong{font-size:12px}
}
@media(min-width:1000px){
  .activity-page .activity-library{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:621px) and (max-width:999px){
  .activity-page .activity-card{display:grid;grid-template-columns:85px minmax(0,1fr);gap:10px;padding:12px}
  .activity-page .activity-preview img{height:100px;max-height:100px}
  .activity-page .activity-copy h2{font-size:18px;min-height:42px;margin:6px 0 9px}
  .activity-page .activity-copy>.button{font-size:11px;padding:8px;gap:8px}
  .activity-page .activity-tag{font-size:8px;letter-spacing:.3px}
  .activity-page .activity-downloads a,.activity-page .activity-copy>.activity-game-note{font-size:10px}
}
@media(min-width:621px) and (max-height:700px){
  .activity-page .site-header{padding:8px 0}
  .activity-page .brand img{width:165px}
  .activity-page .subintro{padding:10px 0 12px}
  .activity-page .subintro .back{margin-bottom:8px}
  .activity-page .subintro h1{font-size:28px;margin-bottom:8px}
  .activity-page .subintro>p{font-size:12px}
  .activity-page .activity-library{gap:10px 14px}
  .activity-page .activity-card{padding:14px;gap:8px}
  .activity-page .activity-preview img{height:100px;max-height:100px}
  .activity-page .activity-tag{font-size:9px}
  .activity-page .activity-copy h2{min-height:42px;font-size:20px;margin:6px 0 9px}
  .activity-page .activity-downloads,.activity-page .activity-copy>.activity-game-note{margin-top:6px}
  .activity-page .activity-soon{font-size:11px}
  .activity-page .build-note{margin-top:10px;margin-bottom:10px}
  .activity-page .site-footer{padding:10px 0;font-size:10px}
}