:root{color-scheme:dark;--ink:#1f1f1e;--paper:#ede7d7;--yellow:#edcb45;--red:#db4333}*{box-sizing:border-box}html,body{height:100%;margin:0}body{height:100dvh;display:flex;flex-direction:column;background:var(--ink);color:var(--paper);font:15px Futura,'Trebuchet MS',Arial,sans-serif;overflow:hidden}button,input,a{font:inherit}a{color:inherit}button{background:#292927;border:1px solid #777369;color:var(--paper);padding:10px 13px;cursor:pointer;min-height:44px;font-size:12px;font-weight:bold;letter-spacing:.02em}button:hover{border-color:var(--yellow)}button:disabled{opacity:.35;cursor:default}a:focus-visible,input:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}[hidden]{display:none!important}header,main{width:min(1240px,100% - 40px);margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--red);flex-shrink:0;padding:6px 0}.brand{display:block;line-height:0}.brand img{display:block;object-fit:contain;width:54px;height:54px}nav{display:flex;gap:8px}nav a{padding:13px;font-size:12px;text-decoration:none}nav a[aria-current]{background:var(--yellow);color:var(--ink)}main{display:flex;flex:1;min-height:0;flex-direction:column}.heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;flex-shrink:0}.eyebrow{font-size:9px;letter-spacing:.12em;color:var(--yellow);margin:0 0 3px}h1{font-size:clamp(18px,2vw,26px);margin:0;font-weight:900;line-height:1.1;text-transform:uppercase}#edition{font-size:11px;color:#bcb7aa;margin:0}.reader{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;border-top:3px solid var(--yellow)}.toolbar{display:flex;align-items:center;gap:10px;padding:7px 10px;background:#292927;flex-shrink:0}.reader-logo{display:flex;align-items:center;flex-shrink:0}.reader-logo img{object-fit:contain;width:36px;height:36px}#jump{display:flex;align-items:center;gap:6px;font-size:12px;margin-right:auto}#page{width:52px;min-height:44px;padding:6px 2px;color:var(--ink);background:var(--paper);border:0;text-align:center;font-size:16px}#jump button{font-size:11px;padding:8px}#total{white-space:nowrap}.mode-bar{padding:8px 10px 5px;background:#292927;flex-shrink:0;border-bottom:1px solid #555}.mode-options{display:flex;gap:6px}.mode-options button{flex:1;font-size:14px;text-transform:none}.mode-options button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}#mode-help{font-size:11px;line-height:1.4;margin:6px 0 3px;color:#d2ccbd}#reading-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:auto;touch-action:pan-y pinch-zoom;background:#373630;overflow-anchor:none;scroll-behavior:auto}#stage{position:relative;min-height:100%;background:#373630;padding:12px}#single-page{display:block;width:min(100%,960px);margin:0 auto;padding:0;border:0;background:white;line-height:0;cursor:zoom-in}#single-page img{width:100%;height:auto;display:block;user-select:none}#loading{position:absolute;inset:40px 0 auto;text-align:center;background:#1f1f1eee;padding:20px;color:var(--paper)}#loading img{object-fit:contain}.page-navigation{display:grid;grid-template-columns:1fr 92px 1fr;align-items:stretch;gap:7px;padding:8px;background:#292927;flex-shrink:0}.page-navigation button{min-height:48px;font-size:12px}.page-navigation #page-next,.guided-controls #panel-next{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}#open-reader{display:none;font-size:11px;text-align:center;padding:8px 10px;background:#1f1f1e;flex-shrink:0}.embed #open-reader{display:block}.embed header,.embed .heading,footer{display:none}.embed main{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#guided-view{display:none}.guided #stage,.guided .page-navigation{display:none}.guided #reading-content{overflow:hidden;touch-action:pan-y pinch-zoom}.guided #guided-view{height:100%;display:flex;flex-direction:column;min-height:0}.guided-context{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:5px 10px;background:#292927;flex-shrink:0;font-size:11px}.guided-context button{font-size:10px;min-height:40px;padding:8px}#panel-viewport{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:white;touch-action:pan-y pinch-zoom;cursor:pointer}#panel-image{position:absolute;left:0;top:0;max-width:none;max-height:none;transform-origin:0 0;transition:transform .18s ease;user-select:none;pointer-events:none}.guided-controls{display:grid;grid-template-columns:1fr 48px 1.4fr;gap:7px;padding:8px;background:#292927;flex-shrink:0}.guided-controls button{min-height:48px;font-size:12px}#panel-hint{display:none}dialog{border:1px solid #777369;background:var(--ink);color:var(--paper);padding:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#000d}.zoom-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px;background:var(--ink);flex-shrink:0;min-height:60px}.zoom-tools button{min-width:42px;min-height:44px;padding:8px;font-size:11px}.zoom-logo{object-fit:contain;flex-shrink:0}#close-zoom,#close-pages,#map-close{margin-left:auto;background:var(--yellow);color:var(--ink)}.zoom-scroll{flex:1;min-height:0;overflow:auto;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;background:#5a574e}.zoom-scroll img{display:block;width:100%;max-width:none;height:auto;margin:auto}#zoom-label{font-size:11px;white-space:nowrap}#panel-map{width:min(100vw,760px);max-height:100dvh;margin:0 auto}#map-page{position:relative;line-height:0;overflow:auto;flex:1;min-height:0}#map-image{width:100%;display:block}#map-regions{position:absolute;inset:0}#map-regions button{position:absolute;background:transparent;border:3px solid #d93e28;color:white;text-shadow:0 1px 3px black;font-size:24px;display:flex;align-items:flex-start;justify-content:flex-start;padding:5px;line-height:1;font-weight:900;min-height:0}#map-regions button:hover{background:#edcb4530}#pages-dialog{width:min(100vw,900px);margin:0 auto}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:12px;flex:1;min-height:0;overflow:auto;touch-action:pan-y}#gallery button{padding:5px;display:grid;gap:5px}#gallery img{width:100%;aspect-ratio:3/4;object-fit:contain;background:white}#gallery button[aria-current]{border:2px solid var(--yellow)}@media(max-width:760px){header,main{width:100%}header{padding:5px 12px}.brand img{width:42px;height:42px}.heading{padding:8px 12px}.eyebrow{display:none}#edition{display:none}h1{font-size:18px}nav a{font-size:10px;padding:12px}.toolbar{gap:6px;padding:5px 7px}.reader-logo img{width:28px;height:32px}#jump{gap:4px;font-size:11px}#jump label{display:none}#page{width:44px}#jump button{padding:6px;min-width:38px}.toolbar>button{font-size:10px;padding:7px}#fullscreen{display:none}.mode-bar{padding:6px 7px 3px}.mode-options button{font-size:13px;min-height:44px}#mode-help{font-size:10px}.page-navigation{grid-template-columns:1fr 76px 1fr;gap:5px;padding:6px}.page-navigation button,.guided-controls button{font-size:10px;padding:8px;min-height:48px}#stage{padding:0}.guided-context{font-size:10px;padding:4px 7px}.guided-controls{padding:6px;gap:5px}#open-reader{font-size:10px;padding:7px}.zoom-logo{display:none}.zoom-tools{gap:4px}.zoom-tools button{min-width:38px;font-size:10px;padding:6px}#gallery{grid-template-columns:repeat(3,1fr)}#map-regions button{font-size:21px}}@media(prefers-reduced-motion:reduce){#panel-image{transition:none}}
.map-scroll{flex:1;min-height:0;overflow:auto;touch-action:pan-y}#map-page{overflow:visible;flex:none;min-height:0}#map-regions{height:100%}