:root{--ink:#05060c;--star:#e9e3d3;--star-bright:#f6f2e7;--star-dim:#e9e3d352;--hairline:#e9e3d31a;--ember:#ff8a54;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--ui:-apple-system, "SF Pro Text", "Helvetica Neue", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}.preload *{transition:none!important;animation:none!important}html,body{background:var(--ink);overscroll-behavior:none;height:100%;overflow:hidden}#scene{opacity:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;transition:opacity 2s;display:block;position:fixed;inset:0}body.ready #scene{opacity:1}#hud{opacity:1;pointer-events:none;font-family:var(--serif);color:var(--star);position:fixed;inset:0}#begin{cursor:pointer;pointer-events:none;-webkit-tap-highlight-color:transparent;opacity:1;background:0 0;border:none;width:86px;height:86px;padding:0;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}body.ready #begin:not(.gone){pointer-events:auto}#begin:before{content:"";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:radial-gradient(circle at 32% 28%,#e9e3d34d,#e9e3d314 58%),#e9e3d31a;border:1px solid #e9e3d3d9;border-radius:50%;transition:border-color .5s,box-shadow .5s;position:absolute;inset:0}body.ready #begin:before{animation:1.4s .5s forwards begin-in,4.5s ease-in-out 1.9s infinite begin-breathe}@keyframes begin-in{0%{opacity:0}to{opacity:.95}}@keyframes begin-breathe{0%,to{opacity:.97;box-shadow:0 0 30px #e9e3d32e}50%{opacity:1;box-shadow:0 0 48px #e9e3d35c}}#begin:hover:before{border-color:#e9e3d3b3;box-shadow:0 0 34px #e9e3d324}#begin-ember{background:var(--ember);border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;transition:transform .9s,opacity .9s;animation:4.5s ease-in-out infinite ember-breathe;position:absolute;top:50%;left:50%;box-shadow:0 0 8px 2px #ff8a54cc,0 0 26px 6px #ff8a5447}body.preload #begin-ember{animation:2.2s ease-in-out infinite ember-breathe!important}@keyframes ember-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}#begin.gone{pointer-events:none;transition:transform .95s cubic-bezier(.3,.7,.25,1),opacity 0s linear .95s;transform:translate(-50%,-50%)translateY(52px)scale(.744);opacity:0!important;animation:none!important}#begin.gone:before,#begin.gone:hover:before{opacity:.97;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 32% 28%,#e9e3d34d,#e9e3d314 58%),#282c428c;border-color:#e9e3d3d9!important;transition:none!important;animation:none!important;box-shadow:0 0 30px #e9e3d32e!important}#begin.gone #begin-ember{opacity:1;transition:none;transform:scale(1);animation:none!important}#begin-label{font-family:var(--ui);letter-spacing:.28em;text-indent:.28em;text-transform:uppercase;color:var(--star-bright);white-space:nowrap;text-shadow:0 0 18px #e9e3d366,0 1px 12px #05060ccc;opacity:0;font-size:15px;font-weight:600;position:absolute;top:calc(44% + 60px);left:50%;transform:translate(-50%)}body.ready #begin-label:not(:empty){animation:1.6s 1.2s forwards sub-in}#begin-label.gone{transition:opacity .4s;opacity:0!important;animation:none!important}#sound-hint{font-family:var(--ui);letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:#e9e3d394;white-space:nowrap;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:8px 12px;font-size:10px;font-weight:500;transition:opacity .7s;position:absolute;top:calc(44% + 94px);left:50%;transform:translate(-50%)}body.ready #sound-hint:not(.gone){animation:1.4s 1.35s forwards sub-in}#sound-hint.gone{pointer-events:none;opacity:0!important;animation:none!important}#sound-hint.needs-sound{color:var(--star-bright);text-underline-offset:5px;pointer-events:auto;cursor:pointer;-webkit-text-decoration:underline #e9e3d373;text-decoration:underline #e9e3d373;opacity:.94!important;animation:none!important}@keyframes sub-in{0%{opacity:0}to{opacity:1}}#begin-over{font-family:var(--ui);letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--star);white-space:nowrap;opacity:0;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:8px 14px;font-size:11px;font-weight:600;transition:opacity .5s;position:absolute;top:calc(44% + 170px);left:50%;transform:translate(-50%)}body.ready #begin-over.shown{pointer-events:auto;text-underline-offset:5px;-webkit-text-decoration:underline #e9e3d34d;text-decoration:underline #e9e3d34d;animation:1.6s 1.6s forwards sub-in}#begin-over.shown:hover{text-decoration-color:#e9e3d3b3}#begin-over.gone{opacity:0!important;pointer-events:none!important;animation:none!important}#skynote{font-family:var(--ui);letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--star-bright);white-space:nowrap;text-shadow:0 0 22px #e9e3d373;opacity:0;pointer-events:none;text-align:center;font-size:15px;font-weight:600;line-height:2.2;transition:opacity 1.8s;position:absolute;top:21%;left:50%;transform:translate(-50%)}#skynote.shown{opacity:1}#skynote.gone{transition:opacity .6s;opacity:0!important}#bar{width:80%;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));opacity:.9;background:#e9e3d31f;border-radius:5px;height:10px;transition:opacity 1.8s;position:absolute;transform:translate(-50%);box-shadow:0 0 16px #ff3c281f}#bar.driving{opacity:1}#bar-fill{transform-origin:0;background:linear-gradient(90deg,#ff301e8c,#ff4a2ef2);border-radius:5px;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 16px #ff342080}#bar-ember{background:var(--ember);opacity:.35;border-radius:50%;width:5px;height:5px;transition:opacity 1.4s;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 6px 1px #ff8a54cc,0 0 18px 4px #ff8a5440}#bar.driving #bar-ember{opacity:1}#glass{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(9px)saturate(1.15);backdrop-filter:blur(9px)saturate(1.15);opacity:0;background:radial-gradient(circle at 32% 28%,#e9e3d342,#e9e3d30f 58%),#e9e3d317;border:1px solid #e9e3d399;border-radius:50%;width:64px;height:64px;margin-left:-32px;display:none;position:absolute;box-shadow:0 0 26px #e9e3d31a,inset 0 0 14px #e9e3d314}@media (pointer:coarse){#glass{display:block}#begin:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 32% 28%,#e9e3d34d,#e9e3d314 58%),#282c428c}}#glass-ember{background:var(--ember);opacity:1;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;transition:opacity .35s;position:absolute;top:50%;left:50%;box-shadow:0 0 7px 2px #ff8a54e6,0 0 18px 5px #ff8a5459}#glass.held #glass-ember{opacity:0}#mute{top:calc(16px + env(safe-area-inset-top));color:var(--star);opacity:0;pointer-events:none;cursor:pointer;-webkit-tap-highlight-color:transparent;left:calc(16px + env(safe-area-inset-left));background:0 0;border:none;padding:8px;transition:opacity 2.2s,color .5s;position:absolute}#mute.shown{opacity:.2;pointer-events:auto}#mute.shown:hover{opacity:.55;transition:opacity .4s}#mute .strike{visibility:hidden}#mute.muted .strike{visibility:visible}#mute.muted .wave{visibility:hidden}#title{letter-spacing:.32em;text-indent:.32em;white-space:nowrap;color:var(--star);text-shadow:0 0 42px #e9e3d359;opacity:0;font-size:clamp(30px,6.5vw,68px);font-weight:300;transition:opacity 6s,letter-spacing 9s;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}#title.shown{opacity:.92;letter-spacing:.4em}#again{letter-spacing:.3em;color:var(--star-dim);opacity:0;pointer-events:none;background:0 0;border:none;padding:8px 12px;font-size:12px;font-style:italic;font-weight:300;transition:opacity 3s 3s;position:absolute;top:56%;left:50%;transform:translate(-50%)}#again.shown{opacity:.7;pointer-events:auto;cursor:pointer}body:after{content:"";pointer-events:none;z-index:10;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(4,end) infinite grain;position:fixed;inset:-60%}@media (width<=720px){body:after{animation:none}}@media (pointer:coarse){#mute{top:calc(18px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));padding:12px}#mute svg{width:24px;height:24px}#mute.shown{opacity:.55}#begin{top:auto;bottom:calc(122px + env(safe-area-inset-bottom));transform:translate(-50%)}#begin.gone{transform:translate(-50%)translateY(71px)scale(.744)}#begin-label{top:auto;bottom:calc(92px + env(safe-area-inset-bottom))}#sound-hint{top:auto;bottom:calc(56px + env(safe-area-inset-bottom));font-size:10px}#begin-over{top:auto;bottom:calc(16px + env(safe-area-inset-bottom));padding:12px 18px;font-size:15px}#skynote{top:auto;bottom:calc(190px + env(safe-area-inset-bottom));letter-spacing:.26em;text-indent:.26em;font-size:12px}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}