/* Tablet-only layout. Both dimensions exclude portrait and landscape iPhones.
   Narrow iPad split views retain the existing compact layout. */
@media (min-width:700px) and (min-height:600px){
  #scr-home>.topbar,#scr-districts>.topbar{width:100%;max-width:920px;align-self:center}
  #scr-home .home-bottom{width:100%;max-width:680px;align-self:center;padding-bottom:calc(var(--sab) + 28px)}
  #scr-home .continue,#scr-home .quick{max-width:600px;width:100%}
  #scr-home .home-hero{padding-bottom:32px}
  #scr-home .home-tag{max-width:430px}
  #districtList{max-width:980px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:230px;align-content:start;gap:18px;padding:16px 24px calc(var(--sab) + 28px)}
  #districtList .d-card{width:100%;height:230px;min-width:0}
  #scr-game>.topbar{width:calc(100% - 48px);max-width:760px;align-self:center}
  #scr-game>.stats-bar{width:calc(100% - 64px);max-width:720px;align-self:center;margin-left:0;margin-right:0}
  #scr-game>.coach{width:calc(100% - 64px);max-width:720px;align-self:center}
  #scr-game>.stage{width:100%;max-width:740px;align-self:center}
  #scr-game>.controls{width:100%;max-width:700px;align-self:center;padding-bottom:calc(var(--sab) + 24px)}
  #scr-levels .lv-hero-txt{left:max(32px,calc((100vw - 800px)/2));right:max(32px,calc((100vw - 800px)/2))}
  .sheet-panel{max-width:580px}
  #pp-ad-layer .ad-popup{width:min(620px,100%);height:min(900px,calc(100dvh - 40px - var(--top) - var(--bottom)))}
  #pp-ad-layer .creative h2{font-size:34px}
}
@media (min-width:900px) and (min-height:600px) and (max-height:900px){
  #scr-home .home-hero{position:absolute;left:5%;top:calc(var(--sat) + 80px);bottom:calc(var(--sab) + 55px);width:43%;padding:16px;justify-content:center}
  #scr-home .home-bottom{position:absolute;left:52%;right:5%;top:calc(var(--sat) + 80px);bottom:calc(var(--sab) + 55px);width:43%;max-width:none;justify-content:center;padding:16px}
}
@media (min-width:700px) and (min-height:600px){
  #districtList{grid-auto-rows:auto}
  #districtList>.d-summary{grid-column:1/-1;min-height:0}
}
@media (min-width:900px) and (min-height:600px) and (max-height:900px){
  #scr-home .home-bottom{margin:0}
}
@media (min-width:700px) and (min-height:600px){
  #districtList{grid-template-rows:74px;grid-auto-rows:230px}
  #districtList>.d-summary{min-height:74px}
}