.inventory{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;border:1px solid #ffffff26;border-radius:12px;gap:4px;padding:8px 12px;font-family:Courier New,monospace;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.inventory-slot{cursor:pointer;background:#ffffff14;border:2px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .15s;display:flex;position:relative;overflow:hidden}.inventory-slot:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.inventory-slot.selected{background:#4fc3f733;border-color:#4fc3f7;transform:scale(1.05);box-shadow:inset 0 0 0 2px #4fc3f7,0 0 16px #4fc3f766}.inventory-slot img{width:36px;height:36px;image-rendering:pixelated;pointer-events:none}.inventory-slot .count{color:#fff;text-shadow:1px 1px 2px #000;pointer-events:none;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:3px}.inventory-slot:before{content:attr(data-hotkey);color:#ffffffb3;pointer-events:none;font-size:10px;font-weight:700;position:absolute;top:2px;left:3px}.inventory-slot:empty{background:#0000004d url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><rect width=\"16\" height=\"16\" fill=\"%23333\"/><rect x=\"2\" y=\"2\" width=\"12\" height=\"12\" fill=\"%23222\"/></svg>") 50%/8px no-repeat}