@font-face{font-family:Funktional Grotesk;src:url(/fonts/FunktionalGrotesk-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Funktional Grotesk;src:url(/fonts/FunktionalGrotesk-Book.woff2) format("woff2");font-weight:350;font-display:swap}@font-face{font-family:Funktional Grotesk;src:url(/fonts/FunktionalGrotesk-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Funktional Grotesk;src:url(/fonts/FunktionalGrotesk-Medium.woff2) format("woff2");font-weight:500;font-display:swap}:root{--serif: "Cormorant Garamond", Garamond, "Times New Roman", serif;--sans: "Funktional Grotesk", "Helvetica Neue", Arial, sans-serif;--on: #fbf9f1;--on-2: rgba(251, 249, 241, .76);--on-3: rgba(251, 249, 241, .4);--hair: rgba(251, 249, 241, .34);--straw: #f3c969;--shade: 0 1px 2px rgba(10, 16, 6, .5), 0 0 16px rgba(10, 16, 6, .28);--edge: 40px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#3f5e2a;font-family:var(--sans);font-weight:350;color:var(--on);-webkit-user-select:none;user-select:none;touch-action:none}canvas#gl,canvas#overlay{position:fixed;inset:0;width:100vw;height:100vh;display:block}canvas#gl{cursor:none}canvas#overlay{pointer-events:none}#hud{position:fixed;inset:0;pointer-events:none;z-index:2;text-shadow:var(--shade)}.scrim{position:absolute;left:0;right:0;pointer-events:none}.scrim.top{top:0;height:190px;background:linear-gradient(#0e160970,#0e160900)}.scrim.bottom{bottom:0;height:150px;background:linear-gradient(#0e160900,#0e160966)}.quiet{color:var(--on-3)}.num{font-variant-numeric:lining-nums tabular-nums}.corner{position:absolute;top:max(var(--edge),env(safe-area-inset-top))}.count{left:var(--edge)}.count .n{font-family:var(--serif);font-weight:400;font-size:68px;line-height:.88}.count .of{font-family:var(--serif);font-style:italic;font-weight:400;font-size:26px;color:var(--on-2);margin-left:8px}.progress{position:relative;width:220px;height:1px;background:var(--hair);margin-top:14px}.progress>b{position:absolute;left:0;top:-1px;height:3px;width:0%;background:var(--straw);transition:width .4s ease}.count .sub{font-size:13px;color:var(--on-2);margin-top:10px}.day{left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.day .big{font-family:var(--serif);font-style:italic;font-weight:400;font-size:36px;line-height:1}.day .sub{font-size:13px;color:var(--on-2);margin-top:8px}.day.dusk .sub{color:var(--straw)}.me{right:var(--edge);text-align:right}.me .big{font-family:var(--serif);font-style:italic;font-weight:500;font-size:36px;line-height:1}.me .sub{font-size:13px;color:var(--on-2);margin-top:8px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:5px;margin-right:10px}.ticks{display:flex;justify-content:flex-end;gap:4px;margin-top:10px;height:13px}.ticks i{display:block;width:2px;height:12px;background:var(--on-3)}.ticks i.on{background:var(--straw)}.ticks i:nth-child(5n):not(:last-child){margin-right:5px}.me .scores{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--straw);margin-top:6px;min-height:1em}.foot{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));font-size:13px;color:var(--on-2)}.foot button{all:unset;cursor:pointer;pointer-events:auto;color:var(--on-2);padding:2px 0;border-bottom:1px solid transparent}.foot button:hover{color:var(--on)}.foot button[aria-pressed=true]{color:var(--on);border-bottom-color:var(--straw)}.foot button:focus-visible{color:var(--on);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.sound{left:var(--edge);display:flex;gap:20px}.hint{left:50%;transform:translate(-50%);white-space:nowrap;font-size:15px;transition:opacity 1.4s ease}.hint em{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--on)}.valley{right:var(--edge);display:flex;align-items:baseline;gap:14px}.stats{position:absolute;right:var(--edge);bottom:calc(max(34px,env(safe-area-inset-bottom)) + 26px);font-size:12px;color:var(--on-2);text-align:right;line-height:1.6}.banner{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);text-align:center;padding:60px 90px;background:radial-gradient(closest-side,#0e160980,#0e160900);opacity:0;transition:opacity .9s ease;white-space:nowrap}.banner.show{opacity:1}.banner h2{margin:0;font-family:var(--serif);font-weight:300;font-size:58px;line-height:1}.banner p{margin:12px 0 0;font-size:15px;color:var(--on-2)}.banner p.top{display:flex;justify-content:center;gap:22px;margin-top:14px;font-variant-numeric:tabular-nums}.banner p.top em{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--on)}.error{position:fixed;inset:0;display:grid;place-items:center;z-index:10;background:#0e1609b8;font-family:var(--serif);font-size:30px;font-weight:300;text-align:center;padding:20px}.gone{position:fixed;inset:0;z-index:10;display:grid;place-content:center;justify-items:center;gap:14px;padding:20px;text-align:center;background:#0e1609b8;cursor:pointer;opacity:0;animation:fade-in .6s ease forwards}.gone h2{margin:0;font-family:var(--serif);font-weight:300;font-size:58px;line-height:.92}.gone p{margin:0;font-size:15px;font-weight:300;color:var(--on-2)}.gone button{all:unset;cursor:pointer;margin-top:12px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:22px;border-bottom:1px solid var(--straw)}.gone button:focus-visible{outline:1px solid var(--straw);outline-offset:4px}@keyframes fade-in{to{opacity:1}}.howto{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#0e1609c2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:auto;pointer-events:auto;text-shadow:none;-webkit-user-select:text;user-select:text;overflow-y:auto;touch-action:pan-y;outline:none;animation:fade-in .35s ease forwards;opacity:0}.howto [hidden]{display:none!important}.howto-inner{width:min(620px,100%);display:grid;gap:22px}.howto-head{display:flex;justify-content:flex-end;margin-bottom:-8px}.howto button{all:unset;cursor:pointer;color:var(--on-2);transition:color .15s ease}.howto button:hover{color:var(--on)}.howto button:focus-visible{color:var(--on);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.howto-close{font-size:14px;padding:4px 0}.howto-clip{position:relative;aspect-ratio:16 / 10;border-radius:4px;overflow:hidden;background:#5f8f3e;box-shadow:0 1px #fbf9f114 inset,0 20px 60px #060a0473}.howto-clip video{display:block;width:100%;height:100%;object-fit:cover}.howto-text{min-height:112px}.howto-text.in{animation:howto-in .4s ease}@keyframes howto-in{0%{opacity:0;transform:translateY(4px)}}.howto-title{margin:0;font-family:var(--serif);font-weight:300;font-size:40px;line-height:1;letter-spacing:-.005em;color:var(--on);text-wrap:balance}.howto-body{margin:12px 0 0;max-width:46ch;font-size:17px;font-weight:300;line-height:1.5;color:var(--on-2)}.howto-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.howto-numbers{display:flex;align-items:baseline;gap:2px;margin-left:-8px}.howto button.howto-number{min-width:30px;height:34px;display:grid;place-items:center;font-family:var(--serif);font-weight:400;font-size:22px;font-variant-numeric:lining-nums;color:var(--on-3)}.howto button.howto-number:hover{color:var(--on-2)}.howto button.howto-number[aria-current=step]{color:var(--straw)}.howto-buttons{display:flex;align-items:center;gap:30px}.howto button.howto-back,.howto button.howto-next{display:inline-flex;align-items:center;gap:10px}.howto-back{font-size:15px}.howto button.howto-next{font-family:var(--serif);font-style:italic;font-weight:500;font-size:24px;color:var(--on)}.howto-arrow{display:block;flex:none;transition:transform .2s ease}.howto-next .howto-arrow{width:26px;height:12px;margin-top:2px}.howto-next:hover .howto-arrow{transform:translate(3px)}.howto-back:hover .howto-arrow{transform:translate(-3px)}.howto-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:640px){.howto-inner{gap:16px}.howto-text{min-height:128px}.howto-title{font-size:30px}.howto-body{font-size:16px}.howto-buttons{gap:22px}}@media(prefers-reduced-motion:reduce){.howto,.howto-text.in{animation:none;opacity:1}.howto-arrow{transition:none}}.reconnecting{position:fixed;left:50%;bottom:calc(max(34px,env(safe-area-inset-bottom)) + 40px);transform:translate(-50%);z-index:5;font-family:var(--serif);font-style:italic;font-weight:500;font-size:20px;text-shadow:var(--shade);animation:breathe 1.6s ease-in-out infinite alternate;pointer-events:none}@keyframes breathe{0%{opacity:.45}to{opacity:1}}@media(max-width:640px){:root{--edge: 20px}.gone h2{font-size:42px}.count .n{font-size:48px}.count .of{font-size:19px}.progress{width:130px}.count .sub,.me .sub .extra,.ticks,.valley,.stats{display:none}.me .big{font-size:26px}.day{top:auto;bottom:max(56px,env(safe-area-inset-bottom))}.day .big{font-size:26px}.hint{display:none}.banner{padding:40px 30px;white-space:normal;width:90vw}.banner h2{font-size:40px}}