.collection-book-heading{color:#d6bf95;letter-spacing:2px;justify-content:center;align-items:center;gap:10px;margin:28px 0 20px;font-size:11px;display:flex}.collection-book{perspective:1800px;background:linear-gradient(90deg,#39283c,#65495f 14px,#4c3447 24px);border:1px solid #a88a62;border-radius:12px 22px 22px 12px;padding:10px 10px 10px 22px;overflow:clip;box-shadow:0 18px 45px #0005,3px 4px #c8b58f,5px 7px #6c5060}.collection-book-page{transform-origin:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#443548;background:linear-gradient(90deg,#d4bd96,#f5e8ca 3%,#fbf2dc 45%,#f4e6c9);border-radius:3px 12px 12px 3px;min-width:0;padding:26px 30px 16px;box-shadow:inset 5px 0 12px #62472c24}.collection-page-heading{border-bottom:1px solid #9b784536;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px;padding-bottom:15px;display:flex}.collection-page-heading small{letter-spacing:2px;color:#796247;font-size:10px}.collection-page-heading h1{font-family:var(--font-ui);margin:5px 0;font-size:34px}.collection-page-heading p{color:#766457;margin:0;font-size:12px}.collection-page-arrow{color:#543b59;cursor:pointer;background:#c6a67425;border:1px solid #a17d4e66;border-radius:50% 50% 9px 9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:48px;min-height:48px;display:flex}.collection-page-arrow span{font-size:10px}.collection-page-arrow:hover{background:#c6a67450}.collection-page-arrow:focus-visible{outline-offset:3px;outline:3px solid #745780}.collection-page-arrow:disabled{cursor:default;opacity:.5}.collection-book-scroll{scrollbar-gutter:stable;scrollbar-color:#baa078 #efe0bf;height:max(280px,60dvh);padding:2px 8px 8px 0;overflow:hidden auto}.collection-specimens{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.collection-specimens article{text-align:center;background:#aa8b5c09;border:1px solid #987b4d24;border-radius:10px;min-width:0;padding:10px 6px 12px}.collection-specimens article[data-found=true]{background:#fff8;border-color:#b78e4b77}.collection-specimens .pip-fish-art,.collection-specimens .quarry-gem-art{width:100%;max-width:125px;height:95px;margin:0 auto 8px;display:block;overflow:hidden}.collection-specimens .quarry-gem-art[data-undiscovered=true]{filter:brightness(0);opacity:.28}.collection-specimens small{color:#80694f;font-size:9px}.collection-specimens h2{color:#49394b;margin:5px 0;font-size:12px}.collection-specimens p{color:#7e6a59;margin:0;font-size:10px}.collection-page-footer{font-family:var(--font-ui);color:#816b53;border-top:1px solid #9b784536;justify-content:space-between;gap:15px;margin-top:12px;padding-top:13px;font-size:12px;font-style:italic;display:flex}.collection-book-page[data-turn=out]{pointer-events:none;animation:.3s ease-in both collection-turn-out}.collection-book-page[data-turn=in]{pointer-events:none;animation:.3s ease-out both collection-turn-in}@keyframes collection-turn-out{to{filter:brightness(.75);transform:rotateY(-87deg)}}@keyframes collection-turn-in{0%{filter:brightness(.75);transform:rotateY(87deg)}to{filter:brightness();transform:rotateY(0)}}@media (max-width:800px){.collection-specimens{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-book-page{padding:20px 16px 14px}}@media (max-width:480px){.collection-specimens{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.collection-book{padding-left:13px}.collection-page-heading small{letter-spacing:1px;font-size:8px}.collection-book-scroll{height:max(280px,57dvh)}.collection-page-footer{font-size:10px}}@media (prefers-reduced-motion:reduce){.collection-book-page[data-turn]{animation:none}}.collection-book .collection-page-heading h1{color:#443548}.collection-book-page[data-turn]{will-change:transform}
