:root{--gold: #c9a227;--gold-dim: #8a6f1c;--parchment: #f3e9d2;--ink: #2a2118;--panel: rgba(16, 12, 8, .86);--panel-line: rgba(201, 162, 39, .45);--text: #e9dcc0;--muted: #a89778}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0806}body{font-family:Georgia,Times New Roman,serif;color:var(--text)}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#loader{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 35%,#2b2013,#120d08 60%,#070503);transition:opacity .6s}#loader.done{opacity:0;pointer-events:none}.loader-card{text-align:center;padding:40px 56px;border:1px solid var(--panel-line);background:#00000073;box-shadow:0 0 80px #c9a22726}.loader-title{font-size:42px;letter-spacing:4px;color:var(--gold)}.loader-sub{color:var(--muted);font-style:italic;margin:6px 0 18px}.loader-bar{width:280px;height:6px;margin:0 auto;background:#241b10;border:1px solid var(--panel-line)}#loader-fill{height:100%;width:5%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));transition:width .3s}#loader-msg{margin-top:10px;font-size:13px;color:var(--muted)}#hud-top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;gap:16px;align-items:center;padding:10px 16px;background:linear-gradient(180deg,#050302e0,#05030200);pointer-events:none}#hud-top>*{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center;min-width:240px}.brand-mark{font-size:30px;color:var(--gold)}.brand h1{margin:0;font-size:22px;letter-spacing:3px;color:var(--gold);font-variant:small-caps}.brand p{margin:0;font-size:11px;color:var(--muted);font-style:italic}.search-wrap{position:relative;flex:1;max-width:560px}#search{width:100%;padding:10px 14px;font-size:15px;font-family:inherit;color:var(--text);background:var(--panel);border:1px solid var(--panel-line);border-radius:2px;outline:none}#search:focus{border-color:var(--gold);box-shadow:0 0 12px #c9a22759}#search-results{position:absolute;top:110%;left:0;right:0;max-height:46vh;overflow:auto;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(6px)}#search-results .hit{padding:9px 12px;cursor:pointer;border-bottom:1px solid rgba(201,162,39,.15)}#search-results .hit:hover,#search-results .hit.active{background:#c9a22729}#search-results .hit b{color:var(--gold);font-weight:400}#search-results .hit span{display:block;font-size:12px;color:var(--muted)}.hud-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.btn{font-family:inherit;cursor:pointer;color:var(--text);background:var(--panel);border:1px solid var(--panel-line);padding:9px 14px;font-size:14px;border-radius:2px}.btn:hover{border-color:var(--gold);color:#fff;box-shadow:0 0 10px #c9a2274d}.btn.small{padding:4px 10px}.btn.primary{border-color:var(--gold);color:#14100a;background:linear-gradient(180deg,#e8c85a,var(--gold));font-weight:700}#vr-slot button{font-family:inherit;cursor:pointer;padding:9px 14px;font-size:14px;border-radius:2px;color:#14100a!important;background:linear-gradient(180deg,#e8c85a,var(--gold))!important;border:1px solid var(--gold)!important;font-weight:700;opacity:1!important}.quality-wrap{position:relative}#quality-menu{position:absolute;top:112%;right:0;z-index:30;width:220px;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(8px);box-shadow:0 10px 40px #0009;padding:4px}#quality-menu button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;font-family:inherit;text-align:left;cursor:pointer;color:var(--text);background:transparent;border:1px solid transparent;border-radius:2px;padding:8px 10px;font-size:14px}#quality-menu button:hover{background:#c9a22724;border-color:#c9a2274d}#quality-menu button.active{border-color:var(--gold);background:#c9a2272e}#quality-menu button.active:after{content:"✓";position:absolute;right:12px;color:var(--gold)}#quality-menu button small{font-size:11px;color:var(--muted);font-style:italic}#quality-menu .quality-sep{height:1px;margin:4px 6px;background:#c9a22740}#quality-menu #toggle-shadows{flex-direction:row;justify-content:space-between;align-items:center}#quality-menu #toggle-shadows:after{content:none}#quality-menu #toggle-shadows .state{color:var(--muted);font-size:12px}#quality-menu #toggle-shadows.active{border-color:#c9a2278c}#quality-menu #toggle-shadows.active .state{color:var(--gold)}#catalog,#reader{position:fixed;top:64px;bottom:16px;z-index:21;width:380px;max-width:92vw;background:var(--panel);border:1px solid var(--panel-line);backdrop-filter:blur(8px);display:flex;flex-direction:column;box-shadow:0 10px 60px #0009}#catalog{left:16px}#reader{right:16px;width:430px}.hidden{display:none!important}.catalog-head,.reader-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px 10px;border-bottom:1px solid var(--panel-line)}.catalog-head h2,.reader-head h2{margin:0;font-size:19px;color:var(--gold);font-variant:small-caps;letter-spacing:1px}#catalog-count{font-size:13px;color:var(--muted)}.catalog-note{margin:0;padding:8px 16px;font-size:12px;color:var(--muted);border-bottom:1px solid rgba(201,162,39,.15)}.catalog-note a{color:var(--gold)}#catalog-list{overflow-y:auto;padding:8px}.book-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px;border-bottom:1px solid rgba(201,162,39,.12);cursor:pointer}.book-row:hover{background:#c9a2271f}.book-row .swatch{width:44px;height:62px;border:1px solid rgba(0,0,0,.6);box-shadow:2px 2px #00000080;display:flex;align-items:center;justify-content:center;font-size:18px;color:#ffffffd9;overflow:hidden}.book-row .swatch img{width:100%;height:100%;object-fit:cover;display:block}.reader-cover{float:left;width:64px;margin:2px 10px 6px 0;border:1px solid var(--panel-line);box-shadow:2px 2px #00000080}.book-row b{display:block;font-size:14px;font-weight:400;color:var(--text)}.book-row span{font-size:12px;color:var(--muted);font-style:italic}.book-row .go{font-size:11px}.book-row.found{outline:1px solid var(--gold);background:#c9a2271f}#reader-title{font-size:18px}#reader-author{margin:2px 0 0;font-size:13px;color:var(--muted);font-style:italic}#reader-meta{padding:8px 16px;font-size:12.5px;color:var(--muted);border-bottom:1px solid rgba(201,162,39,.15);max-height:30%;overflow:auto}#reader-body{flex:1;overflow-y:auto;padding:16px 20px;background:var(--parchment);color:var(--ink);font-size:calc(16px * var(--reader-scale, 1));line-height:1.65;white-space:pre-wrap}#reader-body p{margin:0 0 1em}.reader-foot{display:flex;gap:10px;align-items:center;padding:10px 16px;border-top:1px solid var(--panel-line)}#page-indicator{flex:1;text-align:center;font-size:13px;color:var(--muted)}.font-scale{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:30;background:var(--panel);border:1px solid var(--gold);color:var(--text);padding:10px 20px;font-size:14px}#help{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#040201b8;backdrop-filter:blur(3px);padding:16px}.help-card{max-width:640px;max-height:90vh;overflow:auto;background:#141009;border:1px solid var(--gold);padding:26px 30px;box-shadow:0 0 80px #c9a22740}.help-card h2{margin-top:0;color:var(--gold);font-variant:small-caps;letter-spacing:2px}.help-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help-cols h3{color:var(--gold);margin-bottom:4px;font-size:15px}.help-card ul{margin:0;padding-left:18px;font-size:14px;line-height:1.7}.help-card .fine{font-size:13px;color:var(--muted);line-height:1.6}#help-close{margin-top:12px}#vignette{position:fixed;inset:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5) 100%);transition:opacity .25s}#vignette.strong{background:radial-gradient(ellipse at center,transparent 32%,rgba(0,0,0,.78) 100%)}#vignette.strong.max{background:radial-gradient(ellipse at center,transparent 18%,rgba(0,0,0,.92) 100%)}#crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px;z-index:15;border-radius:50%;background:#e9dcc0b3;pointer-events:none}#debug{position:fixed;left:8px;bottom:8px;z-index:55;max-width:46ch;max-height:40vh;overflow:auto;background:#000000e0;border:1px solid #c9a227;color:#9fe8a0;font:11px/1.5 monospace;padding:8px 10px;white-space:pre-wrap;pointer-events:none}@media(max-width:760px){.brand p,.brand{display:none}.help-cols{grid-template-columns:1fr}#catalog,#reader{inset:auto 0 0;width:auto;max-height:62vh}}#media-panel{position:fixed;z-index:40;top:76px;left:50%;transform:translate(-50%);width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 96px);overflow:auto;padding:28px;background:#101c22f5;border:1px solid #a28c60;box-shadow:0 24px 100px #000b;border-radius:6px}.media-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.media-heading h2{font-size:32px;font-weight:400;margin:5px 0 12px}.eyebrow{font:10px/1.5 sans-serif;letter-spacing:3px;color:#bda269;margin:0}.media-intro{color:#bdc9ce;line-height:1.5;margin:0 0 24px}#media-panel label{font:13px/1.5 sans-serif;color:#ddd3bc}.media-input-row{display:flex;gap:8px;margin-top:7px}#media-panel input:not([type=range]):not([type=file]),#media-panel select{min-width:0;flex:1;padding:12px;color:#eee7d8;background:#071219;border:1px solid #5c625a;border-radius:3px;font-size:14px}#media-panel input:focus-visible,#media-panel select:focus-visible,.btn:focus-visible{outline:2px solid #e2c174;outline-offset:3px}#media-panel .fine{font:12px/1.6 sans-serif;color:#a5b4bd}#media-panel a{color:#d9be7c;font:13px sans-serif}#youtube-player{display:block;width:100%;aspect-ratio:16/9;border:0;margin:16px 0}.media-divider{border-top:1px solid #8a795646;margin:24px 0}.media-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0}.media-file-label{display:grid;gap:8px}#media-status{color:#d5c591;font:13px/1.6 sans-serif;min-height:24px}@media(max-width:1000px){.brand{min-width:auto}.brand p,.brand-mark{display:none}.brand h1{font-size:17px}.hud-actions{gap:4px;flex-wrap:wrap;justify-content:flex-end}.hud-actions .btn{padding:8px;font-size:12px}#hud-top{gap:8px}.search-wrap{min-width:120px}}@media(max-width:600px){#hud-top{flex-wrap:wrap}.brand{flex:1}.search-wrap{order:3;flex-basis:100%;max-width:none}#media-panel{top:110px;max-height:calc(100dvh - 126px);padding:18px}.media-input-row{flex-direction:column}.media-heading h2{font-size:25px}#catalog,#reader{top:112px}}#vr-slot button,#vr-slot a{position:static!important;width:auto!important;margin:0!important;white-space:nowrap;display:inline-block!important}