.itemDisplayOptions {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    font-weight: bold;
    font-size: large;
}

/* Belt 2.0.1 — each visual square is one single prepared consumable. */
.lorBeltSection{padding:10px;color:#e8d3a2}
.lorBeltTitle{text-align:center;font-weight:bold;margin-bottom:8px}
.lorBeltGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}
.lorBeltBox{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1/1;max-width:66px;border:2px ridge #9a713f;border-radius:5px;background:#1f191b;color:#e4c494;cursor:pointer;padding:4px}
.lorBeltBox img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.lorBeltPlus{font-size:20px;opacity:.55}
.lorBeltNumber{position:absolute;bottom:1px;right:3px;font:10px sans-serif;color:#e9d6aa;text-shadow:1px 1px #000}
.lorBeltBox:focus-visible{outline:2px solid #f3d18f;outline-offset:1px}
.lorBeltBox:hover{box-shadow:inset 0 0 8px rgba(250,210,104,.25)}
.lorBeltItemCapacity{margin:6px 0;color:#efcd8a}
.lorBeltItemBox{cursor:default}

/* LOR 2.0.2 — compact potion belt slots in Equipment and displayItem(). */
.lorBeltSection{padding:5px 8px 7px}
.lorBeltTitle{margin-bottom:3px;font-size:12px}
.lorBeltGrid{display:grid;grid-template-columns:repeat(4,minmax(0,46px));justify-content:center;gap:5px;margin:5px auto;max-width:220px}
.lorBeltBox{box-sizing:border-box;width:46px;max-width:46px;min-height:46px;max-height:46px;aspect-ratio:1/1;padding:3px;cursor:pointer}
.lorBeltBox img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.lorBeltBox.lorBeltInactive{opacity:.5;cursor:default}
.lorBeltItemGrid{grid-template-columns:repeat(4,minmax(0,44px));max-width:212px;justify-content:center}
.lorBeltItemGrid .lorBeltBox{width:44px;max-width:44px;min-height:44px;max-height:44px}
.lorBeltItemCapacity{text-align:center;margin:5px 0 2px}

/* 2.0.3 — put the belt capacity on its own line, with centered compact slots. */
.itemDisplayAttributesInfo > .lorBeltItemCapacity{display:block;flex:0 0 100%;width:100%;box-sizing:border-box}
.itemDisplayAttributesInfo > .lorBeltItemGrid{
  flex:0 0 100%;width:100%;max-width:100%;box-sizing:border-box;
  grid-template-columns:repeat(4,44px);justify-content:center;
  gap:5px;margin:8px auto 4px;
}
@media(max-width:420px){.lorBeltSection{padding:4px 6px}.lorBeltGrid{gap:4px;margin:4px auto}}