.bottom{width:min(1140px,calc(96vw / var(--vq-ui,1)))}
.actionbar .menu-buttons{grid-template-columns:repeat(2,minmax(66px,1fr));gap:4px;flex-shrink:0}
.actionbar .menu-buttons button{padding:5px 7px}
.actionbar .menu-buttons kbd{margin-left:3px}
body.legend-in-siege #legend-banner{bottom:145px}
#legend-selected{z-index:13;top:188px!important;max-width:45vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1100px){.actionbar{gap:4px;padding:7px}#skills{gap:3px}.actionbar .skill{width:49px;min-width:49px}.actionbar .menu-buttons{grid-template-columns:repeat(2,62px)}.actionbar .menu-buttons button{min-width:0;font-size:9px;padding:4px}.actionbar .divider{margin:0}.bottom{width:calc(98vw / var(--vq-ui,1))}#legend-selected{top:182px!important}}
@media(max-width:850px){.actionbar{flex-wrap:wrap}.actionbar .menu-buttons{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.actionbar .menu-buttons button{flex:0 1 auto}.bottom{width:calc(98vw / var(--vq-ui,1))}.actionbar #skills{overflow-x:auto;max-width:calc(65vw / var(--vq-ui,1))}.actionbar .skill{flex-shrink:0}#legend-selected{top:178px!important}}