@font-face{font-family:IM Fell English;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-normal-BhowGHCQ.woff2)format("woff2"),url(/assets/im-fell-english-latin-400-normal-CxhBQSzl.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-italic-DD_ylKHZ.woff2)format("woff2"),url(/assets/im-fell-english-latin-400-italic-hN89MLGX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--field:#030407;--ink:#ece3cf;--ink-dim:#ece3cfa8;--ink-faint:#ece3cf57;--rule:#ece3cf29;--note:#ece3cf;--serif:"IM Fell English", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--gutter:clamp(16px, 2.4vw, 32px);--ease:cubic-bezier(.22, .61, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--field);height:100%;color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-variant-numeric:oldstyle-nums;margin:0;font-size:17px;line-height:1.5;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:4px;border-radius:2px}a{color:inherit;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}body:before,body:after{content:"";pointer-events:none;transition:opacity 1.6s var(--ease) .4s;position:fixed;left:0;right:0}body:before{background:linear-gradient(#0304078c,#0000);height:140px;top:0}body:after{background:linear-gradient(#0000,#030407b3);height:190px;bottom:0}body:not(.started):before,body:not(.started):after{opacity:0}#stage{z-index:0}body:before,body:after{z-index:1}.masthead,.plate,.title-page,.unsupported,.hint,.about{z-index:2}.masthead{padding:calc(var(--gutter) * .8) var(--gutter);padding-top:max(calc(var(--gutter) * .8), env(safe-area-inset-top));pointer-events:none;align-items:center;gap:28px;display:flex;position:fixed;inset:0 0 auto}.masthead>*{pointer-events:auto}.wordmark{letter-spacing:.01em;margin-right:auto;font-size:23px}.ways{gap:22px;font-size:18px;font-style:italic;display:flex}.ways button{color:var(--ink-dim);transition:color .3s var(--ease);padding:4px 0;position:relative}.ways button:hover,.ways button[aria-pressed=true]{color:var(--ink)}.ways button:after{content:"";background:var(--note);height:1px;transition:transform .4s var(--ease), background-color .6s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.ways button[aria-pressed=true]:after{transform:scaleX(1)}.utilities{gap:6px;display:flex}.icon{width:36px;height:36px;color:var(--ink-dim);transition:color .25s var(--ease);border-radius:50%;place-items:center;display:grid}.icon:hover{color:var(--ink)}.icon svg{width:22px;height:22px}.icon .dot{fill:currentColor}[data-action=sound] .off,[data-action=sound][aria-pressed=true] .on{display:none}[data-action=sound][aria-pressed=true] .off{display:inline}.title-page,.unsupported{text-align:center;padding:var(--gutter);transition:opacity 1.4s var(--ease), visibility 0s linear 1.4s;background:radial-gradient(70% 60% at 50% 48%,#030407b8,#03040759 55%,#0000 80%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.title-page h1,.unsupported h1{letter-spacing:-.012em;margin:0;font-size:clamp(64px,11vw,150px);font-weight:400;line-height:.92}.subtitle{color:var(--ink-dim);margin:.35em 0 0;font-size:clamp(20px,2.2vw,27px);font-style:italic}.lede{max-width:30em;color:var(--ink);text-wrap:pretty;margin:1.6em 0 0;font-size:clamp(17px,1.35vw,19px);line-height:1.62}.begin{flex-wrap:wrap;justify-content:center;gap:14px 30px;margin-top:2.2em;display:flex}.begin button{color:var(--ink-dim);transition:color .3s var(--ease);padding:10px 2px;font-size:19px;font-style:italic}.begin button:hover{color:var(--ink)}.begin .primary{color:var(--ink);border:1px solid var(--ink-faint);transition:border-color .3s var(--ease), background-color .3s var(--ease);border-radius:999px;padding:10px 26px;font-style:normal}.begin .primary:hover{border-color:var(--ink);background:#ece3cf0f}.aside{color:var(--ink-faint);margin:1.4em 0 0;font-size:15px;font-style:italic}body.started .title-page{opacity:0;visibility:hidden;pointer-events:none}.hint{max-width:min(34em, calc(100vw - 2 * var(--gutter)));text-align:center;color:var(--ink-dim);pointer-events:none;transition:opacity 1s var(--ease);margin:0;font-size:18px;font-style:italic;position:fixed;top:22%;left:50%;transform:translate(-50%)}.hint.fading{opacity:0}.plate{padding:0 var(--gutter) max(calc(var(--gutter) * .7), env(safe-area-inset-bottom));pointer-events:none;position:fixed;inset:auto 0 0}.masthead,.plate{transition:opacity 1.6s var(--ease) .4s, visibility 0s}body:not(.started) .masthead,body:not(.started) .plate{opacity:0;visibility:hidden}.plate>*{pointer-events:auto}.plate-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:12px;display:flex}.caption{min-height:1.5em;color:var(--ink);pointer-events:none;margin:0;font-size:18px}.fig-number{font-variant:small-caps;letter-spacing:.04em;margin-right:.35em}.fig-text{color:var(--ink-dim);font-style:italic}.fig-text .pitch{color:var(--note);transition:color .4s var(--ease);font-style:normal}.vessels{flex-shrink:0;gap:20px;display:flex}.vessels button{color:var(--ink-faint);transition:color .3s var(--ease);align-items:center;gap:7px;padding:4px 0;font-size:17px;display:flex}.vessels button:hover{color:var(--ink-dim)}.vessels button[aria-pressed=true]{color:var(--ink)}.vessels svg{width:19px;height:19px}.figures{margin:0;padding:12px 0 0;list-style:none;display:flex}.figures li{flex:1 1 0;justify-content:center;min-width:0;display:flex}.figure{--glow:transparent;width:100%;color:var(--ink-faint);transition:color .5s var(--ease);justify-items:center;gap:5px;padding:4px 0 2px;display:grid}.figure:hover{color:var(--ink-dim)}.glyph{aspect-ratio:1;width:clamp(22px,2.6vw,38px);filter:drop-shadow(0 0 0 var(--glow));transition:filter .5s var(--ease);background-color:currentColor;display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.key{font-variant:small-caps;letter-spacing:.06em;color:var(--ink-faint);font-size:12px;line-height:1}.figure.sounding{color:var(--tone);--glow:var(--tone);transition-duration:60ms}.figure.sounding .glyph{filter:drop-shadow(0 0 5px var(--glow));transition-duration:60ms}.figure.latest:not(.sounding){color:var(--ink-dim)}.about{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--rule);-webkit-user-select:text;user-select:text;width:min(30rem,100vw);animation:slide-in .6s var(--ease);background:#05060ad6;padding:72px 36px 48px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}}.about .close{position:absolute;top:20px;right:20px}.about h2{margin:0 0 .8em;font-size:30px;font-weight:400;line-height:1.15}.about h3{margin:1.8em 0 .5em;font-size:20px;font-style:italic;font-weight:400}.about p{color:var(--ink-dim);margin:0 0 1em;line-height:1.65}.about dl{color:var(--ink-dim);grid-template-columns:max-content 1fr;gap:8px 18px;margin:0;display:grid}.about dt{color:var(--ink)}.about dd{margin:0}.about .keys{grid-template-columns:1fr;gap:2px}.about .keys dd{margin-bottom:10px}.about .colophon{border-top:1px solid var(--rule);margin-top:2.4em;padding-top:1.2em;font-size:15px;font-style:italic}@media (width<=760px){html,body{font-size:16px}.masthead{gap:14px}.wordmark{font-size:20px}.ways{gap:14px;font-size:16px}.utilities [data-action=fullscreen],.utilities [data-action=capture]{display:none}.plate-head{flex-direction:column-reverse;align-items:stretch;gap:10px}.caption{font-size:15px}.vessels{justify-content:space-between}.vessels span{font-size:15px}.key{display:none}}@media (width<=420px){.wordmark{display:none}.ways{margin-right:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}