:root{--navy:#192b43;--ink:#263340;--muted:#65717a;--gold:#b77954;--paper:#faf6ef;--line:#ded6cb}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Georgia,serif}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);max-width:1440px;padding:22px 36px;margin:auto}a{color:var(--navy);text-underline-offset:4px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font:12px/1.6 Arial,sans-serif;letter-spacing:2px}.brand small{display:block;letter-spacing:0;font:15px Georgia,serif}.seal{border:1px solid var(--gold);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font:19px Georgia,serif;letter-spacing:0}header>a:last-child{font-size:14px}main{max-width:1440px;margin:auto;padding:40px 36px}.intro{margin-bottom:30px}.eyebrow{color:var(--muted);font:11px/1.5 Arial,sans-serif;letter-spacing:1.6px}h1{font-size:clamp(36px,5vw,58px);line-height:1.1;color:var(--navy);font-weight:400;margin:12px 0 16px}h2{font-size:25px;font-weight:400;line-height:1.3;color:var(--navy)}.intro>p:last-child{font-size:19px}.layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px}label{display:block;font:13px Arial,sans-serif;color:var(--navy);margin:0 0 10px}select{width:100%;padding:13px 10px;background:white;border:1px solid #b9c5ce;border-radius:5px;color:var(--navy);font:15px Georgia,serif}.chaptercard{border-top:3px solid var(--gold);margin:22px 0;padding-top:14px}.chaptercard h2{margin-top:10px}.chaptercard p{font-size:16px}.chaptercard a{display:block;margin:10px 0;font-size:16px}.chaptercard a[hidden]{display:none}details{font-size:15px}summary{cursor:pointer;color:var(--navy)}button{font:14px Arial,sans-serif;min-height:44px;cursor:pointer;background:white;color:var(--navy);border:1px solid #b9c5ce;border-radius:4px;padding:8px 13px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:white;border:1px solid var(--line);border-radius:8px 8px 0 0}.toolbar>div{display:flex;gap:5px}.toolbar>div button{font-size:23px;width:44px;padding:2px}.viewport{position:relative;height:520px;background:#112739;overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.maphint{position:absolute;bottom:5px;left:14px;color:#e6e9ed;font:10px Arial,sans-serif;letter-spacing:1.2px;pointer-events:none;background:#112739aa;padding:6px;border-radius:3px}#loadstatus{position:absolute;top:12px;left:12px;font:12px Arial,sans-serif;padding:7px 10px;background:#fffef0e8;border-radius:4px;pointer-events:none}#loadstatus:empty{display:none}.mapbottom{display:flex;justify-content:space-between;color:white;background:#173248;padding:8px 14px;font:12px Arial,sans-serif}#navigator{height:auto;position:relative;background:#112739;margin-top:14px;cursor:crosshair;overflow:hidden;line-height:0}#navigator img{width:100%;display:block}#window{position:absolute;top:0;border:2px solid #f0c979;background:#f0c97922;pointer-events:none;min-width:3px}.note{font:12px/1.5 Arial,sans-serif;color:var(--muted);margin-top:8px}.credits{max-width:900px;margin-top:45px;border-top:1px solid var(--line);padding-top:22px}.credits h2{font-size:29px}.credits p{font-size:16px}footer{border-top:1px solid var(--line);margin-top:35px;padding:22px 0;color:var(--muted);font:12px/1.8 Arial,sans-serif}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.maparea:fullscreen{background:var(--paper);display:flex;flex-direction:column;padding:15px}.maparea:fullscreen .viewport{flex:1;height:auto}.maparea:fullscreen #navigator{max-height:90px}.maparea:fullscreen #navigator img{max-height:90px}@media(max-width:850px){header{padding:18px 20px}main{padding:26px 18px}.layout{display:flex;flex-direction:column;gap:18px}aside{display:grid;grid-template-columns:1fr;gap:0}.chaptercard{margin:16px 0 10px;padding-top:5px}.chaptercard h2{font-size:22px;margin-bottom:8px}.chaptercard p{margin:7px 0}.chaptercard a{display:inline-block;margin-right:16px}.viewport{height:440px}.intro{margin-bottom:24px}.intro>p:last-child{font-size:17px}.credits{margin-top:28px}}@media(max-width:420px){header>a:last-child{font-size:12px}.brand{letter-spacing:1px}.seal{display:none}.toolbar{gap:5px;padding:8px}button{padding:7px 9px;font-size:12px}.viewport{height:410px}}
.maparea.expanded{position:fixed;inset:0;z-index:10;background:var(--paper);padding:10px;display:flex;flex-direction:column}.maparea.expanded .viewport{height:auto;flex:1}.maparea.expanded #navigator{max-height:90px}.maparea.expanded #navigator img{max-height:90px}