:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;--paper: #eadfca;--ink: #24180f;--brass: #c99a4b;--brass-soft: rgba(201, 154, 75, .68);--walnut: #160d08;--oxblood: #5b1f22}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:#070403}button,a{font:inherit}#library-canvas{display:block;width:100%;height:100%;background:#070403}.intro{position:fixed;inset:0;z-index:20;display:grid;place-items:center;align-content:center;gap:18px;padding:28px;text-align:center;background:radial-gradient(circle at 50% 35%,rgba(174,93,32,.22),transparent 34%),linear-gradient(180deg,#160d08f5,#070403fa);transition:opacity .6s ease,visibility .6s ease}.intro.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro__mark{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(201,154,75,.58);color:var(--brass);font-size:42px;line-height:1;box-shadow:inset 0 0 28px #c99a4b1f}.intro h1{margin:0;color:#f1dfb5;font-size:clamp(2.5rem,7vw,5.25rem);font-weight:500;letter-spacing:0;text-wrap:balance}.intro p{max-width:620px;margin:0 0 18px;color:#f1dfb5c7;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.intro button,.book-panel__link{border:1px solid rgba(201,154,75,.72);background:#c99a4b1f;color:#f7dfaa;padding:12px 18px;cursor:pointer;text-decoration:none;transition:background .18s ease,border-color .18s ease}.intro button:hover,.book-panel__link:hover{background:#c99a4b38;border-color:#f1ce85f2}.fallback{position:fixed;inset:24px;z-index:30;display:grid;place-items:center;padding:28px;background:var(--paper);color:var(--ink);text-align:center;font-size:1.1rem}.crosshair{position:fixed;top:50%;left:50%;z-index:5;width:16px;height:16px;transform:translate(-50%,-50%);opacity:.54;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#fff2d3d1}.crosshair:before{left:7px;top:0;width:1px;height:16px}.crosshair:after{left:0;top:7px;width:16px;height:1px}.hud{position:fixed;left:50%;bottom:22px;z-index:6;max-width:calc(100vw - 32px);transform:translate(-50%);padding:9px 14px;border:1px solid rgba(201,154,75,.28);background:#0a0604b8;color:#fff1d1d6;font-family:Trebuchet MS,Arial,sans-serif;font-size:12px;text-align:center;transition:color .2s ease,border-color .2s ease}.hud.is-hot{color:#f6d286;border-color:#f6d286b8}.book-panel{position:fixed;top:50%;right:clamp(14px,4vw,54px);z-index:15;width:min(410px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow-y:auto;padding:28px;border:1px solid rgba(99,61,31,.58);background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 42%),var(--paper);color:var(--ink);box-shadow:0 14px 40px #0000006b;transform:translateY(-50%) translate(24px);opacity:0;visibility:hidden;transition:opacity .26s ease,transform .26s ease,visibility .26s ease}.book-panel.visible{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.book-panel__close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;background:transparent;color:#24180fb8;font-size:28px;line-height:1;cursor:pointer}.book-panel__swatch{position:relative;width:76px;height:118px;margin-bottom:18px;border:1px solid rgba(36,24,15,.42);box-shadow:inset 11px 0 #0003,inset -5px 0 #ffeebc2e,8px 10px #24180f14}.book-panel__swatch:before,.book-panel__swatch:after{content:"";position:absolute;left:15px;right:10px;height:1px;background:#edcc80c2}.book-panel__swatch:before{top:20px}.book-panel__swatch:after{bottom:20px}.book-panel__category{margin:0 0 8px;color:#6a3b24;font-family:Trebuchet MS,Arial,sans-serif;font-size:.76rem;font-weight:700;text-transform:uppercase}.book-panel h2{margin:0;font-size:clamp(1.6rem,4.6vw,2.45rem);font-weight:500;line-height:1.08;text-wrap:balance;overflow-wrap:anywhere}.book-panel__author,.book-panel__rating{margin:8px 0 0;color:#24180fbd;line-height:1.45}.book-panel blockquote{margin:22px 0;padding:16px 0 16px 18px;border-left:2px solid var(--oxblood);color:#4d2a1a;font-size:1.18rem;line-height:1.45;overflow-wrap:anywhere}.book-panel__note{line-height:1.65;overflow-wrap:anywhere}.book-panel__link{display:inline-block;margin-top:8px;color:#4e2a12}.mobile-controls{display:none}.joystick{position:fixed;bottom:22px;z-index:10;width:126px;height:154px;color:#fff1d19e;font-family:Trebuchet MS,Arial,sans-serif;font-size:11px;text-align:center;text-transform:uppercase;pointer-events:auto;touch-action:none}.joystick[data-stick=move]{left:22px}.joystick[data-stick=look]{right:22px}.joystick__base{position:relative;width:126px;height:126px;border:1px solid rgba(255,241,209,.2);border-radius:50%;background:#0a06046b}.joystick__knob{position:absolute;left:50%;top:50%;width:42px;height:42px;border:1px solid rgba(246,210,134,.58);border-radius:50%;background:#c99a4b47;transform:translate(-50%,-50%)}.joystick span{display:block;margin-top:8px}@media(pointer:coarse),(max-width:820px){.mobile-controls{display:block}.hud{bottom:184px}.book-panel{top:auto;right:14px;bottom:14px;transform:translateY(18px);max-height:calc(100vh - 28px)}.book-panel.visible{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}