.inventory-row{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px}
.item-art{display:block;width:76px;height:82px;object-fit:contain;background:radial-gradient(ellipse,#e0e6d55c,transparent 72%)}
.inventory-row>.item-info{min-width:0}.inventory-row>.item-actions{display:flex;flex:none;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:174px}
.item-actions button{white-space:nowrap}.item-info>small{line-height:1.7}.item-info strong{margin-bottom:3px}
.item-feedback{position:absolute;z-index:6;top:28%;left:15%;width:70%;display:flex;align-items:center;flex-direction:column;pointer-events:none;isolation:isolate;--effect-color:#d8b985}
.item-feedback img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 6px 6px #344c3e25)}
.item-feedback span{font:11px/1.6 var(--sans);padding:5px 9px;background:#fff9e8e8;border:1px solid #c3bd9e;max-width:100%;text-align:center;color:#495a48;border-radius:4px}
.item-feedback::before{content:"";position:absolute;z-index:-1;top:7px;left:calc(50% - 57px);width:114px;height:114px;border-radius:50%;background:radial-gradient(circle,var(--effect-color),transparent 70%);opacity:.6}
.item-feedback::after{content:"";position:absolute;top:22px;left:calc(50% - 40px);width:9px;height:13px;border:1px solid #aaad8c;background:#f8f0ce;box-shadow:66px 22px 0 -2px #f8f0ce;transform:rotate(-20deg);opacity:0}
.item-feedback[data-effect=warm]{--effect-color:#e4b979}.item-feedback[data-effect=warm]::after{width:12px;height:27px;left:calc(50% - 18px);top:12px;border:0;border-left:2px solid #c2b995;border-radius:50%;background:none;box-shadow:20px 4px 0 -3px #d1c6a4}
.item-feedback[data-effect=dress]{--effect-color:#a6c5b1}.item-feedback[data-effect=dress]::after{width:64px;height:3px;left:calc(50% - 32px);border:0;box-shadow:0 76px 0 #afc8a8;background:#afc8a8}
.item-feedback[data-effect=gift]{--effect-color:#dbbe80}
.item-feedback.playing{animation:item-arrive 2.6s ease both}.item-feedback.playing::before{animation:item-glow 1.3s ease-out 2}.item-feedback.playing::after{animation:item-motes 1.1s ease-out 2}
@keyframes item-arrive{0%{opacity:0;transform:translateY(13px) scale(.93)}15%,76%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-14px) scale(1.02)}}
@keyframes item-glow{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.3);opacity:0}}
@keyframes item-motes{0%{opacity:0;transform:translateY(10px) rotate(-15deg)}35%{opacity:.8}100%{opacity:0;transform:translateY(-25px) rotate(10deg)}}
@media(max-width:580px){.inventory-row{grid-template-columns:54px minmax(0,1fr);gap:8px}.item-art{width:54px;height:64px;grid-row:span 2}.inventory-row>.item-actions{grid-column:2;justify-content:flex-start;max-width:none}.item-feedback img{width:76px;height:76px}.item-feedback span{font-size:9px}.item-feedback{top:20%;left:5%;width:90%}}
@media(prefers-reduced-motion:reduce){.item-feedback.playing,.item-feedback.playing::before,.item-feedback.playing::after{animation:none}.item-feedback::after{display:none}}