#binding-sets { display:flex; align-items:center; gap:3px; margin:0; flex:0 0 auto; }
#binding-sets > span { color:#a8b8a4; font-size:12px; margin-right:5px; }
.action-title #binding-sets button { min-width:30px; padding:4px 8px; font-variant-numeric:tabular-nums; }
#binding-sets button[aria-pressed="true"] { background:#46513b; border-color:#c5b77a; color:#fff0bd; box-shadow:inset 0 -2px #c5b77a; }
#binding-sets button:focus-visible { outline:2px solid #edda9b; outline-offset:2px; }
.action-title { flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:6px; }
.action-title > button { flex:0 0 auto; margin:0; }
.action-title #binding-sets button { height:25px; }
.action-title > button { min-height:25px; }
.hotkey .glyph .action-symbol { width:32px; height:32px; filter:drop-shadow(0 2px 1px #0008); }
@media(min-width:801px) {
  .game-bottom {height:154px;}
  .hotkey {height:53px;}
  .hotkey .glyph {height:32px; padding:0; line-height:normal; display:flex; align-items:center; justify-content:center;}
  .hotkey .ability-name {font-size:9px;line-height:9px;max-height:18px;}
}
@media(max-width:800px) {
  .hotkey .glyph .action-symbol {width:29px;height:29px;}
  #binding-sets {margin-left:0;}
  #binding-sets > span {font-size:10px;margin-right:2px;}
  .action-title #binding-sets button {min-width:24px;padding:3px 6px;}
}