/* The inventory uses the dark popup palette; earlier paper colors made loot unreadable. */
#modal.modal:has(.inventory-items) #modalText{width:100%;max-width:650px;color:#f1e3c4}
#modal.modal .inventory-wallet{align-items:center;margin:2px 0 8px;padding:5px 4px 17px;border-bottom:1px solid #cbb07874;color:#e8d9bb;font-size:15px}
#modal.modal .inventory-wallet span{gap:9px}
#modal.modal .inventory-wallet .icon{color:#d6b873;stroke:currentColor}
#modal.modal .inventory-wallet b{margin-left:1px;color:#fff0c6;font-size:18px;font-weight:700}
#modal.modal .inventory-items{margin:12px 0 0;padding:0}
#modal.modal .inventory-items .inventory-item{--loot-accent:#d9bd81;grid-template-columns:52px minmax(0,1fr) auto;gap:15px;min-height:82px;margin:0;padding:15px 14px;border:0;border-bottom:1px solid #cdb37d53;background:linear-gradient(90deg,#1b3b449c,#17354059 55%,#17313a18);box-shadow:inset 2px 0 0 color-mix(in srgb,var(--loot-accent),transparent 35%);color:#f5e7ca;text-align:left}
#modal.modal .inventory-items .inventory-item:first-child{border-top:1px solid #cdb37d53}
#modal.modal .inventory-items .inventory-item--food{--loot-accent:#9acdb4;background:linear-gradient(90deg,#1b41438f,#173b3c55 55%,#17313a18)}
#modal.modal .inventory-item-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--loot-accent),transparent 16%);border-radius:50%;background:radial-gradient(circle at 35% 28%,color-mix(in srgb,var(--loot-accent),transparent 72%),#17313a 72%);box-shadow:0 0 0 4px color-mix(in srgb,var(--loot-accent),transparent 86%),inset 0 1px #fff7d432;color:var(--loot-accent)}
#modal.modal .inventory-item-icon .icon{width:27px;height:27px;stroke:currentColor;stroke-width:1.6;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--loot-accent),transparent 60%))}
#modal.modal .inventory-item-copy{min-width:0}
#modal.modal .inventory-item-copy b{display:block;margin:0;color:#f9e9c4;font:700 19px/1.35 var(--display);text-shadow:0 1px 7px #030f17aa}
#modal.modal .inventory-item-copy small{display:block;margin:5px 0 0;color:#c9d7d0;font:13px/1.55 var(--body);text-wrap:pretty}
#modal.modal .inventory-items .inventory-item>strong{justify-self:end;min-width:54px;color:#f2d290;font:700 22px/1.2 var(--display);font-variant-numeric:tabular-nums;text-align:right;text-shadow:0 0 11px #cba85a55}
#modal.modal .inventory-items .inventory-item--food>strong{color:#b9e0bd}
@media(max-width:560px){#modal.modal .inventory-wallet{gap:7px;font-size:13px}#modal.modal .inventory-wallet b{font-size:15px}#modal.modal .inventory-items .inventory-item{grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:13px 7px}#modal.modal .inventory-item-icon{width:40px;height:40px}#modal.modal .inventory-item-copy b{font-size:17px}#modal.modal .inventory-item-copy small{font-size:12px}#modal.modal .inventory-items .inventory-item>strong{min-width:42px;font-size:18px}}

#modal.modal .inventory-item-icon:has(img){background:radial-gradient(circle,#5297895e,transparent 73%);border-color:#d5bf7e9a;box-shadow:0 0 18px #e5cf8260}
#modal.modal .inventory-item-icon img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 7px #e7d497aa)}
@media(max-width:560px){#modal.modal .inventory-item-icon img{width:43px;height:43px}}