/* ===== Responsive ===== */
@media (max-width:1000px){
  .shop-hero,.games-top{grid-template-columns:1fr}
}
@media (max-width:860px){
  .wrap{padding:14px 12px calc(96px + env(safe-area-inset-bottom,0px))}
  .topbar{padding:0 12px;gap:8px;height:58px;backdrop-filter:none;background:var(--surface)}
  #toastRoot{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .ctrl-hint{font-size:11px;right:132px}
  .wordmark small{display:none}
  .wordmark{font-size:23px}
  .logo svg{width:38px;height:38px}
  .mainnav{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:45;justify-content:space-around;background:var(--topbar);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
  .mainnav button{flex-direction:column;gap:0;font-size:11px;padding:6px 10px;border-radius:14px}
  .mainnav .ni{font-size:19px}
  .hompy-body{grid-template-columns:1fr;padding:12px;gap:14px}
  .profile{display:grid;grid-template-columns:110px 1fr;gap:10px 14px;align-items:start}
  .profile .portrait{grid-row:span 3}
  .profile .bgm,.profile .today-pick,.profile .prof-actions{grid-column:1/-1}
  .tabs{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding:6px;margin-bottom:10px;background:var(--surface);border:1px solid var(--line);border-radius:999px}
  .tabs button{flex-direction:row;width:auto;flex:none;border-radius:999px;padding:7px 13px;box-shadow:none;transform:none!important}
  .hompy-frame{padding:8px;border-radius:22px}
  .hompy-head{flex-wrap:wrap;padding:12px 14px;gap:8px}
  .counter{margin-left:0}
  .two,.wardrobe{grid-template-columns:1fr}
  .stage canvas{aspect-ratio:26/22}
  .seed-pill{padding:5px 10px 5px 6px;font-size:14px}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}