/* Twelve active slots, arranged as ASDFGH and QWERTY, with a separate Z slot. */
.hud-bottom .skill-bar { display: grid; grid-template-columns: repeat(7, 64px); grid-template-rows: repeat(2, 68px); gap: 4px; flex: 0 0 auto; align-items: center; }
.hud-bottom .skill-button { width: 64px; height: 68px; min-width: 0; min-height: 0; margin: 0; }
.hud-bottom .skill-button:first-child { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
.hud-bottom .skill-name { font-size: 10px; line-height: 13px; }
.wb-quickbar { display: grid; grid-template-columns: 100px repeat(6, minmax(0, 1fr)); gap: 4px; }
.wb-quickbar > span:first-child { grid-column: 1; grid-row: 1 / span 2; align-self: center; }
.wb-quickbar .wb-quickslot { width: auto; min-width: 0; }

/* Keep action hints above the enlarged two-row shortcut bar. */
#combat-help { bottom: 196px; }


/* 1.0.0: QWERTY above ASDFGH; actual input slot identities stay unchanged. */
.hud-bottom .skill-button:nth-child(2), .wb-quickbar > .wb-quickslot:nth-child(2) {grid-column:2;grid-row:2;}
.hud-bottom .skill-button:nth-child(3), .wb-quickbar > .wb-quickslot:nth-child(3) {grid-column:3;grid-row:2;}
.hud-bottom .skill-button:nth-child(4), .wb-quickbar > .wb-quickslot:nth-child(4) {grid-column:4;grid-row:2;}
.hud-bottom .skill-button:nth-child(5), .wb-quickbar > .wb-quickslot:nth-child(5) {grid-column:5;grid-row:2;}
.hud-bottom .skill-button:nth-child(6), .wb-quickbar > .wb-quickslot:nth-child(6) {grid-column:6;grid-row:2;}
.hud-bottom .skill-button:nth-child(7), .wb-quickbar > .wb-quickslot:nth-child(7) {grid-column:7;grid-row:2;}
.hud-bottom .skill-button:nth-child(8), .wb-quickbar > .wb-quickslot:nth-child(8) {grid-column:2;grid-row:1;}
.hud-bottom .skill-button:nth-child(9), .wb-quickbar > .wb-quickslot:nth-child(9) {grid-column:3;grid-row:1;}
.hud-bottom .skill-button:nth-child(10), .wb-quickbar > .wb-quickslot:nth-child(10) {grid-column:4;grid-row:1;}
.hud-bottom .skill-button:nth-child(11), .wb-quickbar > .wb-quickslot:nth-child(11) {grid-column:5;grid-row:1;}
.hud-bottom .skill-button:nth-child(12), .wb-quickbar > .wb-quickslot:nth-child(12) {grid-column:6;grid-row:1;}
.hud-bottom .skill-button:nth-child(13), .wb-quickbar > .wb-quickslot:nth-child(13) {grid-column:7;grid-row:1;}

.wb-item-cell.wb-new-item { outline:2px solid #f2cc72; outline-offset:-2px; box-shadow:inset 0 0 13px #f0bb4c55,0 0 4px #f3c86b66; }
.wb-item-cell.wb-new-item::after { content:"新";position:absolute;top:2px;left:3px;color:#fff0af;font-size:11px;font-weight:bold; }
.wb-already-owned { color:#8ed8bb;font-size:12px;padding:2px 7px;border:1px solid #72b59d66;border-radius:5px;margin-left:8px; }
.bc-common-icon {font-size:33px;color:#eed39b;display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;}
.wb-supply-balance {color:#e5d1a6;padding:7px;}