@media (max-width: 1500px) {
  .dashboard { width: calc(100vw - 20px); grid-template-columns: 1fr; grid-template-rows: minmax(690px, 1fr); }
  .topbar { grid-template-columns: 168px minmax(520px, 1fr) auto; gap: 8px; }
  .main-nav { gap: 2px; }
  .nav-item { padding: 9px 10px; font-size: 13px; }
  .top-actions { gap: 10px; }
  .google-btn { padding-inline: 12px; font-size: 12px; }
  .profile-chip { min-width: 150px; }
  .space-window { width: min(1040px, 98%); height: min(76vh, 700px); min-height: 650px; }
  .hero-buddy-layer { width: min(920px, 98%); height: 545px; bottom: 108px; }
  .hero-buddy-left, .hero-buddy-right { width: clamp(210px, 27vw, 285px); }
  .hero-buddy-center { width: clamp(275px, 34vw, 370px); }
  .play-button { min-width: 390px; height: 88px; }
}
@media (max-width: 1180px) {
  .topbar { grid-template-columns: 1fr; height: auto; }
  .main-nav, .top-actions { flex-wrap: wrap; }
  .dashboard { grid-template-columns: 1fr; grid-template-rows: minmax(640px, auto); }
  .space-window { width: min(940px, 98%); height: 690px; min-height: 620px; }
  .hero-buddy-layer { width: min(850px, 98%); height: 500px; bottom: 108px; }
  .hero-buddy-left, .hero-buddy-right { width: clamp(185px, 27vw, 245px); }
  .hero-buddy-center { width: clamp(245px, 36vw, 325px); }
}
@media (max-width: 620px) {
  .dashboard { width: calc(100vw - 16px); margin-top: 4px; grid-template-rows: minmax(0, 1fr); }
  .topbar { margin: 8px; border-radius: 24px; max-height: 34dvh; overflow: hidden; }
  .space-window { width: 100%; height: 100%; min-height: 0; }
  .hero-light-beam { top: -18%; height: 76%; }
  .hero-rim-glow { bottom: 36%; height: 180px; }
  .hero-floor-glow { bottom: 5%; height: 190px; }
  .hero-foot-light { bottom: 18%; height: 112px; opacity: .72; }
  .hero-buddy-layer { width: min(540px, 124%); height: min(54dvh, 390px); bottom: clamp(56px, 9dvh, 96px); gap: 0; }
  .hero-buddy-left, .hero-buddy-right { width: clamp(142px, 32vw, 165px); }
  .hero-buddy-center { width: clamp(198px, 46vw, 225px); }
  .brand-logo-stage { bottom: clamp(4px, 1dvh, 12px); width: min(430px, 76%); }
  .play-button { min-width: 300px; height: 74px; }
  .play-cta p { max-width: 310px; text-align: center; font-size: 14px; }
  .game-head { grid-template-columns: 1fr; }
  .game-controls { grid-template-columns: 1fr; }
}