/* CSGuessr V36 desktop density pass.
   Compact the visual scale without using CSS zoom/transform scaling, so text and video stay crisp. */

@media(min-width:900px){
  .site-shell>.topbar,
  .site-shell .topbar{
    min-height:60px!important;
    padding-inline:clamp(12px,1.6vw,22px)!important;
  }
  .topbar .brand.brand-button{
    width:162px!important;
    height:48px!important;
  }
  .topbar .menu-trigger,
  .topbar .settings-icon{
    width:36px!important;
    height:36px!important;
  }
  .topbar .quick-play,
  .topbar .token-pill,
  .topbar .player-pill,
  .topbar .submit-top{
    min-height:36px!important;
  }

  .page-home .home-stage{
    width:min(1460px,calc(100% - 28px))!important;
    margin-top:12px!important;
    border-radius:20px!important;
  }
  .home-stage-copy{max-width:650px!important}
  .home-stage-copy h1{
    margin-top:6px!important;
    font-size:clamp(44px,5.1vw,74px)!important;
    line-height:.88!important;
  }
  .home-stage-copy>p:last-child{
    margin-top:10px!important;
    line-height:1.5!important;
  }
  .page-home .home-rating-card.v33-home-rank-first{
    margin:10px auto 8px!important;
  }
  .page-home .v33-mode-priority-heading{
    margin:6px auto 7px!important;
    gap:12px!important;
  }
  .page-home .v33-mode-priority-grid{
    gap:8px!important;
    margin-bottom:10px!important;
  }
  .page-home .v33-mode-priority-grid>.center-mode{
    min-height:82px!important;
    padding-block:10px!important;
  }
  .page-home .v33-mode-priority-grid>.v33-mode-featured{
    min-height:94px!important;
  }
  .page-home .v33-mode-priority-grid>.v33-mode-featured span>b{
    font-size:clamp(22px,1.9vw,30px)!important;
  }
  .page-home .center-mode>.v33-nav-icon[data-v33-icon]{
    width:46px!important;
    height:46px!important;
  }
  .page-home .v33-home-account-tools{
    margin-bottom:8px!important;
  }
  .page-home .home-tools.v33-home-feature-tools{
    gap:8px!important;
    margin-bottom:6px!important;
  }
  .page-home .home-tools.v33-home-feature-tools>button{
    min-height:76px!important;
    padding:9px 11px!important;
  }
  .page-home .home-tools>button>.v33-nav-icon[data-v33-icon]{
    width:44px!important;
    height:44px!important;
  }

  .page-home .arena-wrap{margin-top:46px!important}
  .page-home .leaderboard-section,
  .page-home .how{margin-top:56px!important}
  .page-home .submit-banner{margin-top:58px!important}
  .section-heading h2,
  .leaderboard-heading h2,
  .how-intro h2{
    font-size:clamp(32px,3.7vw,54px)!important;
  }

  .cases-page,
  .inventory-page,
  .upgrader-page,
  .operation-page,
  .settings-page,
  .my-clips-page,
  .shop-page{
    padding-top:42px!important;
  }
  .page-title h1{
    font-size:clamp(42px,4.5vw,66px)!important;
    line-height:.9!important;
  }
  .site-shell>footer{
    margin-top:60px!important;
    padding-top:26px!important;
    padding-bottom:24px!important;
  }
}

/* Laptop-height tuning. This is the viewport class visible in the supplied school-laptop photo. */
@media(min-width:900px) and (max-height:900px){
  .site-shell>.topbar,
  .site-shell .topbar{min-height:56px!important}
  .topbar .brand.brand-button{width:154px!important;height:44px!important}

  .page-home .home-stage{margin-top:8px!important}
  .home-stage-copy h1{font-size:clamp(42px,4.6vw,66px)!important}
  .page-home .home-rating-card.v33-home-rank-first{margin:7px auto 6px!important}
  .page-home .v33-mode-priority-heading{margin:4px auto 6px!important}
  .page-home .v33-mode-priority-grid>.center-mode{min-height:74px!important}
  .page-home .v33-mode-priority-grid>.v33-mode-featured{min-height:84px!important}
  .page-home .home-tools.v33-home-feature-tools>button{min-height:70px!important}
  .page-home .arena-wrap{margin-top:38px!important}
  .page-home .leaderboard-section,
  .page-home .how{margin-top:48px!important}
  .page-home .submit-banner{margin-top:50px!important}
}