/* ---------- Telas menores ---------- */
@media (max-width:1100px){
  .modes{gap:10px}.mode{height:126px}.mode .mLbl{font-size:24px;bottom:26px}.mode .mIco{width:70px;height:58px;left:12px;top:12px}.mode .mMon{height:80px;width:80px}

  .chip{min-width:130px;font-size:18px}
}
@media (max-width:760px){
  #cfgBtn{top:8px;right:10px;width:46px;height:44px}#cfgBtn svg{width:26px;height:26px}
  .profile{width:auto;max-width:calc(100% - 76px);left:10px;top:8px;padding:6px 14px 6px 6px}.avatar{width:50px;height:50px}.pname{font-size:18px}.plv{font-size:13px}
  #topbar{top:76px;left:10px;right:10px;justify-content:flex-end}.chip{min-width:0;height:40px;font-size:16px}.chip>svg,.chip .ico svg{width:24px;height:24px}.plus{width:28px;height:28px;font-size:18px}.iconBtn{width:42px;height:40px}.iconBtn svg{width:24px;height:24px}
  #nav{top:auto;bottom:0;left:0;right:0;flex-direction:row;justify-content:space-around;gap:4px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(6,16,36,.95);border-top:1px solid var(--edge)}
  .nav{width:auto;flex:1;height:58px;font-size:11px;box-shadow:none}.nav svg{width:26px;height:26px}.nav:hover{transform:none}
  .page{padding:132px 12px 90px}
  .modes{grid-template-columns:1fr 1fr;bottom:80px;left:10px;right:10px}.mode{height:96px}.mode .mLbl{font-size:20px;bottom:20px}.mode .mSub{font-size:11px;bottom:4px}.mode .mIco{width:46px;height:40px}.mode .mMon{height:60px;width:60px}

  .cols{grid-template-columns:1fr}.starters{grid-template-columns:1fr}
}