.character-equipment{display:grid;grid-template-columns:repeat(3,34px);grid-auto-rows:34px;gap:3px 5px;width:max-content;padding:5px;background:#484848;border:1px solid #242424;margin:0 auto;box-sizing:content-box}
.character-equipment .equipment-slot{position:relative;width:34px;height:34px;background-size:34px 34px;image-rendering:pixelated;box-sizing:border-box;cursor:help}
.character-equipment .equipment-sprite{position:absolute;left:1px;top:1px;width:32px;height:32px;border:0;image-rendering:pixelated}
.character-equipment .equipment-tier{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;min-width:12px;height:13px;padding:0 1px;box-sizing:border-box;background:#ff8f14;border:1px solid #381f00;border-radius:0;color:#000;font:700 10px/11px Arial,sans-serif;letter-spacing:0;text-shadow:none;pointer-events:none;z-index:1}
.character-equipment .equipment-missing{color:#ddd;font:bold 18px/34px Verdana,sans-serif;text-align:center}
.character-equipment .equipment-missing:not([hidden]){display:block}
.character-equipment .equipment-slot:focus-visible{outline:1px solid #ffca54;outline-offset:1px}