#s8BookButton,#s8ProfileButton{position:fixed;z-index:31;right:18px;width:54px;height:54px;border-radius:50%;font-size:24px;padding:0}
#s8BookButton{top:224px}#s8ProfileButton{top:286px;font-size:18px}
#s8Nameplate{position:fixed;z-index:30;right:82px;top:292px;max-width:240px;padding:5px 10px;border-radius:12px;background:#f8edcfdd;color:#392d1e;border:1px solid #80633d;font-size:14px;text-align:right;box-shadow:0 4px 12px #17110a44}
.s8Overlay{position:fixed;inset:0;z-index:90;display:none;place-items:center;background:rgba(19,24,14,.62);backdrop-filter:blur(3px)}
.s8Overlay.show{display:grid}.s8Window{width:min(920px,92vw);max-height:88vh;overflow:auto;box-sizing:border-box;border:2px solid #6f5435;border-radius:22px;padding:22px;color:#302719;background:#f2e4c1;box-shadow:0 20px 70px #10130db8;font-family:Neucha,system-ui,sans-serif}
.s8Window h2,.s8Window h3{margin:0 0 8px}.s8Window button,.s8Window select{box-sizing:border-box;border:1px solid #8a7656;border-radius:9px;padding:8px 12px;background:#fff7df;color:#382d20;font:600 14px/1.2 Neucha,system-ui,sans-serif;box-shadow:0 2px 5px #4c382322}.s8Window button:hover:not(:disabled){background:#fff1c5;border-color:#735632}.s8Window button:focus-visible,.s8Window select:focus-visible{outline:3px solid #d6a24a;outline-offset:2px}.s8Window button:disabled{opacity:.5}.s8Close{float:right;min-width:42px}.s8BookHead{display:flex;gap:18px;align-items:center;margin-bottom:12px}.s8BookCover{width:74px;height:90px;object-fit:contain;filter:drop-shadow(0 5px 5px #3b2b1f55)}
.s8Page{position:relative;min-height:310px;border-radius:18px;padding:22px;border:1px solid #8f7a55;background:#fffaf0}.s8Page.herbarium{background:linear-gradient(135deg,#f1ecd1,#dbe6bd);border-color:#71864d}.s8Page.clan{background:linear-gradient(135deg,#e7eef2,#d7dee6);border-color:#60778b}.s8Page.campfire{background:linear-gradient(135deg,#f7e4c4,#e9c18d);border-color:#a86d34}
.s8Kicker{text-transform:uppercase;letter-spacing:.12em;font-size:13px;opacity:.72}.s8Desc{font-size:20px;line-height:1.35;max-width:720px}.s8Status{padding:12px 14px;border-radius:12px;background:#ffffffa8;margin:16px 0}.s8Reward{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px dashed #8b714a;border-radius:12px;background:#fff8}.s8Reward img{width:130px;height:48px;object-fit:contain}.s8Nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.s8Dots{opacity:.75}.s8Page button,.s8Nav button,.s8TitleGrid button{font-family:inherit}
.s8Progress{margin:0 0 16px;padding:10px 12px 10px 30px;border-radius:12px;background:#ffffff73}.s8Progress li{margin:4px 0}
.s8TitleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:16px}.s8TitleCard{border:1px solid #8a7656;border-radius:12px;padding:12px;text-align:left;background:#fff8;color:#382d20}.s8TitleCard.selected{outline:3px solid #d49b36;background:#fff3c9}.s8TitleCard.locked{opacity:.55}.s8TitleCard b,.s8TitleCard span,.s8TitleCard i{display:block}.s8TitleCard i{font-size:13px;margin-top:6px}.s8Empty{padding:28px;text-align:center;opacity:.72}.s8Toast{position:fixed;z-index:120;left:50%;top:15%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;padding:12px 20px;border-radius:18px;background:#fff4ce;color:#352817;border:2px solid #b58537;box-shadow:0 12px 35px #17120c88;transition:.25s}.s8Toast.show{opacity:1;transform:translate(-50%,0)}
.achCell img[src=""]{display:none}.achCell img[src=""]+b:before{content:'🏆';display:block;font-size:34px;margin-bottom:7px}
@media(max-height:680px){#s8BookButton{top:174px}#s8ProfileButton{top:234px}#s8Nameplate{top:240px}.s8Window{max-height:94vh}}