.bestiary-overlay,.bestiary-overlay *{box-sizing:border-box}
.bestiary-overlay{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:3vh 2vw;background:#080a0ded;color:#33251b;text-shadow:none;font:17px/1.6 Georgia,"Times New Roman",serif;user-select:text;-webkit-user-select:text}
.bestiary-book{display:flex;flex-direction:column;width:min(1540px,96vw);height:min(940px,94dvh);padding:10px;border:1px solid #b79258;border-radius:8px;background:linear-gradient(100deg,#422b23,#231913 50%,#422b23);box-shadow:0 20px 70px #000b;overflow:hidden}
.bestiary-header,.bestiary-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;color:#f1dfb7;padding:8px 15px}
.bestiary-header h1{font-size:clamp(20px,2.5vw,32px);line-height:1.1;margin:0;font-weight:normal;letter-spacing:.025em}
.bestiary-overlay button{font:600 13px/1.4 Georgia,serif;letter-spacing:.015em;text-transform:none;color:#f4e4c7;background:#614135;border:1px solid #be9462;box-shadow:none;padding:9px 13px;min-height:42px;border-radius:3px}
.bestiary-overlay button:focus-visible{outline:3px solid #e1b052;outline-offset:3px}
.bestiary-main{display:grid;grid-template-columns:205px minmax(0,1fr);gap:10px;min-height:0;flex:1}
.bestiary-index{padding:18px 12px;overflow:auto;color:#ecd9b3;background:#2b211b;border:1px solid #826245;font-size:15px;scrollbar-width:thin}
.bestiary-index h2{font-size:19px;font-weight:normal;margin:0 0 14px}.bestiary-index h3{font-size:12px;font-weight:normal;text-transform:uppercase;color:#ba9872;letter-spacing:.08em;margin:22px 0 10px}
.bestiary-index button{display:block;width:100%;text-align:left;background:transparent;border-color:transparent;font-size:14px;font-weight:normal;padding:9px 7px}
.bestiary-index button[aria-current=page]{background:#70503a;border-color:#ba9661;color:#fff4d8}
.bestiary-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;min-height:0;border:1px solid #c5ae85;border-radius:2px;overflow:hidden;background:#ecdfc1}
.bestiary-leaf{min-width:0;overflow:auto;padding:clamp(18px,2.3vw,34px);background:linear-gradient(95deg,#e1cfaa 0,#f0e4cc 10%,#f3e9d3 88%,#c8b78e 100%);scrollbar-width:thin;scrollbar-color:#a98b60 #e8d9b9}
.bestiary-text{border-left:2px solid #987d53;background:linear-gradient(90deg,#baaa8b 0,#ede0c2 7%,#f2e7cf 88%,#e0cea7 100%)}
.bestiary-leaf h2{font-size:clamp(25px,2.7vw,38px);line-height:1.15;color:#532a20;margin:8px 0 12px;font-weight:normal}
.bestiary-leaf h3{font-size:17px;line-height:1.3;color:#6c3827;margin:25px 0 10px;border-bottom:1px solid #b29c73;padding-bottom:6px;font-weight:normal;font-variant:small-caps;letter-spacing:.045em}
.bestiary-leaf p{margin:0 0 14px}.bestiary-leaf li{margin-bottom:8px}.bestiary-leaf ul{padding-left:22px;margin:0}
.bestiary-kicker{font-size:10px;letter-spacing:.16em;font-family:Arial,sans-serif;color:#856a45}.bestiary-epithet{font-size:17px;font-style:italic;color:#85604a}
.bestiary-plate{margin:16px -12px 14px;border:1px solid #c8b78e;background:#f1e7d3;min-height:100px}.bestiary-plate img{display:block;width:100%;height:auto;image-rendering:auto}.bestiary-caption{font:12px/1.5 Georgia,serif;color:#806b50;margin-top:10px!important}
.bestiary-description{font-style:italic;border-bottom:1px solid #b29c73;padding-bottom:18px}.bestiary-quote{font-style:italic;color:#795642;border-left:3px solid #a28355;padding-left:14px;margin-top:24px!important}
.bestiary-note{margin-top:20px;border:1px solid #c8ab78;padding:15px;background:#d9c39750;transform:rotate(-.3deg);font-size:15px}.bestiary-note strong{display:block;color:#79543b;font-variant:small-caps}.bestiary-note p{margin:8px 0 0}
.bestiary-seal{width:100px;height:100px;border:1px solid #98723e;border-radius:50%;display:grid;place-items:center;margin:35px auto 25px;color:#90623b;font-size:75px}.bestiary-illustration:has(.bestiary-cover-title){text-align:center}.bestiary-cover-title{margin:10px 0 25px!important;font-size:clamp(34px,4vw,54px)!important}.bestiary-cover-subtitle{font-variant:small-caps}.bestiary-cover-motto{font-style:italic;margin:32px 12px!important}.bestiary-signature{margin-top:28px!important;font-style:italic;font-size:15px}.bestiary-instructions{font-size:14px;margin-top:30px!important;color:#806b50}
.bestiary-footer{font-size:13px}.bestiary-image-status{font-size:13px;font-style:italic;color:#856a45}
.bestiary-zoom{flex:1;min-height:0;display:flex;flex-direction:column;background:#f0e4cc;color:#3f2c1d}.bestiary-zoom header{display:flex;align-items:center;gap:8px;padding:10px;flex-wrap:wrap;font-size:15px;border-bottom:1px solid #baa178}.bestiary-zoom header strong{margin-right:auto}.bestiary-zoom-body{overflow:auto;flex:1;min-height:0;display:grid;place-items:center;padding:10px}.bestiary-zoom-body img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;image-rendering:auto}.bestiary-native .bestiary-zoom-body{display:block}.bestiary-native .bestiary-zoom-body img{width:1774px;max-width:none;max-height:none}
body.bestiary-open #lobbyChatDock,body.bestiary-open #partyHud,body.bestiary-open #doorHud,body.bestiary-open #mobilePause{visibility:hidden}
@media(max-width:1000px){.bestiary-main{grid-template-columns:165px minmax(0,1fr)}.bestiary-overlay{font-size:16px}.bestiary-leaf{padding:20px 16px}.bestiary-index{padding:12px 7px}.bestiary-index button{font-size:13px}.bestiary-spread{grid-template-columns:minmax(0,1fr);overflow:auto}.bestiary-leaf{overflow:visible}.bestiary-text{border-left:0;border-top:2px solid #987d53}.bestiary-plate{margin-left:0;margin-right:0}}
@media(max-width:600px){.bestiary-overlay{padding:6px}.bestiary-book{width:100%;height:calc(100dvh - 12px);padding:5px}.bestiary-header{padding:8px 5px;gap:8px}.bestiary-header button{font-size:11px;padding:6px}.bestiary-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:5px}.bestiary-index{display:flex;align-items:center;gap:4px;overflow:auto;padding:6px}.bestiary-index h2,.bestiary-index h3{display:none}.bestiary-index button{flex:none;width:auto;white-space:nowrap;min-height:40px;font-size:12px}.bestiary-footer{padding:6px 0;font-size:11px;gap:5px}.bestiary-footer button{padding:7px;font-size:12px}.bestiary-leaf h2{font-size:30px}.bestiary-zoom header strong{width:100%}.bestiary-seal{margin:16px auto}.bestiary-overlay button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.bestiary-note{transform:none}}