@font-face{font-family:Jost;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/jost-latin-300.4755701d1a.woff2) format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/jost-latin-400.f94cffda16.woff2) format("woff2")}:root{color-scheme:dark;--bg: #05070B;--fg: #EDE6D8;--muted: #8e939b;--accent: #E0B278;--line: rgba(237, 230, 216, .22)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font:300 15px/1.5 Jost,system-ui,sans-serif;overflow:hidden}.stage{position:fixed;inset:0;height:100dvh;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:none}.still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.still-being{opacity:0}@media(prefers-reduced-motion:no-preference){.still-being{transition:opacity .6s ease}}.still-being.on{opacity:1}.top{position:absolute;z-index:4;top:max(16px,env(safe-area-inset-top));left:16px;max-width:calc(100vw - 32px);pointer-events:none;text-shadow:0 1px 10px #000}.kicker{margin:0;font-weight:400;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}.face-line{display:flex;flex-wrap:wrap;align-items:center;column-gap:8px;margin:2px 0 0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg);opacity:.86}.face-ref{color:var(--muted)}.face-ref:empty{display:none}.face-count{display:inline-flex;align-items:center;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.08em}.chev,.key{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0;border:0;background:transparent;color:var(--muted);font:300 12px/1 Jost,system-ui,sans-serif;letter-spacing:.06em;cursor:pointer;-webkit-tap-highlight-color:transparent}.chev{font-size:20px;color:var(--accent);opacity:.75}.chev:hover,.chev:focus-visible{opacity:1}.keys{position:fixed;z-index:6;left:10px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;align-items:center;max-width:calc(100vw - 100px);pointer-events:none;text-shadow:0 1px 10px #000}@media(hover:none),(pointer:coarse),(max-width:1023px),(max-height:639px){.keys{display:none}}.key{gap:5px;padding:0 6px;text-transform:lowercase}.key kbd{display:inline-block;min-width:1.9em;padding:3px 5px 2px;font:400 11px/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:0;text-transform:none;text-align:center;color:var(--fg);background:#ede6d812;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;opacity:.8}.key:hover kbd,.key:focus-visible kbd,.key[aria-pressed=true] kbd{border-color:var(--accent);color:var(--accent);opacity:1}.key:hover,.key:focus-visible{color:var(--fg)}.chev:focus-visible,.key:focus-visible{outline:1px solid var(--accent);outline-offset:-6px;border-radius:8px}@media(pointer:fine){.chev,.key{min-width:30px;min-height:30px}}@media(max-width:600px){.kicker{max-width:calc(100vw - 214px);line-height:1.5}.face-line{margin-top:8px}}.hint{position:absolute;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));margin:0;text-align:center;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--fg);opacity:0;transition:opacity 1.2s ease;pointer-events:none;text-shadow:0 1px 12px #000}.hint.on{opacity:.85}.foot{position:absolute;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.motion{pointer-events:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--accent);font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}.motion[hidden]{display:none}[data-mode=still] .stage{cursor:pointer}.tune{position:fixed;z-index:5;top:max(12px,env(safe-area-inset-top));right:12px;width:min(380px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.tune>*{pointer-events:auto}.tune button{font:400 14px/1 Jost,system-ui,sans-serif;letter-spacing:.08em;color:var(--fg);background:#05070bc7;border:1px solid var(--line);border-radius:22px;min-height:44px;min-width:44px;padding:0 16px;cursor:pointer}.tune button:hover,.tune button:focus-visible{border-color:var(--accent);color:var(--accent)}.tune-toggle{text-transform:uppercase}.tune-body{margin-top:8px;width:100%;max-height:calc(100dvh - 84px);overflow:auto;overscroll-behavior:contain;background:#05070be6;backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;padding:4px 14px 14px}.tune-body[hidden]{display:none}.tune fieldset{border:0;border-top:1px solid var(--line);margin:10px 0 0;padding:6px 0 0;min-width:0}.tune legend{padding:0 6px 0 0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.tune-row{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;margin:2px 0 6px}.tune-name{font-size:14px;color:var(--fg)}.tune-row.changed .tune-name:after{content:" \b7";color:var(--accent)}.tune-val{font-size:14px;font-variant-numeric:tabular-nums;color:var(--accent)}.tune-row input[type=range]{grid-column:1 / -1;width:100%;height:44px;margin:0;accent-color:var(--accent);font-size:16px}.tune-what{grid-column:1 / -1;font-size:11px;line-height:1.35;color:var(--muted);margin-top:-8px}.tune-group{border-top:1px solid var(--line);padding:4px 0 6px}.tune-group:first-child{border-top:0}.tune .tune-head{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:0;background:transparent;padding:0;min-height:44px;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.tune .tune-head:after{content:"+ fine tune";font-size:11px;letter-spacing:.08em;text-transform:none;color:var(--muted)}.tune .tune-head[aria-expanded=true]:after{content:"\2212  fold"}.tune-macro{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px}.tune-macro .tune-name{font-size:15px}.tune-macro input[type=range]{grid-column:1 / -1;width:100%;height:44px;margin:0;accent-color:var(--accent)}.tune-inner{margin:4px 0 4px 10px;padding-left:10px;border-left:1px solid var(--line)}.tune-inner[hidden]{display:none}.tune-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tune-status{margin:8px 0 0;min-height:18px;font-size:12px;color:var(--muted)}.tune-save{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tune-save[hidden],.tune-saves[hidden]{display:none}.tune-save input{flex:1 1 160px;min-width:0;min-height:44px;padding:0 12px;font:300 16px Jost,system-ui,sans-serif;color:var(--fg);background:#ede6d80f;border:1px solid var(--line);border-radius:8px;-webkit-user-select:text;user-select:text}.tune-saves{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tune .tune-recall{min-height:44px;padding:0 12px;border-radius:8px;font-size:13px;letter-spacing:.02em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tune-copy{position:fixed;opacity:0;font-size:16px}html:not([data-tune]) .tune{display:none}.tune{top:auto;bottom:max(12px,env(safe-area-inset-bottom));right:auto;left:12px;flex-direction:column-reverse;align-items:flex-start}@media(hover:hover)and (pointer:fine)and (min-width:1024px)and (min-height:640px){.tune{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 44px)}}.tune .tune-review{display:flex;align-items:center;justify-content:center;min-height:44px;margin:10px 0 4px;border:1px solid var(--accent);border-radius:22px;color:var(--accent);font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}.tune .tune-review:hover,.tune .tune-review:focus-visible{background:var(--accent);color:#111}.tune-body{margin:0 0 8px;max-height:calc(100dvh - 96px)}.brand{position:absolute;left:16px;right:16px;bottom:calc(9vh + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;isolation:isolate}.brand>*{opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s linear .15s}.brand.on>*{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s}.nav-cta.off{opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s linear .15s}.nav-cta{transition:opacity .5s ease,visibility 0s,background-color .2s,color .2s}.brand:before{content:"";position:absolute;z-index:-1;left:50%;top:46%;width:min(1180px,135%);height:175%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#05070b9e,#05070b57 55%,#05070b00);pointer-events:none;opacity:0;transition:opacity 1.6s ease}.brand.lit:before{opacity:1;transition:opacity .7s ease}.wm-glow{filter:drop-shadow(0 0 10px rgba(5,7,11,.9)) drop-shadow(0 1px 2px rgba(5,7,11,.95))}.brand-mark{width:clamp(60px,8vw,92px);height:auto;margin-bottom:14px;opacity:.95}.brand-mark[hidden]{display:none}.wm-mark{display:inline-block;height:1.25em;width:auto;vertical-align:-.22em}.wm-between{height:2.25em;vertical-align:-.78em;margin:0 .1em 0 -.14em}.wm-between[data-glyph=corona]{vertical-align:calc(.355em - .3777 * 2.25em)}.wm-between[data-glyph=logo]{height:calc(2.25em * 317 / 404.92);vertical-align:calc(.355em - .5 * 2.25em * 317 / 404.92)}.wm-i{margin-right:.32em}.wm-name{display:block;padding-left:var(--wm-ls)}.wm-name.wm-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;column-gap:.18em;padding-left:0}.wm-pair .wm-word{margin-right:calc(-1 * var(--wm-ls))}.wm-pair .wm-word:first-child{justify-self:end}.wm-pair .wm-word:last-child{justify-self:start}.wm-pair .wm-between{margin:0;vertical-align:baseline;position:relative;top:.78em}.wm-pair .wm-between[data-glyph=corona]{top:calc(.3777 * 2.25em - .355em)}.wm-pair .wm-between[data-glyph=logo]{top:calc(.5 * 2.25em * 317 / 404.92 - .355em)}.wordmark{margin:0;font-weight:400;text-transform:uppercase;--wm-ls: .32em;letter-spacing:var(--wm-ls);font-size:clamp(33px,6.6vw,87px);line-height:1.08;background:linear-gradient(180deg,#f7e9cc,#e0b278 58%,#9e7746);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.wm-strap{display:block;font-size:max(.4em,20px);letter-spacing:.9em;padding-left:.9em;margin-top:1.1em;font-weight:400}.soon{margin:18px 0 0;font-size:12px;font-weight:400;letter-spacing:.52em;padding-left:.52em;text-transform:uppercase;color:var(--fg);opacity:.82}.cta,.nav-cta{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:1px solid var(--accent);border-radius:999px;background:#05070b80;backdrop-filter:blur(6px);color:var(--accent);font:400 13px/1 Jost,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer}.cta{margin-top:18px}.cta:hover,.cta:focus-visible,.nav-cta:hover,.nav-cta:focus-visible{background:var(--accent);color:#111}.nav-cta{position:fixed;z-index:6;top:max(14px,env(safe-area-inset-top));right:16px}.signup{position:fixed;z-index:7;top:calc(max(14px,env(safe-area-inset-top)) + 54px);right:16px;width:min(380px,calc(100vw - 32px));padding:16px;border:1px solid var(--line);border-radius:12px;background:#080a0ff0;backdrop-filter:blur(10px)}.signup[hidden]{display:none}.signup label{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.signup .row{display:flex;gap:8px}.signup select{display:block;width:100%;min-height:44px;margin:0 0 8px;padding:0 12px;font:300 16px Jost,system-ui,sans-serif;color:var(--fg);background:#ede6d80f;border:1px solid var(--line);border-radius:8px}.signup select option{color:var(--fg);background:#0b0e14}.signup input{flex:1;min-width:0;min-height:44px;padding:0 12px;font:300 16px Jost,system-ui,sans-serif;color:var(--fg);background:#ede6d80f;border:1px solid var(--line);border-radius:8px}.signup button[type=submit]{min-height:44px;padding:0 16px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#111;font:400 13px Jost,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.signup .note{margin:10px 0 0;font-size:12px;color:var(--muted)}.signup .interest-note{color:var(--fg);opacity:.82}.signup .interest-note+.note{margin-top:4px}.signup .interest-note:empty{display:none}.signup .interest-note:empty+.note{margin-top:10px}.signup{max-height:calc(100dvh - max(14px,env(safe-area-inset-top)) - 70px);overflow-y:auto;overscroll-behavior:contain}.signup .collab{display:grid;gap:8px;margin:0 0 8px}.signup .collab[hidden]{display:none}.signup .teaser{margin:0 0 2px;font-size:13px;line-height:1.45;color:var(--fg);opacity:.82}.signup .collab input,.signup .collab textarea{width:100%;box-sizing:border-box}.signup textarea{display:block;min-height:64px;padding:10px 12px;resize:vertical;font:300 16px/1.4 Jost,system-ui,sans-serif;color:var(--fg);background:#ede6d80f;border:1px solid var(--line);border-radius:8px;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.signup .legal{margin:6px 0 0;font-size:12px;line-height:1.4}.signup .legal a{display:inline-block;padding:13px 6px;margin:-13px -6px;color:var(--muted);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.signup .legal a:hover,.signup .legal a:focus-visible{color:var(--accent)}.signup .signup-sub{margin:-2px 0 10px;font-size:13px;letter-spacing:.04em;color:var(--fg);opacity:.82}.signup .signup-sub:empty{display:none}.signup .channels{display:flex;flex-wrap:wrap;gap:2px;margin:8px 0 -6px -11px}.signup .channels[hidden]{display:none}.signup .channels-heading{flex:0 0 100%;margin:0 0 0 11px;font-size:12px;color:var(--muted)}.signup .routes{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.signup .routes[hidden],.signup .routes a[hidden]{display:none}.signup .routes a{flex:1 1 130px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--fg);font:400 13px Jost,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;text-align:center}.signup .routes a:hover,.signup .routes a:focus-visible{border-color:var(--accent);color:var(--accent)}.signup .channels a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--muted)}.signup .channels a:hover,.signup .channels a:focus-visible{color:var(--accent)}.signup .channels a:focus-visible{outline:1px solid var(--accent);outline-offset:-4px}.signup .channels svg{width:22px;height:22px}.signup .hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.signup .close{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.hint{bottom:auto;top:22vh}.hint{display:none}@media(max-width:520px){.brand{bottom:calc(7vh + env(safe-area-inset-bottom))}.soon{letter-spacing:.4em;padding-left:.4em}}@media(max-width:600px)and (orientation:portrait){.wordmark{--wm-ls: .26em;font-size:min(30.8px,calc((100vw - 40px) / 12.15))}}@media(max-width:520px){.tune-body{max-height:62dvh}.tune-what{display:none}}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.signup input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.version{margin:0;font:300 10px/1.2 Jost,system-ui,sans-serif;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--muted);opacity:.5;text-shadow:0 1px 6px #000;pointer-events:none}.version[hidden],html[data-theme] .version{display:none}.sound-box{position:fixed;z-index:6;right:16px;bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:row;align-items:center;gap:8px}.sound-box[hidden],[data-mode=still] .sound-box{display:none}.volume{display:none;align-items:center;gap:8px;height:44px;padding:0 12px 0 2px;border:1px solid var(--line);border-radius:22px;background:#05070bd1;backdrop-filter:blur(8px)}.sound-box.open .volume{display:flex}@media(hover:hover)and (pointer:fine){.sound-box:hover .volume,.sound-box:focus-within .volume{display:flex}}.volume input[type=range]{width:120px;height:44px;margin:0;accent-color:var(--accent);font-size:16px}.volume output{min-width:4.4ch;font-size:13px;font-variant-numeric:tabular-nums;color:var(--accent);text-align:right}.vol-mute{min-width:84px;min-height:44px;padding:0 12px;border:0;border-radius:22px;background:transparent;color:var(--fg);font:400 12px/1 Jost,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.vol-mute:hover,.vol-mute:focus-visible,.vol-mute[aria-pressed=true]{color:var(--accent)}@media(hover:hover)and (pointer:fine){.vol-mute{display:none}.volume{padding-left:14px}}.sound-box[data-on="0"] .volume input[type=range]{opacity:.5}@media(max-width:600px){html[data-tune] .tune{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 52px)}html[data-tune] .tune-body{max-height:min(62dvh,calc(100dvh - 220px))}}.sound{position:relative;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#05070b80;backdrop-filter:blur(6px);color:var(--fg);opacity:.72;cursor:pointer}.sound:hover,.sound:focus-visible{opacity:1;border-color:var(--accent);color:var(--accent)}.sound[hidden],[data-mode=still] .sound{display:none}.sound svg{width:20px;height:20px}.sound[data-on="1"] .sound-off,.sound:not([data-on="1"]) .sound-on{display:none}.tune-bright{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;margin:10px 0 22px}.tune-bright .tune-name{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.tune-bright input[type=range]{grid-column:1 / -1;width:100%;height:44px;margin:0;accent-color:var(--accent)}.tune-ticks{grid-column:1 / -1;position:relative;height:14px;margin:-8px 8px 0;font-size:11px;color:var(--fg);opacity:.6}.tune-ticks span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.tune-ticks span:first-child{transform:none}html[data-theme] .top,html[data-theme] .keys,html[data-theme] .nav-cta,html[data-theme] .signup,html[data-theme] .sound-box,html[data-theme] .brand .brand-mark,html[data-theme] .brand .wm-glow,html[data-theme] .brand .soon,html[data-theme] .brand .cta,html[data-theme] .brand:before{display:none}html[data-theme] .brand{inset:0}.theme-logo{position:absolute;left:50%;top:79%;width:min(46vw,760px);transform:translate(-50%,-50%);text-align:center;filter:drop-shadow(0 0 10px rgba(5,7,11,.9)) drop-shadow(0 1px 2px rgba(5,7,11,.95))}.theme-logo[hidden]{display:none}.theme-logo img{display:block;width:100%;height:auto}html[data-theme=eternal] .theme-logo[data-logo=title]{width:min(24vw,368px);top:80%}.theme-credits-box{display:inline-block;margin-top:12px;padding:7px 16px 8px;border-radius:10px;background:#05070bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.theme-credits{margin:0;font-size:13px;line-height:1.5;letter-spacing:.08em;white-space:nowrap;color:var(--fg);opacity:.92}.theme-credits+.theme-credits{font-size:11px}@media(orientation:portrait){.theme-logo{width:86vw;top:80%}html[data-theme=eternal] .theme-logo[data-logo=title]{width:56vw}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.no-js{position:fixed;left:16px;right:16px;top:50%;z-index:10;margin:0;transform:translateY(-50%);text-align:center;font-size:17px;line-height:1.6;color:var(--fg)}
