:root{font-family:Arial,Helvetica,sans-serif;color:#fff7eb;background:#000;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{color:inherit}button{font:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:1px solid #fff;outline-offset:8px}#sky{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:ew-resize}header,footer{position:fixed;left:44px;right:44px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 1px 18px #18304455}header{top:34px;align-items:center}header>*,footer button{pointer-events:auto}.wordmark{font-family:Georgia,serif;font-size:36px;text-decoration:none;letter-spacing:-2px}.wordmark span{display:inline-block;font:10px Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;margin-left:20px;vertical-align:middle;opacity:.7}#settings-toggle{font-size:12px;letter-spacing:.4px;padding:10px 0 10px 20px}#settings-toggle span{margin-left:14px}footer{bottom:53px;align-items:flex-end;gap:24px}.time-line{display:flex;align-items:baseline;gap:18px}#clock{font-family:Georgia,serif;font-size:49px;letter-spacing:-1.8px;font-variant-numeric:tabular-nums}#clock small{font-size:23px;letter-spacing:0}#play{font-size:18px;width:28px;height:36px;opacity:.75}.instructions{text-align:center;font-size:11px;letter-spacing:.6px;position:absolute;left:50%;transform:translate(-50%);bottom:0;white-space:nowrap}.keyboard-hint{display:block;font-size:10px;opacity:.5;margin-top:10px}.timeline{position:fixed;bottom:0;left:0;right:0;height:22px}.timeline input{width:100%;margin:0;height:22px;appearance:none;background:transparent;cursor:ew-resize}.timeline input::-webkit-slider-runnable-track{height:2px;background:#fff3}.timeline input::-webkit-slider-thumb{appearance:none;background:#fff9;width:30px;height:2px}.timeline input::-moz-range-track{height:2px;background:#fff3}.timeline input::-moz-range-thumb{border:0;border-radius:0;width:30px;height:3px;background:#fff}aside{position:fixed;right:36px;top:88px;width:265px;padding:24px;background:#172a3a55;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #ffffff26;border-radius:12px}aside label{display:block;font-size:12px;margin-bottom:23px}aside label:last-child{margin:0}output{float:right;opacity:.6}aside input{display:block;width:100%;margin:15px 0 0;accent-color:#eee3ce}select{float:right;background:#253d50;border:0;border-radius:3px}#error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:460px;background:#172a3ae8;border-radius:14px;padding:30px;line-height:1.6}#error[hidden],aside[hidden]{display:none}@media(max-width:700px){header,footer{left:24px;right:24px}header{top:24px}.wordmark span{display:none}footer{bottom:50px;flex-wrap:wrap}.instructions{position:static;transform:none;text-align:left;order:3;width:100%;margin-top:12px;font-size:10px}.keyboard-hint{display:none}#clock{font-size:43px}aside{right:20px}}footer{text-shadow:0 1px 5px #000b,0 2px 20px #0007}body:after{content:"";position:fixed;inset:65% 0 0;pointer-events:none;background:linear-gradient(transparent,#07101b45);z-index:0}header,footer,.timeline,aside,#error{z-index:1}#house{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}#house[hidden]{display:none}.wordmark{font-size:27px;letter-spacing:-1px}.wordmark span{display:block;font-size:9px;margin:8px 0 0;letter-spacing:2px}header{align-items:flex-start}.intro{position:fixed;top:135px;left:44px;color:#fff9ee;pointer-events:none;text-shadow:0 2px 20px #233c4a44}.intro h1{font:clamp(34px,4vw,60px)/1.04 Georgia,serif;letter-spacing:-2px;margin:0 0 18px}.intro>span{font-size:11px;opacity:.8}dialog{width:min(490px,90vw);border:1px solid #fff3;border-radius:16px;background:#203240ed;color:#fff5e4;padding:40px;font-size:14px;line-height:1.7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}dialog::backdrop{background:#07182766;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font:32px Georgia,serif}#about-close{position:absolute;right:20px;top:14px;font-size:26px}.about-note{opacity:.55;font-size:12px}#settings{z-index:3}@media(max-width:700px){header{gap:12px}.wordmark{font-size:22px}.wordmark span{font-size:7px}.intro{top:145px;left:24px}.intro h1{font-size:36px}.intro>span{display:none}#settings-toggle{font-size:10px;padding-top:4px}.instructions{font-size:9px}}@media(max-width:700px){.intro{top:140px}.intro h1{font-size:33px}}body[data-fallback] #sky{cursor:default}body[data-fallback]:before{content:"";position:fixed;inset:0;background:url(/assets/site-fallback.webp) 65% bottom/cover no-repeat,linear-gradient(#5f8fbb,#9dbcd4 46%,#d6dfe0)}body[data-fallback] .timeline,body[data-fallback] .moment,body[data-fallback] .instructions,body[data-fallback] #settings-toggle,body[data-fallback] #settings{display:none}#fallback-note{max-width:330px;font-size:12px;line-height:1.65;opacity:.75;margin:26px 0 0}#fallback-note[hidden]{display:none}.intro h1{margin:0}#intro-open{pointer-events:auto;display:inline-block;padding:.3em .58em .36em .6em;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;border:2px solid #fff9eeb8;border-radius:16px;background:#ffffff0f;transition:border-color .18s,background-color .18s}#intro-open:hover,#intro-open:focus-visible{border-color:#fff9ee;background:#ffffff26}#intro-open:focus-visible{outline:2px solid #ffe9c4;outline-offset:5px}.about-head{display:flex;align-items:center;gap:20px;margin:0 0 22px}.about-portrait{width:124px;height:158px;object-fit:cover;object-position:50% 50%;border-radius:12px;border:1px solid #fff3;flex:none}.about-name p{margin:0 0 6px}.about-name h2{margin:0}dialog .about-name p{font-size:10px;letter-spacing:2px}@media(max-width:700px){#intro-open{border-bottom-width:1px}.about-head{gap:14px}.about-portrait{width:100px;height:128px}}header{top:calc(34px + env(safe-area-inset-top))}header,footer{left:calc(44px + env(safe-area-inset-left));right:calc(44px + env(safe-area-inset-right))}footer{bottom:calc(53px + env(safe-area-inset-bottom))}.timeline{bottom:env(safe-area-inset-bottom);left:env(safe-area-inset-left);right:env(safe-area-inset-right)}.intro{top:calc(135px + env(safe-area-inset-top));left:calc(44px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right))}aside{top:calc(88px + env(safe-area-inset-top));right:calc(36px + env(safe-area-inset-right))}@media(max-width:700px){header{top:calc(20px + env(safe-area-inset-top))}header,footer{left:calc(24px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right))}footer{bottom:calc(78px + env(safe-area-inset-bottom))}.timeline{bottom:calc(14px + env(safe-area-inset-bottom))}.intro{top:calc(112px + env(safe-area-inset-top));left:calc(24px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right))}.intro h1{font-size:clamp(28px,8.4vw,38px)}#intro-open{border-width:1.5px;border-radius:13px}aside{top:calc(76px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right))}}#play{align-self:baseline;transform:translateY(-.3em);height:auto;padding:9px 0}