.collection-intro{margin:0 0 30px;max-width:650px}.collection-intro h2{font-size:clamp(26px,3vw,38px);margin:8px 0 12px;letter-spacing:-1px}.collection-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:14px}.collection-summary{font-size:12px!important;color:var(--mint)!important}
.collection-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px;align-items:start;padding-bottom:32px}.collection-volume{min-width:0}.collection-volume-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.collection-volume-heading h3{font-size:17px;margin:0;font-weight:600}.collection-count{font-size:12px;color:var(--mint);font-variant-numeric:tabular-nums;white-space:nowrap}.collection-volume>progress{display:block;width:100%;height:3px;accent-color:var(--mint);margin-bottom:18px;border:0}
.collection-book{position:relative;isolation:isolate;aspect-ratio:1111/1416;background:linear-gradient(95deg,#bdb29c,#f0e4cc 8%,#eee2c9 98%,#b5a991);border-radius:6px 15px 16px 6px;box-shadow:0 18px 35px #0005,3px 4px 0 #a69b87,5px 7px 0 #403e36;overflow:hidden;color:#27333c}.collection-book-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}.collection-book-title{position:absolute;top:6%;left:30%;width:42%;height:13%;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:5px}.collection-book-title>span{font:700 clamp(8px,1vw,12px) Georgia,serif;letter-spacing:2px}.collection-book-title>strong{font:700 clamp(10px,1.25vw,18px)/1.2 Georgia,serif;text-transform:uppercase}.collection-book-title>small{font-size:7px;letter-spacing:1px}.collection-book-slots{position:absolute;left:13%;right:6%;top:24%;bottom:9%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:3% 3%}.collection-slot{min-width:0;min-height:0;position:relative;border:1px solid #746f5d55;border-radius:3px;background:linear-gradient(145deg,#a4a6982b,#fff9ec66);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.collection-slot>span{font:700 clamp(14px,2vw,28px) Georgia,serif;color:#6e726b}.collection-slot>img{display:block;width:100%;height:100%;object-fit:contain;background:#142130}.collection-slot:has(img){border:0;background:transparent;box-shadow:1px 2px 3px #0003}.collection-slot.rare{outline:1px solid #5491e9}.collection-slot.unique{outline:1px solid #b791e8}.collection-slot-number{position:absolute;top:5px;left:5px;font-size:7px;color:#727264}.collection-slot-name{position:absolute;bottom:5px;left:3px;right:3px;text-align:center;font-size:clamp(5px,.6vw,8px);line-height:1.2;color:#565b55}.collection-slot.unused{opacity:.18}.collection-book-footer{position:absolute;bottom:4.5%;left:13%;right:6%;text-align:center;font:700 8px Georgia,serif;letter-spacing:1px}.collection-loading{grid-column:1/-1;align-self:center;text-align:center;color:#565b55;font-size:12px}
.collection-book-title{top:17%;left:14%;width:79%;height:6%;gap:2px}.collection-book-title>strong{font-size:clamp(11px,1.15vw,16px)}.collection-book-title>span{font-size:7px}.collection-book-title>small{font-size:6px}
.collection-paging{justify-content:center;gap:16px;margin-top:18px}.collection-paging .button{width:40px;height:38px;min-height:38px;margin:0;padding:8px;background:#1e4d45;border:1px solid #427367}.collection-paging img{width:22px;height:22px;object-fit:contain}.collection-paging .button:disabled{opacity:.25;background:#172632;border-color:var(--line);cursor:default}.collection-paging>span{font-size:11px;color:var(--muted);min-width:85px;text-align:center}.collection-volume>.button{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;margin-top:14px;min-height:44px;font-size:12px}.collection-volume>.button img{width:23px;height:23px;object-fit:contain}
@media(min-width:1600px){.collection-library{grid-template-columns:repeat(3,minmax(0,1fr))}}
.collection-library-toolbar{justify-content:space-between;gap:12px;margin-top:18px}.collection-library-toolbar .collection-summary{margin:0;font-size:12px;color:var(--mint)}.collection-library-toolbar .collection-update-all{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;min-height:40px;padding:9px 13px;border-radius:10px;margin:0;white-space:nowrap}.collection-update-all img{width:21px;height:21px;object-fit:contain}.collection-update-all:disabled{opacity:.4;cursor:default}
@media(max-width:1000px){.collection-library{grid-template-columns:1fr;max-width:620px;margin:auto}.collection-book-title>strong{font-size:clamp(13px,3vw,21px)}.collection-slot-name{font-size:clamp(7px,1.4vw,11px)}.collection-slot>span{font-size:clamp(18px,4vw,30px)}}
@media(max-width:700px){.collection-library{gap:34px}.collection-intro{margin-bottom:22px}.collection-volume-heading h3{font-size:16px}.collection-book-title>strong{font-size:clamp(10px,3.1vw,18px)}.collection-slot-name{font-size:clamp(6px,1.6vw,9px)}.collection-book-title>small{font-size:6px}.collection-book-footer{font-size:6px}.collection-paging .button{width:44px;min-height:44px}}