@view-transition{navigation:auto}body:has(.undercroft){background:#d9ccad;margin:0}.undercroft{--paper:#ece2cb;--sheet:#e3d6b9;--ink:#1e1711;--ink-soft:#4a3d2f;--sanguine:#8c3a1e;--rule:#1e171147;--serif:var(--font-undercroft), Georgia, serif;--carved:var(--font-undercroft-carved), Georgia, serif;box-sizing:border-box;min-height:100dvh;color:var(--ink);font-family:var(--serif);background:radial-gradient(120% 90% at 50% 40%, transparent 55%, #6e54322e), var(--sheet);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.45}.undercroft *,.undercroft :before,.undercroft :after{box-sizing:inherit}.undercroft a{color:inherit}.undercroft .mark{width:0;height:0;position:fixed;top:0;left:0}.undercroft .defs{width:0;height:0;position:absolute}.undercroft .masthead{letter-spacing:.02em;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 24px 0;font-size:14px;display:flex}.undercroft .masthead .home{color:var(--ink-soft);font-style:italic;text-decoration:none}.undercroft .masthead .name{font-family:var(--carved);letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:600;text-decoration:none}.undercroft .home:hover,.undercroft .masthead .name:hover{text-underline-offset:3px;text-decoration:underline}.undercroft.crawl{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(240px,340px);column-gap:28px;padding-bottom:24px;display:grid}.undercroft.crawl .masthead{grid-column:1/-1}.undercroft .views{padding:14px 0 0 24px}.undercroft .view{display:none}.undercroft:not(:has(.mark:target)) .view[data-dir=n],.undercroft:has(#n:target) .view[data-dir=n],.undercroft:has(#e:target) .view[data-dir=e],.undercroft:has(#s:target) .view[data-dir=s],.undercroft:has(#w:target) .view[data-dir=w]{display:block}.undercroft .plate{max-width:min(1000px,156.25dvh - 296.875px);margin:0 auto}.undercroft .frame{background:var(--paper);padding:10px;position:relative;box-shadow:inset 0 0 0 1px #1e171129,inset 2px 2px #ffffff80,inset -2px -2px #503c2829,0 1px #fff6,0 12px 30px -18px #32231499}.undercroft .frame>svg:first-child{aspect-ratio:1000/640;outline:1.5px solid var(--ink);outline-offset:3px;view-transition-name:plate;view-transition-class:plate;width:100%;display:block}.undercroft .frame svg text.carved{font-family:var(--carved);letter-spacing:.06em;font-weight:600}.undercroft .taps{grid-template-columns:1fr 2fr 1fr;display:grid;position:absolute;inset:10px}.undercroft .tap{cursor:default;display:block}.undercroft a.tap.left{cursor:w-resize}.undercroft a.tap.right{cursor:e-resize}.undercroft a.tap.ahead{cursor:n-resize}.undercroft figcaption{text-wrap:pretty;min-height:2.9em;margin:12px 4px 0;font-size:16px}.undercroft figcaption .no{font-variant:small-caps;letter-spacing:.05em}.undercroft figcaption .where{font-style:italic}.undercroft .pad{grid-template-columns:1fr 1.5fr 1.5fr 1fr;gap:8px;max-width:620px;margin:12px auto 0;display:grid}.undercroft .key{border:1px solid var(--ink);background:var(--paper);min-height:44px;box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--rule);letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;padding:6px 10px;font-size:15px;text-decoration:none;transition:background-color .12s;display:flex}.undercroft a.key:hover{background:#f4ecd9}.undercroft a.key:active{background:#dccfb1}.undercroft a.key:focus-visible{outline:2px solid var(--sanguine);outline-offset:2px}.undercroft .key.off{color:#1e17116b;box-shadow:none;background:0 0;border-color:#1e17114d}.undercroft .key svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.undercroft .survey{padding:14px 24px 0 0}.undercroft .sheet{background:var(--paper);padding:14px 12px 10px;box-shadow:inset 0 0 0 1px #1e171129,0 12px 30px -18px #32231499}.undercroft .chart{width:100%;height:auto;font-family:var(--serif);display:block}.undercroft .chart .grid{fill:none;stroke:#1e17111f;stroke-width:.4px;stroke-dasharray:1 2}.undercroft .chart .edge{fill:none;stroke:var(--ink);stroke-width:1px}.undercroft .chart .labels{fill:var(--ink-soft);text-anchor:middle;font-size:8.5px}.undercroft .chart .labels text[text-anchor=end]{text-anchor:end}.undercroft .chart .stair{fill:none;stroke:var(--ink);stroke-width:1px}.undercroft .chart .cells a{mix-blend-mode:multiply}.undercroft .chart .cells path{fill:#fff;stroke:none}.undercroft .chart .cells path.w{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:square}.undercroft .chart .cells a:visited path{fill:#d8c6a0}.undercroft .chart .cells a:visited path.w{stroke:#1e1711}.undercroft .chart .here{fill:var(--sanguine);stroke:var(--paper);stroke-width:.8px;transform:translate(var(--hx), var(--hy)) rotate(var(--turn,0deg));display:none}.undercroft.crawl .chart .here{display:block}.undercroft:has(#e:target) .chart .here{--turn:90deg}.undercroft:has(#s:target) .chart .here{--turn:180deg}.undercroft:has(#w:target) .chart .here{--turn:270deg}.undercroft .legend{color:var(--ink-soft);margin:10px 2px 0;font-size:14px;font-style:italic}::view-transition-group(plate){animation-duration:.42s;overflow:clip}::view-transition-old(plate),::view-transition-new(plate){transform-origin:50% 46%;animation-duration:.42s;animation-timing-function:cubic-bezier(.3,0,.2,1)}html:active-view-transition-type(forward)::view-transition-old(plate){animation-name:uc-swell-out}html:active-view-transition-type(forward)::view-transition-new(plate){animation-name:uc-rise-in}html:active-view-transition-type(back)::view-transition-old(plate){animation-name:uc-shrink-out}html:active-view-transition-type(back)::view-transition-new(plate){animation-name:uc-fall-in}html:active-view-transition-type(turn-left)::view-transition-old(plate){animation-name:uc-pan-right-out}html:active-view-transition-type(turn-left)::view-transition-new(plate){animation-name:uc-pan-right-in}html:active-view-transition-type(turn-right)::view-transition-old(plate){animation-name:uc-pan-left-out}html:active-view-transition-type(turn-right)::view-transition-new(plate){animation-name:uc-pan-left-in}@keyframes uc-swell-out{to{opacity:0;transform:scale(1.7)}}@keyframes uc-rise-in{0%{opacity:0;transform:scale(.72)}}@keyframes uc-shrink-out{to{opacity:0;transform:scale(.72)}}@keyframes uc-fall-in{0%{opacity:0;transform:scale(1.7)}}@keyframes uc-pan-right-out{to{opacity:0;transform:translate(42%)}}@keyframes uc-pan-right-in{0%{opacity:0;transform:translate(-42%)}}@keyframes uc-pan-left-out{to{opacity:0;transform:translate(-42%)}}@keyframes uc-pan-left-in{0%{opacity:0;transform:translate(42%)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media (width<=760px){.undercroft{font-size:16px}.undercroft.crawl{display:block}.undercroft .masthead{padding:12px 16px 0}.undercroft .views{padding:10px 12px 0}.undercroft .frame{padding:6px}.undercroft .taps{inset:6px}.undercroft .frame>svg:first-child{aspect-ratio:9/10}.undercroft .pad{grid-template-columns:1fr 1.3fr 1.3fr 1fr;gap:6px}.undercroft .key{flex-direction:column;gap:2px;min-height:56px;font-size:13px}.undercroft .survey{padding:20px 12px 0}.undercroft .sheet{max-width:420px;margin:0 auto}.undercroft .legend{max-width:420px;margin-inline:auto}}