/* MegaBrain — 1366x768 notebook fit only
   v20260817-fit17
   Does not alter the header or normal layouts. Applies only to desktop
   notebook-like viewports where height is 800px or less.
*/
@media (min-width:1000px) and (max-width:800px){
  /* Keep the fixed header exactly as it is; only the page content below it is compacted. */
  #pageEkran.active,
  #pageXisobcha.active,
  #pageYaponcha.active{
    height:100dvh !important;
    min-height:100dvh !important;
    max-height:100dvh !important;
    padding-top:58px !important;
    overflow:hidden !important;
  }

  #pageEkran .game-page-wrap,
  #pageXisobcha .game-page-wrap,
  #pageYaponcha .game-page-wrap,
  body.game-on #pageEkran .game-page-wrap,
  body.game-on #pageXisobcha .game-page-wrap,
  body.game-on #pageYaponcha .game-page-wrap{
    height:calc(100dvh - 58px) !important;
    max-height:calc(100dvh - 58px) !important;
    min-height:0 !important;
    padding:6px 10px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  #pageEkran .mode-intro-card,
  #pageXisobcha .mode-intro-card,
  #pageYaponcha .mode-intro-card{
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* Start/menu screens: compact only the internal spacing, never the header. */
  #pageEkran .mode-intro-card .ek-hero,
  #pageXisobcha .mode-intro-card .ek-hero,
  #pageYaponcha .mode-intro-card .ek-hero{
    min-height:86px !important;
    padding-top:16px !important;
    padding-bottom:10px !important;
  }
  #pageEkran .mode-intro-card .ek-hero-logo,
  #pageXisobcha .mode-intro-card .ek-hero-logo,
  #pageYaponcha .mode-intro-card .ek-hero-logo{
    width:clamp(120px,20vw,250px) !important;
    margin-bottom:18px !important;
    transform:scaleY(1.25) !important;
  }
  #pageEkran .mode-intro-card .ek-hero-start,
  #pageXisobcha .mode-intro-card .ek-hero-start,
  #pageYaponcha .mode-intro-card .ek-hero-start{
    padding:8px 24px !important;
    font-size:.82rem !important;
  }
  #pageEkran .mode-intro-card .ek-hero-tagline,
  #pageXisobcha .mode-intro-card .ek-hero-tagline,
  #pageYaponcha .mode-intro-card .ek-hero-tagline{
    font-size:14px !important;
    margin-bottom:5px !important;
  }
  #pageEkran .mode-intro-card .ek-hero-sub,
  #pageXisobcha .mode-intro-card .ek-hero-sub,
  #pageYaponcha .mode-intro-card .ek-hero-sub{
    font-size:12px !important;
    margin-bottom:8px !important;
  }

  #pageEkran .mode-intro-card .main-menu,
  #pageXisobcha .mode-intro-card .main-menu,
  #pageYaponcha .mode-intro-card .main-menu{
    gap:7px !important;
    margin-bottom:8px !important;
  }
  #pageEkran .mode-intro-card .menu-card-header,
  #pageXisobcha .mode-intro-card .menu-card-header,
  #pageYaponcha .mode-intro-card .menu-card-header{
    padding:7px 10px 6px !important;
  }
  #pageEkran .mode-intro-card .menu-card-body,
  #pageXisobcha .mode-intro-card .menu-card-body,
  #pageYaponcha .mode-intro-card .menu-card-body{
    padding:7px 10px 8px !important;
  }
  #pageEkran .mode-intro-card .mode-opt,
  #pageXisobcha .mode-intro-card .mode-opt,
  #pageYaponcha .mode-intro-card .mode-opt{
    padding:7px 9px !important;
  }
  #pageEkran .mode-intro-card .s-btn,
  #pageXisobcha .mode-intro-card .s-btn,
  #pageYaponcha .mode-intro-card .s-btn{
    padding:6px 8px !important;
  }
  #pageEkran .mode-intro-card .start-screen,
  #pageXisobcha .mode-intro-card .start-screen,
  #pageYaponcha .mode-intro-card .start-screen{
    margin-bottom:6px !important;
    min-height:48px !important;
    padding:4px !important;
    overflow:hidden !important;
  }

  /* Exercise cards: keep the whole card inside the available 710px content area. */
  body.game-on #pageEkran .game-area.active,
  body.game-on #pageXisobcha .game-area.active,
  body.game-on #pageYaponcha .game-area.active,
  body.game-on #pageEkran #ekranMultiArea.active{
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body.game-on #pageEkran #ekranGameArea .number-arena{
    min-height:0 !important;
    height:100% !important;
  }
  body.game-on #pageXisobcha .xitoy-wrap{
    max-height:100% !important;
    height:100% !important;
  }
  body.game-on #pageXisobcha .xitoy-viewport{
    height:min(48vh,340px) !important;
  }
  body.game-on #pageYaponcha .ustun-game-wrap{
    width:min(430px,58vh) !important;
    height:min(430px,58vh) !important;
  }
  body.game-on #pageYaponcha .ustun-bottom-bar{
    padding-top:6px !important;
    margin-top:3px !important;
  }

  /* Never create document-level vertical scrolling at this target size. */
  body:has(#pageEkran.active),
  body:has(#pageXisobcha.active),
  body:has(#pageYaponcha.active){
    overflow:hidden !important;
  }
}