/* Responsive guardrails verified after the Hypixel-style rebuild. Keep this file narrowly scoped.
   Audited for desktop, tablet and phone widths; the main stylesheet owns the visual design. */
.hp-nav-frame{min-width:0;overflow:hidden}
.tabs{width:100%;max-width:100%;min-width:0}

@media(max-width:850px){
  .tabs{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .tab{flex:0 0 115px}
}

@media(max-width:590px){
  .hp-top,.hp-account{min-width:0}
  .hp-account{max-width:100%}
  .hp-cell{min-width:0}
}