/* v106: cache-safe mobile rewards, persistent hotbar and bounded chat. */
.topbar{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  z-index:10050!important;
}
body{padding-top:74px!important}
.game-view.open{
  inset:74px 0 0 245px!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  z-index:1000!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.chat-messages-v101{
  overflow:hidden!important;
  scrollbar-width:none!important;
}
.chat-messages-v101::-webkit-scrollbar{display:none!important}

@media(max-width:1100px){
  .game-view.open{left:0!important}
}

@media(max-width:760px){
  body{padding-top:60px!important}
  .topbar{height:60px!important}
  .game-view.open{
    inset:60px 0 calc(64px + env(safe-area-inset-bottom)) 0!important;
    width:100%!important;
    height:auto!important;
    padding:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  .modal-card:has(.rewards-v61){
    width:calc(100vw - 8px)!important;
    height:calc(100dvh - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
    padding:42px 8px 86px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .rewards-v61,.rewards-mobile-v104{width:100%!important;min-width:0!important}
  .reward-grid-v61{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    gap:8px!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .reward-card-v61,.reward-tier-v61{
    height:auto!important;
    min-height:248px!important;
    padding:9px!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto 82px 44px 40px!important;
    align-content:start!important;
  }
  .reward-tier-head-v63{min-height:43px!important}
  .reward-egg-v61{
    width:100%!important;
    height:78px!important;
    min-height:78px!important;
    margin:0 auto!important;
    overflow:hidden!important;
  }
  .reward-egg-v61>img{width:82px!important;height:78px!important;object-fit:contain!important}
  .reward-pets-v61{
    width:100%!important;
    height:42px!important;
    margin:2px 0!important;
    gap:2px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .reward-pets-v61>div{flex:1 1 0!important;width:auto!important;min-width:0!important;padding:2px!important}
  .reward-pets-v61 .pet-model{width:100%!important;height:30px!important}
  .reward-pets-v61 small{display:none!important}
  .reward-tier-v61>p{display:none!important}
  .reward-tier-v61>button{
    position:static!important;
    width:100%!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    font-size:7px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:370px){
  .reward-grid-v61{grid-template-columns:1fr!important}
  .reward-card-v61,.reward-tier-v61{min-height:235px!important}
}