.lore-page{background-color:#0c0a09;background-image:radial-gradient(ellipse at top,#26211b,#08090e 75%);background-attachment:fixed;background-size:cover}.lore-page .top-nav{grid-template-columns:repeat(6,1fr)}.library{padding:28px 38px 18px;background:radial-gradient(ellipse at 50% 20%,#48332380,transparent 65%),repeating-linear-gradient(90deg,#0d101500 0 80px,#a5894c08 81px,#0d101500 83px 165px),#101115;border:2px inset #737066}.library-heading{text-align:center;padding:12px 0 26px}.heading-rule{color:#97805c;font:12px Georgia;letter-spacing:3px}.library-heading h1{font:normal 62px/1 Georgia,serif;color:#eed5a0;margin:14px 0 7px;text-shadow:2px 3px #000,0 0 16px #bc8d3940}.irreverent{font:italic 17px Georgia;color:#c4b59c;margin:0 0 22px}.shelf-instruction{font:8px 'Courier New',monospace;letter-spacing:1.5px;color:#aaa28f}.reading-desk{display:flex;align-items:center;gap:20px;min-height:115px;margin-bottom:24px;padding:17px 24px;border:2px ridge #84714e;box-shadow:inset 0 0 25px #0008,0 3px 9px #000;background:linear-gradient(120deg,#28251f,#131516)}.desk-mark{font:45px Georgia;color:#ad905f}.catalogue-label{font:8px 'Courier New';color:#aa9572;letter-spacing:1.5px}.reading-desk h2{font:23px Georgia;color:#e0ca9d;margin:5px 0}.reading-desk p{font:11px/1.7 Tahoma;color:#b1aea4;margin:4px 0;max-width:590px}.desk-number{margin-left:auto;text-align:center;color:#9e875c;font:26px Georgia;min-width:65px}.desk-number small{font:7px 'Courier New';letter-spacing:1px}.bookcase{position:relative;border:14px ridge #63442e;background:#2d1c14;box-shadow:0 10px 30px #000,inset 0 0 0 3px #140c08}.case-crown{display:flex;justify-content:center;align-items:center;gap:24px;padding:16px 8px;font:10px Georgia;color:#d4ba85;letter-spacing:3px;border-bottom:5px ridge #805c37;background:repeating-linear-gradient(3deg,#352015 0 6px,#40271b 7px 8px,#352015 10px 14px);text-shadow:1px 2px #000}.case-crown>span{font-size:18px;color:#a58550}.shelf-recess{display:flex;align-items:flex-end;justify-content:center;gap:3px;min-height:255px;padding:20px 20px 0;position:relative;background:linear-gradient(#050403bd,transparent 50%,#03020188),repeating-linear-gradient(90deg,#21150f 0 67px,#301e14 68px,#21150f 70px 141px);box-shadow:inset 10px 8px 18px #000,inset -10px 0 18px #000}.shelf-recess:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,#d0a75d09,transparent 75%)}.shelf-rail{position:relative;height:39px;border-block:4px outset #735333;background:repeating-linear-gradient(2deg,#62412a 0 2px,#67482e 3px 5px,#573a25 6px 9px);box-shadow:0 10px 15px #000b;display:grid;place-items:center;z-index:2}.shelf-rail>span{font:bold 8px Georgia;letter-spacing:1.6px;color:#c8ac76;border:2px ridge #9e8152;background:linear-gradient(#5d4b32,#322819);padding:4px 20px;box-shadow:1px 2px 3px #0009}.case-base{height:37px;display:grid;place-items:center;background:repeating-linear-gradient(3deg,#362216 0 5px,#40291b 6px 9px,#362216 10px);color:#b09059;font:25px Georgia}.book-spine{--leather:#63342e;position:relative;display:flex;flex:none;flex-direction:column;align-items:center;width:var(--book-width);height:var(--book-height);color:#e1cb97;border:0;border-left:3px solid #ffffff17;border-right:5px solid #0007;border-top:3px solid #c7ae7244;border-radius:4px 4px 0 0;box-shadow:4px 0 4px #0009,inset 4px 0 5px #0006;background:linear-gradient(90deg,#0005,transparent 13%,#ffffff0c 36%,#0003 78%,#0006),repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000000a 2px 4px),var(--leather);padding:19px 0 14px;cursor:pointer;transform-origin:50% 100%;transition:transform .18s,filter .18s;z-index:1;text-shadow:1px 1px #000}.book-spine:before,.book-spine:after{content:'';position:absolute;left:1px;right:1px;height:6px;border-block:1px solid #ccb4777a;box-shadow:0 2px 2px #0007;background:#c7aa6922}.book-spine:before{top:10px}.book-spine:after{bottom:10px}.book-spine:hover,.book-spine:focus-visible{transform:translateY(-12px) rotate(-2deg);filter:brightness(1.3);z-index:4;outline:2px solid #ddc18b;outline-offset:2px}.spine-title{writing-mode:vertical-rl;text-orientation:mixed;font:bold 16px/1.1 Georgia;letter-spacing:.6px;white-space:nowrap;margin-top:8px}.spine-subtitle{writing-mode:vertical-rl;font:8px Georgia;letter-spacing:.3px;position:absolute;right:4px;top:32px;max-height:calc(100% - 51px);overflow:hidden;color:#c7b78e}.spine-mark{font:12px Georgia;color:#baa16a}.dummy-book{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-around;flex:0 1 30px;min-width:13px;height:174px;margin:0 1px;border:2px solid #0006;border-left:3px solid #ffffff0e;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#0006,#ffffff0a,#0005),#4b3e2f;box-shadow:3px 0 4px #0009}.dummy-book span{color:#aa8c536b;font:14px Georgia}.dummy-book i{width:100%;height:5px;border-block:1px solid #ad90574a;background:#ae8b3a14}.dummy-1{height:192px;background-color:#293c36;flex-basis:25px}.dummy-2{height:163px;background-color:#3c3140;flex-basis:36px}.dummy-3{height:205px;background-color:#5c4432;flex-basis:22px}.dummy-4{height:182px;background-color:#2f3544;flex-basis:32px}.library-bottom{font:8px/1.8 'Courier New';letter-spacing:1px;color:#8f8b7e;display:flex;justify-content:space-between;padding:20px 0 0}.no-script{color:#e4d1a0;text-align:center}.reading{overflow:hidden}.reader{width:min(1000px,96vw);max-width:none;max-height:94dvh;margin:auto;padding:0;border:3px ridge #9d7b46;color:#302217;background:#1b1511;box-shadow:0 18px 90px #000;border-radius:2px;overflow:auto}.reader::backdrop{background:#030508d9;backdrop-filter:blur(3px)}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;color:#cdb784;background:linear-gradient(#343027,#171713);font:9px 'Courier New';letter-spacing:1px;border-bottom:2px ridge #8e7046}.reader button{color:#e3c996;background:linear-gradient(#473a2a,#241c15);font:bold 9px Tahoma;padding:10px 14px;border:2px outset #967d53;cursor:pointer;letter-spacing:1px}.reader button:hover:not(:disabled){background:#665033}.reader button:focus-visible{outline:2px solid #e4cd94;outline-offset:3px}.reader button:disabled{opacity:.35;cursor:default}.open-book{display:grid;grid-template-columns:1fr 1fr;margin:16px 20px 8px;padding:8px;border:5px ridge #63482b;border-radius:10px 4px 4px 10px;background:#513627;box-shadow:0 7px 12px #000b}.paper{position:relative;min-height:440px;max-height:65dvh;overflow-y:auto;padding:25px 34px 52px;background-color:#d6c29b;background-image:repeating-linear-gradient(4deg,#614b2704 0 2px,transparent 3px 5px),radial-gradient(ellipse at 25% 10%,#f6e5bd,transparent 80%);font:16px/1.65 Georgia,serif;scrollbar-width:thin;scrollbar-color:#8d7250 #d6c29b}.left-paper{border-radius:3px 0 0 3px;background-image:linear-gradient(90deg,#8a68312b,transparent 13%,transparent 85%,#5b3b1f66),repeating-linear-gradient(4deg,#614b2704 0 2px,transparent 3px 5px),radial-gradient(ellipse at 25% 10%,#f6e5bd,transparent 80%);border-right:1px solid #85633f}.right-paper{border-radius:0 3px 3px 0;background-image:linear-gradient(90deg,#5b3b1f6e,transparent 15%,transparent 90%,#8a68312b),repeating-linear-gradient(4deg,#614b2704 0 2px,transparent 3px 5px),radial-gradient(ellipse at 75% 10%,#f6e5bd,transparent 80%)}.running-head{text-align:center;text-transform:uppercase;letter-spacing:2px;font:9px/1.5 Georgia;border-bottom:1px solid #8e734d70;padding-bottom:10px;color:#6c5538;min-height:25px}.page-ornament{display:block;text-align:center;font:26px Georgia;color:#8e6c40;margin:18px 0 10px}.page-content h2{font:normal 25px/1.25 Georgia;text-align:center;margin:10px 0 22px;color:#493018}.page-content p{font:16px/1.65 Georgia;margin:0 0 17px;color:#3b2b1e}.page-content p:first-of-type:first-letter{float:left;font:48px/.9 Georgia;padding:5px 7px 0 0;color:#77502d}.page-number{display:block;text-align:center;font:italic 12px Georgia;color:#7b5f3f;margin-top:20px}.reader-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 28px 2px;gap:12px}.reader-controls>span{font:9px 'Courier New';color:#c3b086;text-align:center}.reader>p{font:9px/1.6 'Courier New';text-align:center;color:#958874;padding:3px 15px 12px;margin:8px 0 0}@media(max-width:760px){.lore-page .top-nav{grid-template-columns:repeat(3,1fr)}.library{padding:17px 10px 10px}.library-heading{padding:7px 0 20px}.library-heading h1{font-size:52px}.irreverent{font-size:15px}.shelf-instruction{font-size:7px;letter-spacing:.5px}.reading-desk{padding:13px 12px;gap:10px;min-height:132px;margin-bottom:18px}.desk-mark{font-size:30px}.desk-number{display:none}.reading-desk h2{font-size:20px}.reading-desk p{font-size:10px}.catalogue-label{font-size:7px;letter-spacing:.6px}.bookcase{border-width:8px}.case-crown{font-size:8px;letter-spacing:1px;gap:10px;padding:12px 2px}.case-crown>span{font-size:12px}.shelf-recess{min-height:220px;padding:20px 6px 0;gap:2px}.book-spine{width:clamp(39px,12vw,65px);height:calc(var(--book-height) * .84);padding-top:18px;border-right-width:3px}.spine-title{font-size:13px;letter-spacing:.1px}.spine-subtitle{font-size:6px;right:1px;top:30px}.spine-mark{font-size:9px}.dummy-book{min-width:6px;flex-basis:12px;margin:0;height:140px}.dummy-1{height:154px}.dummy-2{height:127px}.dummy-3{height:171px}.dummy-4{height:148px}.shelf-rail{height:34px}.shelf-rail>span{font-size:7px;letter-spacing:.5px;padding:4px 9px}.library-bottom{font-size:6px;letter-spacing:0;padding-top:14px;gap:10px}.reader{width:97vw;max-height:96dvh}.reader-toolbar{font-size:7px;padding:8px}.reader button{font-size:8px;padding:10px}.open-book{margin:10px 7px 4px;padding:4px;border-width:3px}.paper{padding:17px 16px 22px;min-height:430px;max-height:65dvh}.running-head{font-size:7px;letter-spacing:1px}.page-ornament{font-size:21px;margin:15px 0 8px}.page-content h2{font-size:19px;margin:8px 0 16px}.page-content p{font-size:14px;line-height:1.6}.page-content p:first-of-type:first-letter{font-size:37px}.reader-controls{padding:8px 12px}.reader-controls>span{font-size:8px}.reader>p{font-size:8px}}@media(max-width:480px){.paper{padding:13px 11px 20px}.page-content p{font-size:13px}.page-content h2{font-size:17px}.reader-controls{gap:6px}.reader button{font-size:7px;padding:10px 8px}.reader-controls>span{font-size:7px}.running-head{letter-spacing:.5px}.book-spine:hover,.book-spine:focus-visible{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.book-spine{transition:none}.book-spine:hover,.book-spine:focus-visible{transform:none}}

.spine-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) rotate(2deg);width:215px;padding:13px 15px;background:#151710;border:2px ridge #ac8d53;box-shadow:0 5px 15px #000;color:#cfc5af;opacity:0;visibility:hidden;pointer-events:none;text-align:left;white-space:normal;text-shadow:none;z-index:10}.spine-tooltip strong{display:block;font:18px Georgia;color:#e6ce97;margin-bottom:6px}.spine-tooltip>span{display:block;font:11px/1.6 Tahoma}.book-spine:hover .spine-tooltip,.book-spine:focus-visible .spine-tooltip{opacity:1;visibility:visible}@media(max-width:760px){.spine-tooltip{width:170px;padding:10px}.spine-tooltip strong{font-size:16px}.spine-tooltip>span{font-size:10px}}@media(hover:none){.spine-tooltip{display:none}}

.lore-page .top-nav{grid-template-columns:repeat(7,minmax(0,1fr))}@media(max-width:760px){.lore-page .top-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
