.mu-storage{--storage-rows:8;position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(var(--storage-rows),minmax(0,1fr));width:min(100%,384px);aspect-ratio:8/var(--storage-rows);margin:0 auto;border:2px solid #4d5256;background-color:#121619;background-image:linear-gradient(to right,transparent calc(100% - 2px),rgba(157,165,169,.34) calc(100% - 2px),rgba(15,18,20,.92) 100%),linear-gradient(to bottom,transparent calc(100% - 2px),rgba(157,165,169,.34) calc(100% - 2px),rgba(15,18,20,.92) 100%),radial-gradient(circle at 35% 30%,#343a3e 0,#20262a 42%,#101416 100%);background-size:12.5% calc(100%/var(--storage-rows)),12.5% calc(100%/var(--storage-rows)),12.5% calc(100%/var(--storage-rows));box-shadow:inset 0 0 0 1px #080a0b,inset 0 0 28px rgba(0,0,0,.72),0 16px 40px rgba(0,0,0,.32);isolation:isolate}
.mu-storage-item{position:relative;min-width:0;min-height:0;padding:3px;border:0;background:transparent;color:inherit;cursor:help;z-index:1;overflow:visible}
.mu-storage-item:hover,.mu-storage-item:focus-visible{z-index:20;outline:1px solid var(--gold);background:rgba(214,168,75,.09)}
.mu-item-art{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.mu-item-art img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 3px 3px #000)}
.mu-item-tooltip{display:none;position:absolute;z-index:50;left:50%;bottom:calc(100% + 8px);width:300px;max-width:80vw;padding:14px 16px;transform:translateX(-50%);border:1px solid #8e7140;background:rgba(5,5,6,.97);box-shadow:0 12px 36px #000;text-align:left;font:12px/1.45 "Segoe UI",Tahoma,sans-serif;color:#ddd;pointer-events:none}
.mu-storage-item:hover .mu-item-tooltip,.mu-storage-item:focus-visible .mu-item-tooltip,.equipment-slot:hover .mu-item-tooltip,.equipment-slot:focus-visible .mu-item-tooltip{display:grid;gap:5px}
.mu-item-tooltip b{color:#e9dfc9;font-size:14px;font-weight:600;text-align:center}.mu-item-tooltip b.excellent{color:#48e294}.mu-item-tooltip b.ancient{color:#78c96e}.mu-item-tooltip em{color:#9d8a68;font-size:10px;font-style:normal;text-align:center;text-transform:uppercase;letter-spacing:.08em}.mu-item-tooltip span{color:#c9c4b9}.mu-item-tooltip small{color:#65b6ef}.mu-item-tooltip small.ancient{color:#83c67a}
.mu-equipment{position:relative;width:min(100%,384px);aspect-ratio:325/323;margin:0 auto;background:url('../img/equipment-back.png') center/100% 100% no-repeat;filter:drop-shadow(0 16px 30px rgba(0,0,0,.35))}
.equipment-slot{position:absolute;display:grid;place-items:center;padding:4px;border:0;background:transparent;color:inherit;cursor:help}.equipment-slot:hover,.equipment-slot:focus-visible{z-index:20;outline:1px solid var(--gold);background:rgba(214,168,75,.08)}
.equipment-slot.slot-left{left:0;top:29.72%;width:25.85%;height:52.01%}.equipment-slot.slot-right{left:74.15%;top:29.72%;width:25.85%;height:52.01%}.equipment-slot.slot-left .mu-item-art img,.equipment-slot.slot-right .mu-item-art img{width:82%;height:82%}.equipment-slot.slot-helm{left:37.23%;top:.62%;width:25.85%;height:26.01%}.equipment-slot.slot-armor{left:37.23%;top:29.72%;width:25.85%;height:39.01%}.equipment-slot.slot-pants{left:37.23%;top:71.52%;width:25.85%;height:26.01%}.equipment-slot.slot-gloves{left:0;top:71.52%;width:25.85%;height:26.01%}.equipment-slot.slot-boots{left:74.15%;top:71.52%;width:25.85%;height:26.01%}.equipment-slot.slot-wings{left:64%;top:.62%;width:36%;height:26.01%}.equipment-slot.slot-pet{left:0;top:.62%;width:25.85%;height:26.01%}.equipment-slot.slot-pet .mu-item-art{overflow:visible}.equipment-slot.slot-pet .mu-item-art img{width:145%;height:145%}.equipment-slot.slot-pendant{left:25.23%;top:29.72%;width:12.92%;height:13%}.equipment-slot.slot-ring1{left:25.23%;top:71.52%;width:12.92%;height:13%}.equipment-slot.slot-ring2{left:62.46%;top:71.52%;width:12.92%;height:13%}
@media(max-width:600px){.mu-item-tooltip{position:fixed;left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:min(330px,calc(100vw - 28px))}}