#chest{width:min(850px,94vw);max-height:88dvh;overflow:auto;padding:20px;border:2px solid #829db3;border-radius:0;background:#172638;color:#eff6ff}#chest h2{margin:0}#chest p{font-size:18px}#chest label{display:flex;gap:12px;align-items:center;font-size:18px}#chest select{font:inherit;background:#263d50;color:white;border:1px solid #7890a8;padding:6px}.chest-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chest-columns h3{font-size:22px;margin:16px 0 8px}.chest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.chest-slot{position:relative;min-width:0;min-height:76px;padding:5px 3px;background:#0c1927;border:2px solid #466078;border-radius:0;color:white;touch-action:manipulation}.chest-slot img{display:block;width:42px;height:42px;margin:auto;image-rendering:pixelated}.chest-slot span{display:block;font-size:14px}.chest-slot strong{position:absolute;right:4px;top:2px;font-size:19px;text-shadow:1px 1px #000}.chest-slot.empty{opacity:.55}.chest-slot:not(:disabled):hover{border-color:#c5f77a}#chest [role=status]{min-height:24px;color:#c5f77a}#chest-prompt{position:fixed;z-index:17;transform:translate(-50%,-50%);background:#162635ed;color:#e6f896;border:2px solid #b6ca6a;border-radius:0;padding:9px 12px;font-size:18px;min-height:44px;touch-action:manipulation}#chest-prompt[hidden]{display:none}@media(max-width:550px){.chest-columns{grid-template-columns:1fr}#chest{padding:12px}.chest-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}