@font-face{font-family:DM Sans;font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/dm-sans.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/dm-mono-400.woff2) format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/dm-mono-500.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic.woff2) format("woff2")}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}:root{--bg: #ebe3d4;--bg-center: #f6f0e5;--bg-edge: #e1d7c5;--ink: #252521;font-family:DM Sans,Arial,sans-serif;color:var(--ink);font-synthesis:none}:root{--bar-inset: 39px;--wordmark-size: 34px;--eyebrow-size: 16px;--title-size: 34px;--caption-height: calc(8px + var(--eyebrow-size) * 1.1 + 2px + var(--title-size) * 1.05);--masthead-top: calc(var(--bar-inset) + (var(--caption-height) - var(--wordmark-size)) / 2)}html{background:radial-gradient(circle at 48% 38%,var(--bg-center) 0,var(--bg) 68%,var(--bg-edge) 100%) fixed var(--bg)}@media(hover:none)and (pointer:coarse){html{background-image:radial-gradient(circle at 48% 38%,var(--bg-center) 0,var(--bg) 62%,var(--bg) 100%)}}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;min-height:100svh;overflow:hidden}.load-error{margin:0;padding:42px;font:500 12px DM Mono,monospace}body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.stage{position:absolute;inset:0;cursor:grab;touch-action:none;-webkit-touch-callout:none}body{-webkit-user-select:none;user-select:none}body{touch-action:manipulation}.about{-webkit-user-select:text;user-select:text}.stage canvas{display:block;width:100%;height:100%}.stage{transition:opacity .7s ease}.stage.is-hidden{opacity:0}.bottom-bar{position:absolute;left:calc(42px + var(--safe-left));right:calc(42px + var(--safe-right));bottom:calc(var(--bar-inset) + var(--safe-bottom));z-index:3;display:flex;justify-content:center;pointer-events:none;text-align:center}.album-caption{max-width:min(760px,calc(100vw - 220px));transition:opacity .22s ease}.album-arrow{position:absolute;top:50%;translate:0 calc(-50% - 2px);display:block;padding:4px 10px;border:0;background:none;color:var(--ink);font:400 20px/1 DM Sans,sans-serif;pointer-events:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.album-arrow.is-prev{left:-9px}.album-arrow.is-next{right:-9px}.album-arrow.is-shown{opacity:1;visibility:visible;transition:opacity .3s ease .3s,visibility 0s}.album-arrow.is-shown:disabled{opacity:.25}.case-action{position:absolute;top:50%;translate:0 -50%;padding:4px 10px;border:0;background:none;color:var(--ink);font:italic 400 18px/1.1 "Instrument Serif",Georgia,serif;pointer-events:auto;white-space:nowrap;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.case-action.is-left,.store-links.is-left{left:-10px}.case-action.is-right{right:-10px}.store-links{position:absolute;top:50%;translate:0 -50%;display:flex;gap:4px;pointer-events:none}.store-links .case-action{position:static;translate:none}.case-action.is-shown{opacity:1;visibility:visible;transition:opacity .3s ease .3s,visibility 0s}.store-link.is-shown{transition:opacity .5s ease,visibility 0s}.album-caption.is-switching{opacity:0}.album-name{display:block;max-width:100%;margin:0 auto;padding:4px 10px;border:0;background:none;color:var(--ink);font:inherit;text-align:center;pointer-events:auto}.album-name:disabled{cursor:default}.album-name .eyebrow,.album-title{display:block}:focus-visible{outline:1px solid var(--ink);outline-offset:4px;border-radius:2px}.has-bubble,.has-bubble *{cursor:none!important}.bubble{position:fixed;left:0;top:0;z-index:5;pointer-events:none;will-change:transform}.bubble-body{position:absolute;left:0;top:0;display:grid;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--ink);color:var(--bg);opacity:0;transform:scale(0);transition:transform .35s cubic-bezier(.32,.72,0,1),opacity .2s ease,background-color .25s ease,box-shadow .25s ease}.bubble-body.is-shown{opacity:1;transform:scale(.14)}.bubble-body.is-shown.is-active{transform:scale(.3)}.bubble-body.is-shown.is-active.is-pressed{transform:scale(.26)}.bubble-body.is-shown.has-label{transform:scale(1)}.bubble-body.is-shown.has-label.is-pressed{transform:scale(.9)}.bubble-body.is-shown.is-button{transform:scale(.526)}.bubble-body.is-shown.is-ring{transform:scale(.34);background:transparent;box-shadow:inset 0 0 0 4.5px color-mix(in srgb,var(--bg-center) 50%,transparent)}.bubble-body.is-shown.is-ring.is-pressed{transform:scale(.3)}.bubble-tag{position:absolute;left:0;bottom:18px;padding:6px 11px 7px;border-radius:999px;background:var(--ink);color:var(--bg);font:500 12px DM Sans,sans-serif;letter-spacing:.01em;white-space:nowrap;opacity:0;transform:translate(-50%,4px);transition:opacity .2s ease,transform .35s cubic-bezier(.32,.72,0,1)}.bubble-tag.is-shown{opacity:1;transform:translate(-50%)}.bubble-copy{position:fixed;z-index:6;pointer-events:none;clip-path:circle(0 at 0 0)}.bubble-copy *{color:var(--bg)!important;opacity:1!important}.bubble-label{font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;opacity:0;transition:opacity .2s ease}.has-label .bubble-label{opacity:1;transition-delay:.08s}.masthead{position:absolute;left:50%;top:calc(var(--masthead-top) + var(--safe-top));z-index:3;translate:-50% 0;color:var(--ink);pointer-events:none;white-space:nowrap;transition:opacity .6s ease .3s}.masthead.is-hidden{opacity:0}.wordmark{display:block;font:italic 400 var(--wordmark-size)/1 "Instrument Serif",Georgia,serif;translate:0 -2px;color:inherit;text-decoration:none}a.wordmark{pointer-events:auto}.corner-button{position:absolute;left:calc(32px + var(--safe-left));top:calc(var(--masthead-top) + .75px + var(--safe-top));z-index:4;display:flex;align-items:center;gap:8px;padding:4px 10px;border:0;background:none;color:var(--ink);font:italic 400 18px/1.1 "Instrument Serif",Georgia,serif;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.back-label{transition:opacity .2s ease}.back-label.is-switching{opacity:0}.corner-button.is-shown{opacity:1;visibility:visible;transition-duration:.3s,0s;transition-delay:.5s,0s}.github-link{left:auto;right:calc(32px + var(--safe-right))}.github-link.is-shown{transition-delay:.3s,0s}.about{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:calc(var(--masthead-top) + var(--wordmark-size) + 34px + var(--safe-top)) calc(24px + var(--safe-right)) 0 calc(24px + var(--safe-left));opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.about.is-shown{opacity:1;visibility:visible;transition:opacity .5s ease .2s,visibility 0s}.about-body{max-width:30em;margin:auto 0;font:400 19px/1.45 "Instrument Serif",Georgia,serif;color:color-mix(in srgb,var(--ink) 72%,var(--bg));text-wrap:pretty}.about-body p{margin:0 0 .9em}.about-body p:last-child{margin-bottom:0}.about-body a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.about-credit{margin:40px 0 0;padding-bottom:calc(var(--bar-inset) + var(--safe-bottom));font:400 12px/1.1 "Instrument Serif",Georgia,serif;color:color-mix(in srgb,var(--ink) 40%,var(--bg))}.about-credit a{padding:4px 10px;margin:0 -10px;color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.about-credit a:hover{color:var(--ink)}.eyebrow{font:italic 400 var(--eyebrow-size)/1.1 "Instrument Serif",Georgia,serif;color:color-mix(in srgb,var(--ink) 72%,var(--bg))}.eyebrow-separator{padding:0 5px;color:color-mix(in srgb,var(--ink) 35%,var(--bg))}h1,.album-title{margin:2px 0 0;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:var(--title-size);letter-spacing:-.005em;line-height:1.05}.bottom-bar{transition:opacity .6s ease .3s,visibility .6s ease .3s}.bottom-bar.is-hidden{opacity:0;visibility:hidden}.bottom-bar.is-leaving{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.preloader{position:absolute;inset:0;z-index:4;display:grid;place-content:center;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}.preloader.is-done{opacity:0;visibility:hidden}.preloader-ring{position:relative;display:grid;place-items:center;width:78px;height:78px}.preloader-dial{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.preloader-rail,.preloader-arc{fill:none;stroke-width:1.3}.preloader-rail{stroke:color-mix(in srgb,var(--ink) 15%,var(--bg))}.preloader-arc{stroke:var(--ink);stroke-dasharray:100}.preloader-count{font:italic 400 21px/1 "Instrument Serif",Georgia,serif;color:var(--ink);font-variant-numeric:tabular-nums}.transport{position:absolute;left:50%;top:70%;margin-top:20px;z-index:3;display:grid;justify-items:center;gap:6px;translate:-50% 0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}.transport.is-shown{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s}.transport-buttons{display:flex;align-items:center;opacity:.4;transition:opacity .2s ease}.transport-buttons:has(:focus-visible){opacity:1}.transport-buttons:has(:disabled){opacity:.15}.transport-button{display:grid;place-items:center;padding:8px 15px;border:0;background:none;color:var(--ink)}.transport-button svg{width:13px;height:13px;fill:currentColor;transition:scale .22s cubic-bezier(.22,1,.36,1)}.transport-button.is-pressed svg{scale:.7;transition-duration:.07s}.transport-track{display:none;transition:opacity .2s ease}.transport-track.is-switching{opacity:0}.transport-note{margin:0;font:italic 400 15px/1.3 "Instrument Serif",Georgia,serif;color:color-mix(in srgb,var(--ink) 60%,var(--bg))}@media(max-width:650px){:root{--bar-inset: 24px;--wordmark-size: 24px;--eyebrow-size: 14px;--title-size: 28px}.bottom-bar{left:calc(20px + var(--safe-left));right:calc(20px + var(--safe-right))}.case-action,.store-links{top:auto;bottom:calc(100% + 12px);translate:none}.transport-button{padding:14px 17px}.transport-button svg{width:17px;height:17px}.about{padding-top:calc(var(--masthead-top) + var(--wordmark-size) + 30px + var(--safe-top));padding-left:calc(22px + var(--safe-left));padding-right:calc(22px + var(--safe-right))}.about-body{font-size:17px}.about-credit{margin-top:32px;padding-bottom:24px;font-size:11px}.corner-button,.case-action{font-size:16px}.corner-button{left:calc(10px + var(--safe-left));top:calc(var(--masthead-top) - 2.65px + var(--safe-top))}.github-link{left:auto;right:calc(10px + var(--safe-right))}.album-caption{max-width:calc(100vw - 120px)}}@media(max-width:650px),(max-height:500px)and (orientation:landscape){.transport-track{display:flex;gap:10px;align-items:baseline;justify-content:center;max-width:calc(100vw - 80px);min-height:1.3em;margin:0;font:400 14px/1.3 DM Sans,sans-serif;color:color-mix(in srgb,var(--ink) 70%,var(--bg));white-space:nowrap}.transport-track-number{font:400 11px/1 DM Mono,monospace;color:color-mix(in srgb,var(--ink) 50%,var(--bg))}.transport-track-title{overflow:hidden;text-overflow:ellipsis}}@media(max-height:500px)and (orientation:landscape){:root{--bar-inset: 14px;--wordmark-size: 22px;--eyebrow-size: 13px;--title-size: 24px;--masthead-top: 14px}.about{padding-top:calc(52px + var(--safe-top));mask-image:linear-gradient(to bottom,transparent 36px,#000 52px)}.about-body{font-size:15px;line-height:1.4}.about-credit{margin-top:24px;padding-bottom:14px}.transport{margin-top:12px}.corner-button{font-size:15px}.corner-button{left:calc(16px + var(--safe-left));top:calc(var(--masthead-top) - 4px + var(--safe-top))}.github-link{left:auto;right:calc(16px + var(--safe-right))}.bottom-bar{left:calc(26px + var(--safe-left));right:calc(26px + var(--safe-right))}.case-action{font-size:15px}.album-arrow{font-size:17px;translate:0 -50%}}@media(prefers-reduced-motion:reduce)and (min-width:651px){.stage,.masthead,.corner-button,.bottom-bar,.album-caption,.bubble-body,.bubble-label,.bubble-tag,.album-arrow,.case-action,.transport,.transport-track,.preloader,.back-label,.about{transition:none}}
