@media(max-width:1080px){
  html,body,#app,.frame{width:100%;max-width:100%;overflow-x:hidden}
  main.content{width:100%;max-width:100vw;overflow-x:hidden}
  .sections,.section,.rgrp{width:100%;max-width:100%}
  .grid,.battle{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(145px,165px))!important;gap:12px!important;justify-content:start!important;align-items:start!important;width:100%!important;max-width:100%!important}
  .grid .card,.battle .card{width:160px!important;max-width:160px!important;min-width:0!important;justify-self:start!important;align-self:start!important;aspect-ratio:2.5/3.5!important}
  .grid .card.bigcard,.battle .card.bigcard{width:min(100%,330px)!important;max-width:330px!important}
  .grid .art,.battle .art{height:48%!important}
  .grid .card img,.battle .card img{max-width:none!important}
  .sectiontop{gap:14px}
  .slots{max-width:100%;overflow-x:auto}
}
@media(max-width:390px){
  .grid,.battle{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .grid .card,.battle .card{width:100%!important;max-width:158px!important}
}