:root{--ink:#050608;--paper:#07090c;--cream:#f4ecd8;--green:#39ff88;--panel-x:24px;--panel-y:24px;--panel-w:600px;--panel-h:800px;--panel-tilt:-1.5deg;--caption-x:24px;--caption-y:24px;--caption-w:360px;--caption-h:800px;--aside-x:24px;--aside-y:24px;--aside-w:420px;--aside-h:600px;--reader-o:1;--font:"Arial Narrow", "Roboto Condensed", "Helvetica Neue", Arial, system-ui, sans-serif}*{box-sizing:border-box}html{background-color:var(--paper);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#39ff8812 0 1.4px,#0000 1.6px);background-size:9px 9px}.sr-only,#library{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.caption{max-width:640px;padding:24px}.caption-box{max-width:100%;color:var(--cream);border:3px solid var(--cream);background:#000;outline:5px solid #000;padding:clamp(14px,2.2vw,28px) clamp(16px,2.6vw,34px);transform:rotate(-1.2deg);box-shadow:8px 9px #000000b3}.caption h1{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:clamp(22px,2.2vw,40px);font-weight:900;font-stretch:75%;line-height:.95}.caption .legend{color:var(--green);margin:.55em 0 0;font-family:ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;font-size:clamp(13px,1.1vw,20px);line-height:1.3}.caption .legend:before{content:"> ";opacity:.8}.caption nav ul{margin:.9em 0 0;padding:0;list-style:none}.caption a{color:var(--cream);text-transform:uppercase;letter-spacing:.08em;text-underline-offset:4px;font-size:clamp(14px,1.2vw,18px);font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.caption a:hover,.caption a:focus-visible{color:var(--green)}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:3px}#library .books{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:28px 20px;margin:0;padding:0;list-style:none;display:grid}#library .book-link{color:var(--cream);flex-direction:column;gap:6px;text-decoration:none;display:flex}#library .cover{display:none}#library .cover img{border:3px solid var(--cream);outline:4px solid #000;width:100%;height:auto;display:block;box-shadow:6px 7px #0009}#library .t{font-weight:800;line-height:1.15}#library .a{opacity:.85;font-size:.9em}#library .book-link:hover .t,#library .book-link:focus-visible .t{color:var(--green)}.book-card{display:none}.book-card:target{z-index:10;width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#reader,.book-card{background:var(--ink);color:var(--cream);border:3px solid var(--cream);-webkit-user-select:text;user-select:text;outline:5px solid #000;padding:clamp(16px,2vw,28px);font-size:clamp(15px,1.05vw,18px);line-height:1.5;box-shadow:10px 12px #0009}#reader[hidden]{display:none}#reader{z-index:5;left:var(--aside-x);top:var(--aside-y);width:var(--aside-w);max-height:var(--aside-h);opacity:var(--reader-o);overscroll-behavior:contain;position:fixed;overflow:auto}#reader h2,.book-card h2{text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:clamp(22px,2vw,32px);font-weight:900;line-height:1.1}#reader h2:focus{outline:none}#reader h3,.book-card h3{letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:1.1em 0 .3em;font-size:.8em}#reader p,.book-card p{margin:0 0 .7em}#reader .byline,.book-card .byline{margin-top:.4em;font-style:italic}#reader a,.book-card a{color:var(--cream);text-decoration-thickness:2px}#reader .close{display:none}.put-back{font:inherit;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--cream);border:3px solid var(--cream);cursor:pointer;outline:3px solid #000;margin-top:.6em;padding:.45em .9em;font-weight:800}.put-back:hover{background:var(--green);border-color:var(--green)}#bubble{z-index:4;background:var(--cream);max-width:min(320px,60vw);color:var(--ink);border:2px solid var(--ink);pointer-events:none;white-space:normal;padding:4px 10px;font-size:15px;font-weight:800;line-height:1.2;position:fixed;top:0;left:0;transform:translate(-50%,calc(-100% - 10px));box-shadow:3px 3px #0009}#bubble[hidden]{display:none}#panel{margin:0;display:none}html.is-3d,html.is-3d body{height:100%;overflow:hidden}html.is-3d #stage{position:fixed;inset:0;overflow:hidden}html.is-3d.is-hovering #stage{cursor:pointer}html.is-3d #panel{left:var(--panel-x);top:var(--panel-y);width:var(--panel-w);height:var(--panel-h);transform:rotate(var(--panel-tilt));pointer-events:none;display:block;position:absolute}html.is-3d .caption{left:var(--caption-x);top:var(--caption-y);width:var(--caption-w);height:var(--caption-h);z-index:3;pointer-events:none;align-items:center;max-width:none;padding:0;display:flex;position:absolute}html.is-3d .caption-box{pointer-events:auto}html.is-3d.mode-narrow .caption{align-items:flex-start}html.is-3d.mode-narrow .caption-box{padding:10px 14px}html.is-3d.mode-narrow .caption h1{font-size:clamp(22px,7vw,36px)}html.is-3d.mode-narrow .caption nav ul{margin-top:.4em}#scene-canvas{z-index:2;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity .4s ease-out;display:block;position:fixed;inset:0}#scene-canvas.is-live{opacity:1}#scene-canvas.is-hidden{opacity:0;transition:none}html.is-fallback #library{clip:auto;clip-path:none;white-space:normal;width:auto;max-width:1200px;height:auto;margin:0;padding:8px 24px 48px;overflow:visible;position:static!important}html.is-fallback #library .cover{display:block}html.is-fallback #reader{width:min(640px,100vw - 32px);max-height:calc(100vh - 32px);top:50%;left:50%;transform:translate(-50%,-50%)}html.is-fallback.has-open:after{content:"";z-index:4;background:#0009;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){#scene-canvas{transition:none}}