/* Keep the game frame bounded; scroll content instead of shrinking controls. */
#game #panel .bagEquipment{flex:none;min-width:0;margin:0}
#game #panel .bagEquipment>summary{cursor:pointer;padding:9px 6px;font-size:12px;color:#edd8a5}
#game #panel .bagMeta,#game #panel .gearFilters,#game #panel .bagFoot,#game #panel .bagSelection{flex:none}
#game #panel .bagInventory,#game #panel .commerceScroll,#game #panel .martialCatalog,#game #panel .atlasScroll{overscroll-behavior-y:auto}
#game #panel .bagItemDetail{min-width:0}
#game #panel .bagItemDetail .itemActions{display:flex;flex-wrap:wrap;gap:6px}
#game #panel .bagItemDetail .itemActions>button{flex:1 1 100px;min-height:40px;white-space:normal}
#game #panel .rivalPerson{flex-wrap:wrap}
#game #panel [data-pk-revenge] small{display:block;font-size:10px}
#accountRetry{width:100%;margin-top:8px}
#accountRetry[hidden]{display:none}
@media(max-width:600px),(max-height:500px){
 #game #panel #panelBody .bagInventory{height:auto;min-height:0;max-height:none;overflow:visible;flex:none}
 #game #panel .bagSelection{display:none}
 #game #panel .bagFoot{flex-wrap:wrap;gap:6px}
 #game #panel .bagFoot>div{display:flex;flex-wrap:wrap;gap:4px}
 #game #panel .bagFoot button{min-height:36px}
 #game #panel .inventoryGrid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}
 #game #panel .bagItemDetail h3{overflow-wrap:anywhere;white-space:normal}
}
#accountGate .passwordVisibility{display:flex;align-items:center;gap:6px;font-size:12px}
#accountGate .passwordVisibility input{width:18px;height:18px;min-height:0;margin:0}
#accountGate .accountCard{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}