body #library-dialog.docked-panel{position:absolute;inset:calc(var(--panel-top,0px) + 4px) auto auto 4px;margin:0;width:min(49%,calc((var(--panel-height,90dvh) - 8px)*.716));height:auto;aspect-ratio:1062/1482;max-width:none;max-height:none;padding:0;border:0;overflow:visible;z-index:32;background:transparent url('assets/ui/Library.png') center/100% 100% no-repeat;box-shadow:none;color:#eee9de}
#library-dialog .library-close{position:absolute;right:3.5%;top:5.7%;width:6%;height:4.2%;padding:0;min-height:0;font-size:0;background:transparent;border:0}
#library-dialog .library-close:focus-visible{outline:2px solid white}
.library-body{position:absolute;inset:13% 8% 9%;overflow:auto;font-size:12px;padding:0 3px 12px;text-align:center}
.library-body h3{font-size:14px;margin:12px 0 6px;color:#efd9ab}
.library-body p{margin:6px 0 10px;line-height:1.4}
.library-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0 10px}
#library-dialog .tome-card,.library-empty{position:relative;box-sizing:border-box;flex:0 0 64px;width:64px;height:64px;min-width:64px;min-height:64px;padding:4px;display:flex;align-items:center;justify-content:center}
#library-dialog .tome-card[aria-pressed=true]{outline:2px solid #ffe5a8;outline-offset:1px;background:#463860}
.library-empty{border:1px dashed #777089;background:#111c2b88;color:#a895bb;font-size:22px}
.library-capacity{position:absolute;right:2px;bottom:0;background:#0b111deb;border-radius:3px;padding:1px 3px;font-size:10px;color:#fff2cc}
.library-body>button{font-size:12px;padding:7px 9px;max-width:100%;white-space:normal}
.library-status{color:#ffe0a4}.library-wallet{color:#c8b48c}
@media(max-width:600px){body #library-dialog.docked-panel{width:min(49%,calc((var(--panel-height,90dvh) - 8px)*.716))}.library-body{font-size:11px;inset:13% 7% 9%}.library-body h3{font-size:12px}}

.library-inputs{display:flex;justify-content:center;gap:28px;margin:16px auto}.library-input{display:flex;flex-direction:column;align-items:center;gap:6px}.library-input h3{margin:0 0 4px}.library-clear{font-size:11px;padding:3px 8px}.library-body>.library-explanation{max-width:340px;margin:10px auto}.library-body>.library-intro{max-width:300px;margin:8px auto 20px}#library-dialog .item-drop-target{outline:3px solid #ffe2a0;background:#68543d}