#inventory{width:min(720px,94vw);max-height:88dvh;padding:20px;background:#172638;color:#eff6ff;border:2px solid #6a89a6;border-radius:0;overflow:auto}#inventory .dialog-head{display:flex;align-items:center;justify-content:space-between}#inventory h2{font-size:28px;margin:0 0 12px}.inventory-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.inventory-cell{aspect-ratio:1;position:relative;padding:4px;background:#0c1927;border:2px solid #40556b;border-radius:0;min-width:0}.inventory-cell:disabled{opacity:1;cursor:default}.inventory-cell.chosen{border-color:#c5f77a;background:#2a403b}.inventory-cell img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.inventory-cell span{position:absolute;right:3px;bottom:0;color:white;font-size:20px;text-shadow:1px 1px 2px #000}.inventory-item-name{display:block;font-size:26px;margin-top:16px}.inventory-note{font-size:19px;margin:8px 0;color:#c3d3e1}#inventory [role=status]{min-height:22px;font-size:18px;color:#c5f77a}#inventory-toggle{font-size:17px}@media(max-width:600px){.inventory-grid{grid-template-columns:repeat(10,minmax(0,1fr))}#inventory{padding:12px}.inventory-cell{min-height:0;padding:1px}}@media(max-height:500px){#inventory{max-height:94dvh;padding:10px}.inventory-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.inventory-cell{max-height:50px;aspect-ratio:auto;height:46px}#inventory h2{margin:0}.inventory-item-name{margin-top:6px}.inventory-note{margin:4px 0}}
body:not(.playing) #inventory-toggle,body.spectating #inventory-toggle{display:none}

.inventory-cell{touch-action:none;user-select:none}.inventory-cell img{pointer-events:none}.inventory-drag-preview{position:fixed;z-index:100;pointer-events:none;width:64px;height:64px;padding:4px;transform:translate(-50%,-65%);background:#172638ee;border:2px solid #91acc3}.inventory-drag-preview img{width:100%;height:100%;object-fit:contain}.inventory-drag-preview span{position:absolute;bottom:0;right:3px;font-size:22px;text-shadow:1px 1px #000}.inventory-drag-preview.ready{border-color:#c5f77a;background:#284536ee}.inventory-drag-hint{padding:10px;border:1px dashed #6a89a6;font-size:19px;text-align:center;margin:10px 0}.inventory-drag-hint span{display:none}.drop-outside .inventory-drag-hint{font-size:0;border-color:#c5f77a;color:#c5f77a}.drop-outside .inventory-drag-hint span{display:block;font-size:19px}.inventory-keyboard-hint{font-size:15px;color:#c3d3e1}

.inventory-cell.drop-target{border-color:#fff58c;background:#455033}.inventory-cell.empty{cursor:pointer}#hotbar button.empty-slot{opacity:.55}

.inventory-section-label{grid-column:1/-1;color:#a8bfd3;font-size:19px;margin:12px 0 2px}.inventory-section-label:first-child{margin-top:0}#hotbar button.empty-slot.active{opacity:1}