/* Approved art direction: centered reading composition and tactile controls. */
:root{--oak-light:#d6ad72;--oak-mid:#a97d49;--cream-paper:#fff8e7;--brass:#ba975c}
.webgl-ready .library-bottom{background:transparent!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;gap:22px;padding:0!important;bottom:26px!important}.webgl-ready .library-bottom .hint{background:#fff4dbd9;padding:10px 16px;border-radius:22px;font-size:13px;color:#71583b;box-shadow:0 2px 8px #533b2014}.shelf-navigation{gap:14px}.shelf-position{color:#795f40;letter-spacing:2px;font-size:12px;text-shadow:0 1px #fff5dc66}.shelf-navigation .round,#detail>.close{width:58px!important;height:58px!important;min-width:58px;min-height:58px;border-radius:50%;border:1px solid #9d7442!important;background:radial-gradient(circle at 50% 46%,#fff8e8 0 56%,#e9d6b7 58%,#b99055 60%,#f2d9a9 62%,#bd9055 66%,#b88549 72%,#e9c48c 76%,#9f713f 90%)!important;box-shadow:inset 0 2px 3px #fff8dbb3,inset 0 -3px 3px #85532866,0 5px 8px #54331545!important;color:#654528!important;display:grid;place-items:center;padding:0!important;transition:transform .2s,filter .2s,box-shadow .2s}.shelf-navigation .round svg{width:25px;height:25px;stroke-width:2.4;filter:drop-shadow(0 1px #fffcf5)}.shelf-navigation .round:hover:not(:disabled),#detail>.close:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 0 0 4px #f8dfa328,0 0 20px #eac77375,0 7px 12px #54331542!important}.shelf-navigation .round:active:not(:disabled),#detail>.close:active{transform:translateY(1px);filter:brightness(.98)}.shelf-navigation .round:disabled{opacity:.46;filter:saturate(.55)}#detail>.close{position:fixed!important;top:24px!important;right:26px!important;font-family:Georgia,serif;font-size:33px!important;z-index:20}.webgl-ready .landing-caption{position:fixed!important;left:50%!important;right:auto!important;top:24px!important;transform:translateX(-50%)!important;padding:13px 26px!important;min-width:0!important;white-space:nowrap;background:#fff7e5f0!important;border:1px solid #e2c89d!important;box-shadow:0 3px 8px #5e3a201c;border-radius:40px;font-size:15px!important;color:#705033!important}.webgl-ready .landing-caption:before{content:'❧';color:#a38957;margin-right:10px;font-size:20px}.webgl-ready #detail-content{position:fixed!important;inset:0!important}.webgl-ready .landing-card{position:fixed!important;left:50%!important;right:auto!important;top:var(--story-card-top,62vh)!important;bottom:auto!important;width:min(530px,78vw)!important;max-width:none!important;max-height:calc(100dvh - var(--story-card-top,62vh) - 18px)!important;overflow:auto;transform:translateX(-50%)!important;background:linear-gradient(125deg,#fffbee,#fff5df)!important;border:1px solid #bb965c!important;border-radius:20px!important;padding:25px 34px 20px!important;box-shadow:inset 0 0 0 4px #fff8e7,inset 0 0 0 5px #e0c796,0 5px 0 #a87a4540,0 15px 24px #54331630!important;text-align:center!important;transition:opacity .3s!important}.webgl-ready .landing-card .eyebrow{color:#ac8a5d;letter-spacing:3px;font-size:10px!important;margin-bottom:13px}.webgl-ready .landing-card .eyebrow:before,.webgl-ready .landing-card .eyebrow:after{content:'❧';letter-spacing:0;margin:0 9px;color:#a58a59}.webgl-ready .landing-card h2{font-family:Georgia,'Songti SC','STSong',serif;font-size:28px!important;line-height:1.35!important;margin:0 0 12px!important;color:#543b22}.webgl-ready .landing-card .detail-note{font-size:15px!important;line-height:1.7!important;margin:0 auto 19px!important;color:#8d7655;max-width:430px}.webgl-ready .landing-card .primary{border:1px solid #a76740!important;background:linear-gradient(#bb7950,#a96740)!important;box-shadow:inset 0 1px #d99e72,0 4px 0 #d7b98f6e,0 5px 10px #74502c21!important;min-height:48px;padding:11px 26px!important;width:86%;margin:auto;border-radius:30px;color:#fff9e9;font-size:17px!important}.webgl-ready .landing-card .primary:hover:not(:disabled){background:linear-gradient(#c58459,#af7046)!important;transform:translateY(-1px)}.webgl-ready .landing-card .detail-notice{font-size:12px!important;line-height:1.5;margin:13px 0 0!important;color:#9b835e}.night .shelf-position{color:#ead7b7}.night .library-bottom .hint{background:#322b23d9!important;color:#ddc6a2!important}.night .shelf-navigation .round{filter:brightness(.85)}.webgl-ready #detail:not(.landed) .landing-card{pointer-events:none}.webgl-ready .landing-card .detail-state{margin:10px 0}@media(max-width:600px){.webgl-ready .landing-card{width:90vw!important;padding:20px 22px 17px!important;border-radius:17px!important}.webgl-ready .landing-card h2{font-size:23px!important}.webgl-ready .landing-card .detail-note{font-size:14px!important;line-height:1.6!important;margin-bottom:16px!important}.webgl-ready .landing-card .eyebrow{font-size:9px!important;letter-spacing:2px;margin-bottom:9px}.webgl-ready .landing-card .primary{font-size:15px!important;min-height:45px;width:92%}.webgl-ready .landing-card .detail-notice{font-size:11px!important}.webgl-ready .landing-caption{top:21px!important;padding:10px 16px!important;font-size:12px!important}#detail>.close{width:44px!important;height:44px!important;min-width:44px;min-height:44px;top:20px!important;right:14px!important;font-size:28px!important}.webgl-ready .library-bottom{width:calc(100vw - 30px);gap:8px;bottom:19px!important;justify-content:space-between}.webgl-ready .library-bottom .hint{font-size:11px;max-width:155px;padding:9px 12px}.shelf-navigation{gap:9px}.shelf-navigation .round{width:48px!important;height:48px!important;min-width:48px;min-height:48px}.shelf-position{font-size:10px;letter-spacing:1px}}@media(max-height:600px) and (orientation:landscape){.webgl-ready .landing-card{width:min(420px,56vw)!important;padding:13px 22px!important}.webgl-ready .landing-card h2{font-size:20px!important;margin-bottom:6px!important}.webgl-ready .landing-card .detail-note{font-size:12px!important;line-height:1.4!important;margin-bottom:10px!important}.webgl-ready .landing-card .eyebrow{display:none}.webgl-ready .landing-card .detail-notice{margin-top:8px!important}.webgl-ready .landing-caption{top:12px!important;padding:8px 16px!important}.webgl-ready .landing-card .primary{min-height:40px;font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.shelf-navigation .round,#detail>.close{transition:none}}

.shelf-navigation{background:none!important;box-shadow:none!important;border:0!important;padding:0!important}.shelf-navigation .round,#detail>.close{background:radial-gradient(circle at 50% 48%,#fff9e9 0 51%,#ead8b9 53%,#b88a4b 55%,#f1d6a6 57%,transparent 59%),url('assets/wood.png') center/180px!important}