/* One small tag follows the selected object. It never blocks the stage. */
#held-item{position:absolute;bottom:65px;left:0;right:0;display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 5px 4px 11px;border:1px solid #c9b68a99;border-radius:10px 18px 18px 10px;background:linear-gradient(115deg,#faf1dce8,#f1e5cbd9);box-shadow:0 3px 18px #30463422;backdrop-filter:blur(8px);pointer-events:auto;color:#4f583f}
#held-picture{display:grid;place-items:center;flex:0 0 28px}#held-picture svg{width:27px;height:29px}
.held-copy{flex:1;min-width:0}#held-name{display:block;font:13px/1.3 Georgia,serif}#held-condition{display:block;font:10px/1.35 Arial,sans-serif;color:#7d7960;margin-top:3px}
#held-item button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:0;background:#fff8e05c;border-radius:50%;color:#6d795c}#held-item button:hover{background:#e3d9b7}#held-item button svg{width:20px;height:20px}
#held-item[data-notice=true]{min-height:44px;background:linear-gradient(110deg,#fcf1cf,#e7ead1);animation:bag-note .3s ease-out}#held-item[data-notice=true] #held-name{font-size:12px}
#app.has-held-ribbon #toast,#app.has-held-ribbon #actions{bottom:max(145px,calc(env(safe-area-inset-bottom) + 129px))}
.pocket[data-condition=dirty]{color:#938572}.pocket[data-condition=clean]{color:#8d793e;background:#fff4ccbb}.pocket.item-changed{animation:bag-glimmer .8s ease-out 2}
#toast[data-kind=thought] #toast-speaker{font-size:15px}#toast[data-kind=thought] #toast-text{font-style:italic}.inventory-observation{display:block;font:11px/1.5 Arial,sans-serif;color:#81755b;margin-bottom:7px}
@keyframes bag-note{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes bag-glimmer{50%{box-shadow:0 0 0 4px #ffe7a666,0 0 22px #fff1bd;filter:brightness(1.15)}}
@media(max-width:350px){#held-name{font-size:12px}#held-item{gap:5px;padding-left:8px}.held-copy{max-width:none}}
@media(prefers-reduced-motion:reduce){#held-item,.pocket.item-changed{animation:none}}

#pockets .pocket{touch-action:none;user-select:none;-webkit-user-select:none;flex-shrink:0}#pockets{pointer-events:auto;touch-action:pan-x}#pockets .drag-source{opacity:.4}#pockets .combine-target{background:#fff0bd;box-shadow:inset 0 0 0 2px #ac7e3c,0 0 18px #ffe6a0;transform:translateY(-2px)}
#inventory-drag{position:absolute;z-index:30;pointer-events:none;display:flex;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:10px 14px;border:1px solid #ead5a8;border-radius:16px;background:#fff3daee;box-shadow:0 8px 24px #26392c40;color:#5c6247;font:13px/1.3 Georgia,serif}#inventory-drag svg{width:28px;height:28px;flex-shrink:0}#inventory-drag[data-over=true]{background:#fff0ba;border-color:#af873e}.inventory-dragging #pockets{scroll-behavior:auto}.inventory-dragging{cursor:grabbing}#combine-item[aria-pressed=true]{background:#ead29b}#held-item #separate-item{flex-basis:38px;width:38px}#held-item:has(#separate-item:not([hidden])){gap:4px}#held-item:has(#separate-item:not([hidden])) #held-picture{display:none}
