/* Item identity remains visible without hovering or opening another panel. */
body.realm-game #inventory.inventory {
  grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;
}
body.realm-game #inventory.inventory button {
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  min-width:0;height:auto;min-height:158px;aspect-ratio:auto;padding:17px 7px 9px;
  border-radius:12px;line-height:1.25;
}
body.realm-game #inventory.inventory button:not(.occupied) {min-height:58px;justify-content:center;opacity:.65;}
body.realm-game #inventory.inventory canvas {width:96px;height:96px;max-width:100%;object-fit:contain;image-rendering:auto;}
body.realm-game #inventory .inventory-item-name {display:block;width:100%;font-size:13px;font-weight:650;color:#fff0cf;white-space:normal;overflow-wrap:anywhere;}
body.realm-game #inventory .inventory-item-rarity {font-size:11px;margin-top:5px;}
body.realm-game #inventory small {font-size:10px;top:4px;left:7px;}
body.realm-game #inventory button:focus-visible {outline:3px solid #ffe1a3;outline-offset:2px;}
body.realm-game .item-detail-heading {align-items:center;flex-wrap:wrap;}
body.realm-game .item-detail-heading canvas {width:160px;height:160px;image-rendering:auto;background:radial-gradient(ellipse,#56717c70,#06151c20 72%);border-radius:14px;}
body.realm-game .item-detail-heading>div {flex:1 1 140px;min-width:0;}
body.realm-game .item-detail-heading h3 {overflow-wrap:anywhere;}
@media(max-width:420px){body.realm-game #inventory.inventory {grid-template-columns:repeat(2,minmax(0,1fr));}body.realm-game .item-detail-heading canvas {width:144px;height:144px;}}