@layer reset,base,prose,utilities;@layer story{:root{--sky-dusk:linear-gradient(to top, color-mix(in oklab, var(--accent-strong) 38%, var(--ink-3)), color-mix(in oklab, var(--accent) 24%, var(--ink)) 45%, var(--ink));--sky-night:linear-gradient(to top, color-mix(in oklab, var(--accent) 26%, var(--ink-2)), var(--ink) 65%);--sky-deep:linear-gradient(to top, var(--ink-3), var(--ink) 60%);--sky-void:linear-gradient(to top, var(--ink-2), var(--ink) 40%);--sky-grey:linear-gradient(to top, color-mix(in oklab, var(--paper-dim) 20%, var(--ink-3)), color-mix(in oklab, var(--accent) 14%, var(--ink)) 65%, var(--ink));--sky-dawn:linear-gradient(to top, color-mix(in oklab, var(--signal) 9%, color-mix(in oklab, var(--paper-dim) 26%, var(--ink-3))), color-mix(in oklab, var(--accent-text) 16%, var(--ink-3)) 40%, color-mix(in oklab, var(--accent) 20%, var(--ink)) 78%, var(--ink));--scrim:color-mix(in oklab, var(--ink) 80%, transparent);--hud-h:2.75rem;--dial-h:1.75rem;--stage-h:clamp(11rem, 36svh, 24rem);--stage-inset-start:0px;--band-foot:calc(var(--dial-h) + env(safe-area-inset-bottom,0px));--card-col:min(34rem, 46vw);--rule:1.6rem;--fig-cell:2;--margin-gap:1.25rem;--z-sky:0;--z-stars:1;--z-stage:3;--z-page:10;--z-hud:20;--z-egg:50}@media (height<=700px){:root{--stage-h:clamp(9rem, 34svh, 20rem)}}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){:root{--stage-h:100svh;--stage-inset-start:calc(var(--card-col) + 2 * var(--gutter));--band-foot:0px;--rule:1.75rem;--fig-cell:3}}@media (width>=110rem){:root{--fig-cell:4}}@media (width<=59.99rem) and (height<=760px) and (orientation:portrait){:root{--fig-cell:1.5}}@media (width<=59.99rem) and (height<=760px) and (orientation:portrait) and (resolution>=2.5x){:root{--fig-cell:1.3334}}@media (orientation:landscape) and (width<=59.99rem) and (height<=32.5rem){:root{--fig-cell:2}}html{scroll-snap-type:y mandatory}@media (prefers-reduced-motion:reduce),(height<=32.5rem){html{scroll-snap-type:y proximity}}html[data-stage=live],html[data-skipping]{scroll-snap-type:none}html:not([data-stage=live]){scroll-behavior:auto}.label{font-size:var(--step--1)}.chapter{z-index:var(--z-page);scroll-snap-align:start;grid-template-rows:var(--stage-h) auto;background:var(--sky-night);align-content:start;min-block-size:100svh;display:grid;position:relative}.chapter[data-sky=dusk]{background:var(--sky-dusk)}.chapter[data-sky=night]{background:var(--sky-night)}.chapter[data-sky=deep]{background:var(--sky-deep)}.chapter[data-sky=void]{background:var(--sky-void)}.chapter[data-sky=grey]{background:var(--sky-grey)}.chapter[data-sky=dawn]{background:var(--sky-dawn)}.frame{block-size:var(--stage-h);grid-row:1;margin:0;position:relative;overflow:clip}.frame .art{block-size:calc(var(--stage-h) * 420 / 300);inline-size:calc(var(--stage-h) * 840 / 300);max-inline-size:none;position:absolute;inset-block-end:calc(var(--drop,0) * -1 * var(--stage-h) / 300);inset-inline-start:calc(50% - (var(--pf,240) + 360) * var(--stage-h) / 300)}.chapter:before{content:"";border-block-start:1px dashed var(--line);pointer-events:none;position:absolute;inset-block-start:0;inset-inline:0}.card{isolation:isolate;inline-size:min(100%, calc(34rem + 2 * var(--gutter)));padding-inline:calc(var(--gutter) + var(--margin-gap)) var(--gutter);line-height:var(--rule);--rule:1.4rem;--margin-gap:1.1rem;--step--1:.78rem;--step-0:1rem;--step-1:1.2rem;--step-3:1.95rem;grid-row:2;align-self:start;margin-inline:auto;padding-block-start:var(--rule);padding-block-end:calc(var(--dial-h) + var(--rule) + env(safe-area-inset-bottom,0px));position:relative}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){.chapter{grid-template-columns:var(--stage-inset-start) 1fr;grid-template-rows:1fr}.frame{grid-area:1/1/auto/-1}.frame .art{block-size:100%;inline-size:100%;inset:0}.card{margin-inline:0;margin-block:calc(var(--hud-h) + var(--space-3) + var(--space-4)) calc(var(--dial-h) + var(--space-4));inline-size:fit-content;min-inline-size:min(100%, calc(20rem + 2 * var(--gutter)));max-inline-size:min(100%, calc(var(--card-col) + 2 * var(--gutter)));padding-block:var(--rule);--rule:1.6rem;--margin-gap:1.2rem;--step--1:.8rem;--step-0:1.05rem;--step-1:1.25rem;--step-3:2rem;grid-area:1/1;align-self:start}[data-kind=sign-on] .card{margin-block:calc(var(--hud-h) + var(--space-4)) calc(var(--dial-h) + var(--space-4));align-self:center}}.frame:before{--star:color-mix(in oklab, var(--paper) 70%, transparent);content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 6% 13%, var(--star) 0 1px, transparent 1.6px), radial-gradient(circle at 17% 38%, var(--star) 0 1.2px, transparent 1.8px), radial-gradient(circle at 29% 8%, var(--star) 0 .8px, transparent 1.4px), radial-gradient(circle at 38% 29%, var(--star) 0 1px, transparent 1.6px), radial-gradient(circle at 61% 11%, var(--star) 0 1.2px, transparent 1.8px), radial-gradient(circle at 72% 34%, var(--star) 0 .8px, transparent 1.4px), radial-gradient(circle at 84% 19%, var(--star) 0 1px, transparent 1.6px), radial-gradient(circle at 95% 43%, var(--star) 0 1px, transparent 1.6px);opacity:.7;position:absolute;inset:0}[data-sky=dusk]>.frame:before{opacity:.15}[data-sky=night]>.frame:before{opacity:.7}[data-sky=deep]>.frame:before,[data-sky=void]>.frame:before{opacity:1}[data-sky=grey]>.frame:before{opacity:.3}[data-sky=dawn]>.frame:before{opacity:0}.card:before{content:"";z-index:-1;pointer-events:none;--paper-sheet:color-mix(in oklab, color-mix(in oklab, var(--ink-2) 86%, var(--accent)) 94%, transparent);--paper-rule:color-mix(in oklab, var(--accent-strong) 38%, transparent);--paper-margin:color-mix(in oklab, var(--signal) 55%, var(--ink-2));background-color:var(--paper-sheet);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65 .09' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"), linear-gradient(to right, transparent calc(var(--gutter) + var(--margin-gap) / 2 - 1px), var(--paper-margin) calc(var(--gutter) + var(--margin-gap) / 2 - 1px) calc(var(--gutter) + var(--margin-gap) / 2), transparent calc(var(--gutter) + var(--margin-gap) / 2)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--rule) - 1px), var(--paper-rule) calc(var(--rule) - 1px) var(--rule));background-position:0 0, 0 0, 0 calc(var(--rule) * -.22);box-shadow:0 1.5rem 2.5rem -1.5rem color-mix(in oklab, var(--ink) 90%, transparent);clip-path:polygon(0 6px,4% 0,9% 5px,15% 1px,22% 6px,30% 0,38% 5px,47% 1px,55% 6px,64% 0,72% 5px,81% 1px,90% 6px,96% 1px,100% 5px,100% 100%,0 100%);position:absolute;inset:0}.card:after{content:"";background:color-mix(in oklab, var(--paper-dim) 20%, transparent);pointer-events:none;block-size:1.5rem;inline-size:5.5rem;margin-inline:auto;position:absolute;inset-block-start:calc(-1 * var(--space-3));inset-inline:0;rotate:-4deg}.card a,.card button{scroll-margin-block:calc(var(--hud-h) + 8px) calc(var(--dial-h) + 8px)}.card>*+*{margin-block-start:var(--rule)}.card>.stamp+*{margin-block-start:0}.card h2{font-size:var(--step-1);line-height:var(--rule)}.host>p{max-inline-size:36ch;font-size:var(--step-0);text-wrap:pretty}.host>*+*{margin-block-start:var(--rule)}.host>blockquote{max-inline-size:36ch;border-inline-start:2px solid var(--accent-strong);font-size:calc(var(--step-0) * .92);color:var(--paper-dim);text-wrap:pretty;padding-inline-start:var(--space-4);font-style:italic}@media not ((width>=60rem) or ((orientation:landscape) and (width>=37.5rem) and (height<=32.5rem))){@media (height<=700px){.card .conditions{display:none}}}.card .conditions{contain:inline-size;inline-size:min(100%,22rem);padding:calc(var(--space-2) + .3em) var(--space-3) var(--space-2);border:1px solid color-mix(in oklab, var(--paper-dim) 55%, transparent);background:color-mix(in oklab, var(--paper) 5%, transparent);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-mono);color:var(--paper-dim);margin-block-start:var(--rule);line-height:1.7;position:relative;rotate:-.6deg}.card .conditions:before{content:"observations";background:var(--ink-2);color:var(--accent-text);text-transform:uppercase;padding-inline:.4em;font-size:.85em;position:absolute;inset-block-start:-.75em;inset-inline-start:var(--space-2)}.conditions__readings{margin:0}.conditions__note{margin:var(--space-2) 0 0;padding:var(--space-2) 0 0;border-block-start:1px dashed color-mix(in oklab, var(--paper-dim) 45%, transparent);font-family:var(--font-serif);font-size:calc(var(--step-0) * .92);letter-spacing:normal;color:var(--paper-dim);text-wrap:pretty;font-style:italic;line-height:1.45}.conditions__note p{margin:0}.conditions__row{align-items:baseline;gap:.4em;display:flex}.conditions__row dt{flex:none}.conditions__row:after{content:"";border-block-end:1px dotted color-mix(in oklab, var(--paper-dim) 70%, transparent);flex:1;order:1;block-size:.8em;min-inline-size:1.5em}.conditions__row dd{color:var(--paper);text-align:end;order:2;margin:0}@media (width>=60rem){.card h2{font-size:var(--step-3);line-height:calc(var(--rule) * 2)}.host>p{font-size:var(--step-1)}}.stamp{inline-size:fit-content;line-height:calc(var(--rule) - 2px);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--accent-text);border:1px dashed;padding:0 .5em;rotate:-1.2deg}.card__head{justify-content:space-between;align-items:center;column-gap:var(--space-3);flex-wrap:wrap-reverse;display:flex}.card__head>h2{margin:0}.card__head>.stamp{flex:none;margin-block-start:.35em;margin-inline-start:auto;rotate:1.4deg}.stamp--ph{color:var(--paper-dim)}.card--cover{rotate:-.6deg}.card--cover>.badge+.strip{margin-block-start:0}.strip{background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;rotate:var(--r,-1deg);box-shadow:1px 2px 0 color-mix(in oklab, var(--ink) 65%, transparent);margin:0;padding:.1em .25em;line-height:1.35;display:inline-block}.strip__keys{flex-wrap:wrap;display:inline-flex}.strip b{border-inline-start:1px solid color-mix(in oklab, var(--ink) 40%, transparent);padding:0 .2em;font-weight:700}.strip b:first-child,.strip i+b{border-inline-start:0}.strip i{inline-size:.7em}.strip--kicker{--r:-1.8deg;font-size:calc(var(--step--1) * .9)}.strips{align-items:flex-start;gap:var(--space-2);flex-direction:column;display:flex}.strips .strip:nth-child(2){--r:1.4deg;margin-inline-start:1.6em}.strips .strip:nth-child(3){--r:-2.2deg;margin-inline-start:.6em}.ransom{z-index:2;isolation:isolate;inline-size:fit-content;margin-block:var(--space-4) var(--space-3);font-size:calc(var(--rule) * 2.3);margin-inline-start:.4em;font-weight:400;line-height:1.12;position:relative}.ransom:before{content:"";z-index:-1;background:var(--paper);clip-path:polygon(0% 20%,6% 6%,10% 19%,17% 0%,22% 14%,30% 3%,34% 16%,43% 0%,48% 13%,57% 2%,62% 15%,71% 0%,76% 13%,85% 3%,89% 16%,100% 5%,96% 28%,100% 47%,95% 61%,100% 81%,92% 86%,97% 100%,85% 91%,78% 100%,70% 89%,61% 100%,54% 90%,45% 100%,38% 88%,29% 100%,22% 90%,12% 100%,8% 87%,0% 96%,4% 76%,0% 61%,5% 46%,0% 32%);filter:drop-shadow(2px 3px 0 color-mix(in oklab, var(--ink) 70%, transparent));position:absolute;inset:-.38em -.7em -.32em -.55em;rotate:-2deg}.ransom__word{white-space:nowrap;display:inline-block}.ransom__word--0{inline-size:fit-content;margin-block-end:.14em;font-size:.62em;display:block}.ransom__word--1 .cut{text-transform:uppercase}.cut{rotate:var(--r);translate:0 var(--dy);box-shadow:1px 1px 0 color-mix(in oklab, var(--ink) 55%, transparent);margin-inline-end:.04em;padding:.02em .11em .07em;line-height:1;display:inline-block}.cut--0{background:var(--paper);color:var(--ink);font-family:var(--font-serif);outline:1px solid color-mix(in oklab, var(--ink) 25%, transparent);outline-offset:-1px;font-weight:700}.cut--1{background:var(--ink);color:var(--paper);font-family:var(--font-mono);text-transform:uppercase;font-size:.86em}.cut--2{background:var(--accent);color:var(--paper);font-family:var(--font-serif);font-style:italic}.cut--3{background:var(--paper-dim);color:var(--ink);font-family:var(--font-mono);font-weight:700}.cut--4{background:var(--ink-3);color:var(--accent-text);font-family:var(--font-serif);outline:1px dashed var(--paper-dim);outline-offset:-3px}.cut--5{background:color-mix(in oklab, var(--signal) 72%, var(--paper));color:var(--ink);font-family:var(--font-serif);text-transform:uppercase;font-size:.9em;font-weight:700}.cut--6{background:var(--paper);color:var(--accent-strong);font-family:var(--font-serif);font-size:1.1em;font-style:italic}.cut--7{background:var(--ink-2);color:var(--paper);font-family:var(--font-mono);border:1px solid var(--paper)}.badge{z-index:3;aspect-ratio:1;inline-size:8rem;filter:drop-shadow(2px 3px 0 color-mix(in oklab, var(--ink) 70%, transparent));position:absolute;inset-block-start:calc(-1 * var(--space-6));inset-inline-end:calc(-1 * var(--space-5));rotate:12deg}.badge svg{block-size:100%;inline-size:100%;position:absolute;inset:0}.badge__disc{fill:var(--paper);stroke:var(--ink);stroke-width:1.5px}.badge__text{fill:var(--ink);font-family:var(--font-mono);text-transform:uppercase;font-size:8.5px;font-weight:700}.badge__photo,.badge__fm{object-fit:cover;filter:grayscale()brightness(1.45)contrast(1.2);border-radius:50%;block-size:70%;inline-size:70%;position:absolute;inset:15%}.badge__fm{background:var(--ink);color:var(--paper);font-family:var(--font-mono);filter:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.collage{align-items:flex-start;gap:var(--space-2);margin-block:-1.1rem var(--space-3);padding-inline:var(--space-2);display:flex;position:relative}.collage:empty{display:none}.clip{min-inline-size:0;max-inline-size:9rem;rotate:var(--r);filter:drop-shadow(2px 3px 0 color-mix(in oklab, var(--ink) 75%, transparent));flex:1 1 0;margin:0;position:relative}.clip__cut{background:var(--paper);clip-path:var(--cut);padding:5px}.clip img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.9)contrast(1.05);inline-size:100%;display:block}.clip--a{z-index:0;--r:-2deg;flex:none;inline-size:17rem;max-inline-size:none;margin-inline-end:-8rem;translate:0 -.9rem}.clip--b{z-index:1}.clip--c{z-index:3}.clip--over{z-index:3;mask-image:linear-gradient(to bottom, white var(--over), transparent calc(var(--over) + 5%));pointer-events:none;margin:0;position:absolute;inset-block-start:0;inset-inline-start:var(--space-2)}.clip--b{--r:3deg;--cut:polygon(0% 2%, 96% 0%, 100% 97%, 4% 100%);translate:0 .7em}.clip--c{--r:-1.5deg;--cut:polygon(3% 1%, 99% 0%, 100% 99%, 0% 97%)}.clip--shaped{--edge:3px;filter:drop-shadow(var(--edge) 0 0 var(--paper)) drop-shadow(calc(-1 * var(--edge)) 0 0 var(--paper)) drop-shadow(0 var(--edge) 0 var(--paper)) drop-shadow(0 calc(-1 * var(--edge)) 0 var(--paper)) drop-shadow(2px 3px 0 color-mix(in oklab, var(--ink) 75%, transparent))}.clip--shaped .clip__cut{background:0 0;padding:0;position:relative;overflow:hidden}.clip--shaped img{aspect-ratio:auto;object-fit:fill;block-size:auto;max-inline-size:none;position:absolute}.clip--b:after{content:"";background:color-mix(in oklab, var(--paper-dim) 45%, transparent);block-size:.9rem;inline-size:40%;position:absolute;inset-block-start:-.45rem;inset-inline-start:30%;rotate:-6deg}.clip--empty{aspect-ratio:4/5;background:color-mix(in oklab, var(--paper) 10%, transparent);border:1px dashed var(--paper-dim);clip-path:none;color:var(--paper-dim);font-family:var(--font-mono);font-size:var(--step--1);place-items:center;padding:0;display:grid}@media not ((width>=60rem) or ((orientation:landscape) and (width>=37.5rem) and (height<=32.5rem))){.badge{inline-size:5.6rem;inset-block-start:calc(-1 * var(--space-3));inset-inline-end:var(--space-2)}.ransom{font-size:calc(var(--rule) * 1.9)}.clip{max-inline-size:6.5rem}.clip--a{inline-size:11rem;max-inline-size:none;margin-inline-end:-5.5rem;translate:0 -.6rem}}.card mark{color:inherit;background:linear-gradient(100deg, transparent .2em, color-mix(in oklab, var(--accent) 70%, transparent) .4em, color-mix(in oklab, var(--accent) 55%, transparent) calc(100% - .5em), transparent calc(100% - .2em));-webkit-box-decoration-break:clone;box-decoration-break:clone;margin:0 -.15em;padding:0 .15em}[data-kind=sign-on] .host em{background:var(--ink);color:var(--paper);font-family:var(--font-mono);letter-spacing:.08em;box-shadow:0 1px 0 var(--line);padding:0 .35em;font-size:.82em;font-style:normal;line-height:1.35;display:inline-block;rotate:-1.5deg}.final>*+*{margin-block-start:var(--space-3)}.final h2{font-size:var(--step-2)}.final .p-note{color:var(--paper-dim);font-style:italic}.final__nav{row-gap:var(--space-4);margin-block-start:var(--space-5);display:grid}.final__sites{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.final__site{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:44px;padding-inline:var(--space-3);font-family:var(--font-mono);font-size:var(--step-0);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--paper);background:var(--accent);border:1px solid var(--accent-strong);border-radius:var(--radius);box-shadow:inset 0 -2px 0 color-mix(in oklab, var(--ink) 45%, transparent);transition:background-color var(--dur) var(--ease), translate var(--dur) var(--ease);font-weight:700;text-decoration:none;display:flex}.final__go{transition:translate var(--dur) var(--ease)}.final__sites li{container-type:inline-size}@container (width<8.5rem){.final__site{padding-inline:var(--space-2);font-size:var(--step--1)}}@container (width<7.5rem){.final__site{justify-content:center}.final__go{display:none}}.final__site:hover{background:var(--accent-strong)}.final__site:hover .final__go{translate:3px}.final__site:active{translate:0 1px}.final__chips{gap:var(--space-3) var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.final__chip{padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--paper-dim);border:1px solid var(--line);border-radius:var(--radius);transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);text-decoration:none;display:inline-block;position:relative}.final__chip:after{content:"";position:absolute;inset:calc(50% - 22px) 0}.final__chip:hover{color:var(--paper);border-color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, transparent)}@media (prefers-reduced-motion:reduce){.final__chip,.final__site,.final__go{transition:none}}.final p a{padding-block:max(0px,22px - .5lh);display:inline-block}.final__or{white-space:nowrap}.final__name{text-decoration-line:underline;text-decoration-color:var(--accent-strong);text-underline-offset:.2em;text-decoration-thickness:1px}.final[data-await] .final__ch:not([data-shown]){color:#0000;position:relative}.final[data-await] .final__name>.final__ch:first-child:not([data-shown]):before,.final[data-await] .final__ch[data-shown]+.final__ch:not([data-shown]):before{content:"";background:var(--accent-text);inline-size:.08em;animation:.9s step-end infinite caret-blink;position:absolute;inset-block:.12em .08em;inset-inline-start:0}@keyframes caret-blink{50%{opacity:0}}.final[data-await]:not([data-typed]) [data-rise]{opacity:0}.final[data-await][data-typed] [data-rise]{animation:final-rise .5s var(--ease) calc(var(--r,0) * 90ms) both}@keyframes final-rise{0%{opacity:0;translate:0 .6rem}}html[data-motion=calm] .final[data-await] [data-rise]{animation:none}.hello{--hello-ground:max(0px, min(calc(var(--stage-h) * 48 / 300), calc(var(--stage-h) - 96px * var(--fig-cell))));z-index:var(--z-page);scroll-snap-align:start;grid-template-rows:var(--stage-h) auto;background:var(--sky-dawn);align-content:start;min-block-size:100svh;display:grid;position:relative}.hello:before{content:"";z-index:1;border-block-start:1px dashed var(--line);pointer-events:none;position:absolute;inset-block-start:0;inset-inline:0}.hello .final{inline-size:min(calc(100% - 2 * var(--gutter)), 36rem);margin-block:var(--space-5) calc(var(--dial-h) + var(--space-5) + env(safe-area-inset-bottom,0px));padding:clamp(var(--space-5), 5vw, var(--space-7));background:color-mix(in oklab, var(--ink-2) 92%, transparent);border:1px dashed var(--accent-strong);border-radius:var(--radius);grid-row:2;justify-self:center}.hello a{scroll-margin-block:calc(var(--hud-h) + 8px) calc(var(--dial-h) + 8px)}.hello__portrait{block-size:var(--stage-h);grid-row:1;margin:0;position:relative;overflow:clip}.hello__portrait:before{content:"";block-size:var(--hello-ground);background:var(--ink-2);border-block-start:1px solid var(--paper-dim);position:absolute;inset-block-end:0;inset-inline:0}.hello__portrait .fig{--fig-top:calc(var(--stage-h) - var(--hello-ground) - 96px * var(--fig-cell));inline-size:calc(128px * var(--fig-cell));block-size:calc(96px * var(--fig-cell));max-inline-size:none;position:absolute;inset-block-start:var(--fig-top);inset-inline-start:calc(50% - 64px * var(--fig-cell));overflow:visible}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){.hello{--hello-ground:min(calc(100vw * 48 / 840), calc(100svh * 48 / 420));grid-template-columns:var(--stage-inset-start) 1fr;grid-template-rows:1fr}.hello .final{z-index:1;margin-block:calc(var(--hud-h) + var(--space-4)) calc(var(--dial-h) + var(--space-4));grid-area:1/1;align-self:center;position:relative}.hello__portrait{pointer-events:none;block-size:auto;position:absolute;inset:0}.hello__portrait:before{block-size:auto;inset-block-start:calc(100svh - var(--hello-ground))}.hello__portrait .fig{--fig-top:calc(100svh - var(--hello-ground) - 96px * var(--fig-cell));--hello-end:max(0px, min(calc(min(calc(100vw * 240 / 840), calc(100svh * 240 / 420)) - 28px * var(--fig-cell)), calc(100% - var(--stage-inset-start) - 128px * var(--fig-cell))));inset-inline-start:auto;inset-inline-end:var(--hello-end)}}@supports (inline-size:round(nearest, 1.5px, 1px)){.hello__portrait .fig{inset-block-start:round(nearest, var(--fig-top), 1px);inset-inline-start:round(down, calc(50% - 64px * var(--fig-cell)), 1px)}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){.hello__portrait .fig{inset-inline-start:auto;inset-inline-end:round(nearest, var(--hello-end), 1px)}}}html[data-stage=live] .hello{background:0 0}html[data-stage=live] .hello__portrait:before{display:none}html[data-stage=live] .hello [data-anim]{opacity:0}html[data-stage=live] .hello [data-grass]{display:none}html[data-stage=live] .hello__portrait{overflow:clip visible}html[data-stage=live] .hello__portrait .fig[data-walk] [data-man]{visibility:hidden}.hello__bird{pointer-events:none;z-index:3;block-size:100%;inline-size:100%;max-inline-size:none;position:absolute;inset:0;overflow:visible}html[data-stage=live] .chapter{background:0 0}html[data-stage=live] .chapter:before{display:none}html[data-stage=live] .chapter,html[data-stage=live] .hello{pointer-events:none}html[data-stage=live] .card,html[data-stage=live] .hello .final{pointer-events:auto}@media not ((width>=60rem) or ((orientation:landscape) and (width>=37.5rem) and (height<=32.5rem))){html[data-stage=live] .chapter{padding-block:calc(var(--hud-h) + var(--space-3)) var(--band-foot);grid-template-rows:auto}html[data-stage=live] .chapter>.pin>.card{grid-row:1;padding-block-end:var(--rule)}html[data-stage=live] .chapter .card:before{clip-path:polygon(0 0,100% 0,100% calc(100% - 5px),96% calc(100% - 1px),90% calc(100% - 6px),81% calc(100% - 1px),72% calc(100% - 5px),64% 100%,55% calc(100% - 6px),47% calc(100% - 1px),38% calc(100% - 5px),30% 100%,22% calc(100% - 6px),15% calc(100% - 1px),9% calc(100% - 5px),4% 100%,0 calc(100% - 6px))}html[data-stage=live] .hello{min-block-size:100lvh;padding-block:var(--hud-h) var(--band-foot);grid-template-rows:auto 1fr}html[data-stage=live] .hello .final{margin-block:0 var(--space-5);grid-row:1}html[data-stage=live] .hello__portrait{z-index:2;pointer-events:none;grid-row:2;align-self:end;inline-size:100%;position:sticky;inset-block-end:var(--band-foot)}}html[data-stage=live] .frame,html[data-stage=live] .frame:before{display:none}.pin{display:contents}.chapter--long{grid-template-rows:none;grid-auto-rows:auto}.chapter--long>.frame,.chapter--long>.pin{grid-row:auto}.chapter--long>.pin{display:block}.frame__label{z-index:1;color:var(--paper-dim);position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--gutter)}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){.chapter--long{grid-template-rows:repeat(4,100svh)}.chapter--long>.frame{grid-column:1/-1;grid-row:var(--row);block-size:100svh}.chapter--long>.pin{z-index:1;grid-area:1/1/span 4;position:relative}.chapter--long>.pin>.card{position:sticky;inset-block-start:calc(var(--hud-h) + var(--space-4))}}html[data-stage=live] .chapter--long{min-block-size:800svh;padding-block-start:calc(var(--hud-h) + var(--space-3))}html[data-stage=live] .chapter--long>.frame{display:none}html[data-stage=live] .chapter--long>.pin{align-self:start;position:sticky;inset-block-start:min(calc(var(--hud-h) + var(--space-3)), var(--pin-fit,100vh))}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){html[data-stage=live] .chapter--long{padding-block-start:0}html[data-stage=live] .chapter--long>.pin{block-size:100svh;display:grid;inset-block-start:0}html[data-stage=live] .chapter--long>.pin>.card{align-self:start;position:relative}}html[data-stage=live] .chapter:not(.chapter--long,[data-kind=sign-on]){--page-screens:1.9;min-block-size:calc(var(--page-screens) * 100svh)}html[data-stage=live] .chapter:not(.chapter--long,[data-kind=sign-on])>.pin{grid-row:1;align-self:start;display:block;position:sticky;inset-block-start:min(calc(var(--hud-h) + var(--space-3)), var(--pin-fit,100vh))}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){html[data-stage=live] .chapter:not(.chapter--long,[data-kind=sign-on])>.pin{grid-column:1}}html[data-stage=live] .chapter:not([data-kind=sign-on]){padding-block-end:var(--space-6)}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){html[data-stage=live] .chapter:not([data-kind=sign-on])>.pin{block-size:auto;display:block;inset-block-start:min(calc(var(--hud-h) + var(--space-3) + var(--space-4)), var(--pin-fit,100vh))}html[data-stage=live] .chapter:not([data-kind=sign-on])>.pin>.card{margin-block:0}html[data-stage=live] .chapter:not([data-kind=sign-on]){padding-block-start:calc(var(--hud-h) + var(--space-3) + var(--space-4))}}.card__catch{inline-size:fit-content;padding:var(--space-1) var(--space-3);border:1px solid var(--accent);border-radius:var(--radius);background:var(--ink-2);color:var(--paper);white-space:nowrap;opacity:0;visibility:hidden;translate:0 calc(-1 * var(--space-2));pointer-events:none;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease), visibility 0s var(--dur);margin-inline:auto;position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline:0}html[data-stage=live] .card[data-held] .card__catch{opacity:1;visibility:visible;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease);translate:0}html[data-stage=live] .card[data-caught]{animation:card-catch .45s var(--ease)}html[data-stage=live] .card[data-nudge]{animation:card-nudge .32s var(--ease)}html[data-motion=calm] .card[data-caught],html[data-motion=calm] .card[data-nudge]{animation:none}@keyframes card-catch{30%{translate:0 12px}65%{translate:0 -3px}}@keyframes card-nudge{35%{translate:0 -6px}}.pathways{z-index:2;justify-content:center;gap:var(--space-4);pointer-events:none;display:flex;position:absolute;inset-block-end:calc(var(--dial-h) + var(--space-4) + env(safe-area-inset-bottom,0px));inset-inline:0}html[data-stage=live] .pathways{inset-block-end:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}@media not ((width>=60rem) or ((orientation:landscape) and (width>=37.5rem) and (height<=32.5rem))){html[data-stage=live] body:before{content:"";z-index:var(--z-page);block-size:var(--band-foot);background:var(--ink-2);pointer-events:none;position:fixed;inset-block-end:0;inset-inline:0}html[data-stage=live] .pathways{inset-block-end:calc(var(--band-foot) - 8px)}}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){html[data-stage=live] .pathways{inset-block-end:calc(min(2.85714vw,5.71429svh) - 22px)}}html:not([data-stage=live]) .pathways{display:none}.pathway{font:inherit;cursor:pointer;border:1px solid color-mix(in oklab, var(--accent) 60%, transparent);background:color-mix(in oklab, var(--ink) 70%, transparent);block-size:44px;inline-size:44px;color:var(--accent-text);pointer-events:auto;border-radius:50%;place-items:center;padding:0;display:grid}.pathway svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;block-size:22px;inline-size:22px}.pathway:hover,.pathway:focus-visible{border-color:var(--accent-text);color:var(--paper)}@media (prefers-reduced-motion:no-preference){html[data-stage=live]:not([data-motion=calm]) .pathway--down svg{animation:pathway-bob 2.4s var(--ease) infinite}}.pathway[data-call]{animation:pathway-call .7s var(--ease)}html[data-motion=calm] .pathway[data-call]{border-color:var(--accent-text);animation:none}@keyframes pathway-call{30%{border-color:var(--accent-text);box-shadow:0 0 0 6px color-mix(in oklab, var(--accent) 35%, transparent);scale:1.18}to{box-shadow:0 0 0 14px #0000}}@keyframes pathway-bob{50%{translate:0 3px}}.stage,.frame{--b:0;--w:0;--d:0}.flower .stem{fill:none;stroke-linecap:round;stroke-dasharray:1;--grown:clamp(0, ((var(--b) - .04) / .78 - var(--s0)) / (var(--s1) - var(--s0)), 1);stroke-dashoffset:calc(1 - var(--grown));opacity:clamp(0, var(--grown) * 40, 1)}.flower{--bare:clamp(0, (var(--sub,0) - .12) / .14, 1);--rebloom:max(calc(.38 * var(--dawn,0)), calc((var(--outro,0) - .4) / .45 * 1.25));--soft:calc(clamp(0, (var(--sub,0) - .26) / .18, 1) * (1 - clamp(0, (var(--sub,0) - .86) / .12, 1)))}.flower .bend{--p:clamp(0, (var(--sub,0) - var(--a0)) / .12, 1);--q:clamp(0, (var(--sub,0) - .86) / .12, 1);transform-box:view-box;transform-origin:var(--jo);transform:rotate(calc(var(--ang) * max(var(--p) * var(--p) * (3 - 2 * var(--p)) * (1 - var(--q) * var(--q) * (3 - 2 * var(--q))), var(--d) * var(--d) * (3 - 2 * var(--d)))))}.flower .stem.ink{stroke:color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, var(--signal) 50%, var(--accent-text)) 45%, var(--paper-dim)) calc(var(--soft) * 100%), var(--paper))}.flower .ink{stroke:var(--paper);stroke-width:1.4px}.flower .ink2{stroke:var(--accent-strong);stroke-width:1.4px;translate:1.5px 1px}.flower{--dry:clamp(0, var(--w) / .35, 1)}.flower .leaf.ink{stroke:color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, var(--signal) 50%, var(--accent-text)) 45%, var(--paper-dim)) calc(var(--dry) * 100%), var(--paper))}.flower .leaf.ink2{stroke:color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, var(--signal) 50%, var(--accent-text)) 40%, var(--ink-3)) calc(var(--dry) * 100%), var(--accent-strong))}.flower .leaf{fill:none;stroke-linecap:round;transform-box:fill-box;transform-origin:var(--ox,0%) 50%;transform:rotate(calc(var(--rot) + var(--w) * var(--droop,18deg))) scale(calc(clamp(0, (var(--b) - var(--t)) / .14, 1) * var(--size,1)))}.flower .floret{transform-box:fill-box;transform-origin:50%;--k:calc((var(--t) - .5) / .4);--open:clamp(0, (var(--rebloom) - var(--k)) / .25, 1);--shown:calc(1 - var(--bare) + var(--bare) * var(--open));transform:scale(calc(clamp(0, (var(--b) - var(--t)) / .12, 1) * (.45 + .55 * var(--shown))));opacity:var(--shown)}.flower .bud{fill:var(--paper-dim);opacity:clamp(0, (var(--b) - var(--t) + .1) / .04, 1)}.flower .petal{fill:color-mix(in oklab, var(--line) calc(min(1, var(--w) * .75) * 100%), var(--bloom));opacity:calc(1 - .45 * var(--w))}.flower .root{fill:none;stroke:color-mix(in oklab, var(--line) calc(min(1, var(--d) * 1.2) * 100%), color-mix(in oklab, color-mix(in oklab, color-mix(in oklab, var(--signal) 50%, var(--accent-text)) 45%, var(--paper-dim)) calc(var(--dry) * 100%), var(--accent-text)));stroke-width:1px;stroke-linecap:round;stroke-dasharray:1;--rot:min(1, var(--d) * 1.6 + var(--rt,0) * 4);--uprooted:clamp(0, (var(--sub,0) - .98) / .02, 1);--regrow:clamp(0, (var(--rebloom) - var(--rt,0) * 4) / .6, 1);stroke-dashoffset:calc(1 - clamp(0, (var(--b) - .05 - var(--rt,0)) / .2, 1) * (1 - var(--rot)) * (1 - var(--uprooted) * (1 - var(--regrow))));opacity:calc(.35 + .4 * var(--w))}.flower .seed{fill:var(--paper);opacity:clamp(0, 1 - (var(--b) - .04) / .04, 1)}.flower .root--t0,.ride-roots .root--t0,.ride-ball__roots .root--t0{stroke-width:1.3px}.flower .root--t1,.ride-roots .root--t1,.ride-ball__roots .root--t1{stroke-width:.8px;--rt:.05}.flower .root--t2,.ride-roots .root--t2{stroke-width:.5px;--rt:.1}.ride .flower .root,.ride-part .flower .root{display:none}.ride-pot__body{fill:var(--ink-3);stroke:var(--paper-dim);stroke-width:1px;stroke-linejoin:round}.ride-pot__rim{fill:none;stroke:var(--paper-dim);stroke-width:1px}.ride-pot__soil{fill:none;stroke:var(--line);stroke-width:2px}.ride-board__deck{fill:none;stroke:var(--paper-dim);stroke-width:2px;stroke-linecap:round}.ride-wheel{fill:var(--ink-3);stroke:var(--paper-dim);stroke-width:1px}.ride-wheel__spoke{stroke:var(--paper-dim);stroke-width:.75px}.ride-ball{fill:var(--ink-3);stroke:var(--line);stroke-width:1px}.ride-ball__roots path{fill:none;stroke:color-mix(in oklab, var(--line) 60%, var(--accent-text));stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.72px}.ride-ball__crumbs{fill:var(--line)}.ride-roots path{fill:none;stroke:var(--accent-text);stroke-linecap:round;opacity:.25}.stage .ride-part{position:absolute;inset-block-start:0;inset-inline-start:0}.sky-layer{z-index:var(--z-sky);pointer-events:none;position:fixed;inset:0}.sky-layer[data-sky=dusk]{background:var(--sky-dusk)}.sky-layer[data-sky=night]{background:var(--sky-night)}.sky-layer[data-sky=deep]{background:var(--sky-deep)}.sky-layer[data-sky=void]{background:var(--sky-void)}.sky-layer[data-sky=grey]{background:var(--sky-grey)}.sky-layer[data-sky=dawn]{background:var(--sky-dawn)}.starfield{z-index:var(--z-stars);pointer-events:none;position:fixed;inset:0;overflow:hidden}.starfield__sky{block-size:100%;inline-size:116%;max-inline-size:none;display:block}.shab--wide{display:none}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){.shab--wide{display:inline}.shab--phone{display:none}}.star{fill:var(--paper)}.shab__line{fill:none;stroke:var(--paper);stroke-linecap:round;opacity:.7}.shab__caption{font-family:var(--font-mono);letter-spacing:.08em;fill:var(--paper-dim)}.stage{block-size:var(--stage-h);z-index:var(--z-stage);pointer-events:none;contain:size layout style;position:fixed;inset-block-end:var(--band-foot,0px);inset-inline:0;overflow:clip visible}@media (width>=60rem),(orientation:landscape) and (width>=37.5rem) and (height<=32.5rem){.stage{contain:strict;block-size:100svh;inset-block:0 auto;overflow:hidden}}.stage .layer{transform-origin:0 0;will-change:transform;position:absolute;inset-block-start:0;inset-inline-start:0}.stage .flyer{pointer-events:none;position:absolute;inset:0}.stage .flyer>svg{visibility:hidden}.stage .flyer .hit{pointer-events:visible}.stage .seg{max-inline-size:none;position:absolute}.moon{fill:var(--paper)}.moon--dark{opacity:.1}.ground-fill{fill:var(--ink-2)}.ground-line{stroke:var(--paper-dim);stroke-width:1px}.ground-hatch{stroke:var(--line);stroke-width:1px}.f-ink{fill:var(--ink)}.s-ink{stroke:var(--ink)}.f-ink2{fill:var(--ink-2)}.s-ink2{stroke:var(--ink-2)}.f-ink3{fill:var(--ink-3)}.s-ink3{stroke:var(--ink-3)}.f-paper{fill:var(--paper)}.s-paper{stroke:var(--paper)}.f-dim{fill:var(--paper-dim)}.s-dim{stroke:var(--paper-dim)}.f-line{fill:var(--line)}.s-line{stroke:var(--line)}.f-accent{fill:var(--accent)}.s-accent{stroke:var(--accent)}.f-strong{fill:var(--accent-strong)}.s-strong{stroke:var(--accent-strong)}.f-text{fill:var(--accent-text)}.s-text{stroke:var(--accent-text)}.f-signal{fill:var(--signal)}.s-signal{stroke:var(--signal)}.f-none{fill:none}.sw1{stroke-width:1px}.sw05{stroke-width:.5px}.sw15{stroke-width:1.5px}.sw2{stroke-width:2px}.round{stroke-linecap:round;stroke-linejoin:round}.t-mono{font-family:var(--font-mono);fill:var(--paper-dim);font-size:12px}.f-warm{fill:color-mix(in oklab, color-mix(in oklab, var(--signal) 55%, var(--accent-text)) 30%, var(--ink-3))}.s-warm{stroke:color-mix(in oklab, color-mix(in oklab, var(--signal) 55%, var(--accent-text)) 30%, var(--ink-3))}.f-sprig{fill:color-mix(in oklab, var(--accent-text) 72%, var(--signal) 28%)}.s-sprig{stroke:color-mix(in oklab, var(--accent-text) 72%, var(--signal) 28%)}.f-far1{fill:color-mix(in oklab, var(--ink-2) 40%, var(--ink))}.f-far2{fill:color-mix(in oklab, var(--ink-2) 70%, var(--ink))}.s-dry{stroke:color-mix(in oklab, color-mix(in oklab, var(--signal) 50%, var(--accent-text)) 45%, var(--paper-dim))}.s-dry2{stroke:color-mix(in oklab, color-mix(in oklab, var(--signal) 50%, var(--accent-text)) 40%, var(--ink-3))}.t-plate{font-family:var(--font-mono);fill:var(--paper-dim);font-size:14px}.hit{fill:none;stroke:none;pointer-events:all;cursor:pointer;-webkit-tap-highlight-color:transparent}.f-fig-turquoise{fill:var(--fig-turquoise)}.f-fig-turquoise-pale{fill:var(--fig-turquoise-pale)}.f-fig-chestnut{fill:var(--fig-chestnut)}.f-fig-azure{fill:var(--fig-azure)}.f-fig-ultramarine{fill:var(--fig-ultramarine)}.f-fig-indigo{fill:var(--fig-indigo)}.f-fig-navy{fill:var(--fig-navy)}.f-fig-bill{fill:var(--fig-bill)}.f-fig-straw{fill:var(--fig-straw)}.f-fig-straw-shade{fill:var(--fig-straw-shade)}.f-fig-straw-deep{fill:var(--fig-straw-deep)}.f-fig-skin{fill:var(--fig-skin)}.f-fig-skin-shade{fill:var(--fig-skin-shade)}.f-fig-skin-deep{fill:var(--fig-skin-deep)}.f-fig-umber{fill:var(--fig-umber)}.f-fig-mint{fill:var(--fig-mint)}.f-fig-mint-shade{fill:var(--fig-mint-shade)}.f-fig-denim{fill:var(--fig-denim)}.f-fig-denim-shade{fill:var(--fig-denim-shade)}.f-fig-denim-light{fill:var(--fig-denim-light)}.f-fig-brass{fill:var(--fig-brass)}.f-fig-sock-red{fill:var(--fig-sock-red)}.hud{block-size:var(--hud-h);z-index:var(--z-hud);align-items:center;gap:clamp(var(--space-2), 2.2vw, var(--space-4));padding-inline:var(--gutter);background:color-mix(in oklab, var(--ink) 82%, transparent);background-image:repeating-linear-gradient(to bottom, transparent 0 2px, color-mix(in oklab, var(--paper) 4%, transparent) 2px 3px);border-block-end:1px dashed var(--line);pointer-events:none;display:flex;position:fixed;inset-block-start:0;inset-inline:0}.hud a,.hud button{pointer-events:auto}.hud>*{white-space:nowrap;flex:none}.hud>[data-slot]:empty{display:none}.hud__skip{min-block-size:var(--hud-h);min-inline-size:44px;font-size:var(--step-0);color:var(--accent-text);justify-content:center;align-items:center;margin-inline-start:auto;text-decoration:none;display:inline-flex;position:relative}.hud__hint{padding:var(--space-1) var(--space-3);border:1px solid var(--accent);border-radius:var(--radius);background:var(--ink-2);color:var(--paper);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:var(--tracking-mono);white-space:nowrap;opacity:0;visibility:hidden;translate:0 calc(-1 * var(--space-2));pointer-events:none;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease), visibility 0s var(--dur);position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0}.hud__hint:before{content:"";border:5px solid #0000;border-block-end-color:var(--accent);position:absolute;inset-block-end:100%;inset-inline-end:17px}.hud[data-hint] .hud__hint{opacity:1;visibility:visible;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease);translate:0}.hud[data-hint] .hud__skip{animation:skip-pulse 1.1s var(--ease) 3}@keyframes skip-pulse{40%{color:var(--paper);translate:0 4px}}html[data-motion=calm] .hud[data-hint] .hud__skip{animation:none}.hud__skip[data-replay]{rotate:180deg}@media (prefers-reduced-motion:no-preference){.hud__skip{transition:rotate calc(var(--dur) * 2) var(--ease)}}.hud a:focus-visible,.hud button:focus-visible{outline-offset:-2px}.hud__pixel{inline-size:auto;display:block}.hud__dot{vertical-align:-.1em;display:inline-flex}.hud__lamp{block-size:.875rem}.hud__lamp--off,.hud__dot[data-off] .hud__lamp--on{display:none}.hud__dot[data-off] .hud__lamp--off{display:block}.hud__freq{vertical-align:-.05em;transition:opacity .4s var(--ease);margin-inline-start:.35em;display:inline-block}.hud__freq,.hud__vu .hud__pixel{block-size:.625rem}.hud[data-off-air] .hud__freq{opacity:.35}.dial{z-index:var(--z-hud);block-size:calc(var(--dial-h) + env(safe-area-inset-bottom,0px));background:color-mix(in oklab, var(--ink) 82%, transparent);border-block-start:1px dashed var(--line);transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease), visibility 0s 0s;position:fixed;inset-block-end:0;inset-inline:0}.dial[data-cover]{opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease), visibility 0s var(--dur);translate:0 100%}.dial__list{block-size:var(--dial-h);margin:0;padding:0;list-style:none;display:flex}.dial__tick{min-block-size:24px;min-inline-size:24px;color:var(--paper-dim);flex:1 1 0;place-items:center;text-decoration:none;display:grid}.dial__tick[aria-current=step]{color:var(--accent-text)}.dial__needle-slot{pointer-events:none;position:absolute;inset:0}.dial__needle{background:var(--accent-text);block-size:2px;inline-size:1.25rem;margin-inline-start:-.625rem;position:absolute;inset-block-end:0}.egg{inline-size:fit-content;max-block-size:calc(100svh - var(--hud-h) - var(--dial-h) - 2 * var(--space-4));z-index:var(--z-egg);padding-block:var(--space-4);padding-inline:clamp(var(--space-3), 4vw, var(--space-5));background:var(--scrim);border:1px dashed var(--accent-strong);margin-inline:auto;position:fixed;inset-block-end:calc(var(--dial-h) + var(--space-4));inset-inline:0;overflow:auto}.egg[hidden]{display:none}.egg__art{color:var(--bloom);direction:ltr;margin:0;font-size:clamp(.75rem,min(3.4vw,3.2svh),.95rem);line-height:1.1}.egg__bars{block-size:.625rem;inline-size:auto;margin-inline-end:var(--space-2);display:inline-block}.painting{inline-size:min(calc(100vw - 2 * var(--gutter)), 34rem);max-block-size:calc(100svh - 2 * var(--space-5));padding:clamp(var(--space-3), 3vw, var(--space-5));color:var(--paper);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1.5rem 3rem -1rem color-mix(in oklab, var(--ink) 90%, transparent);margin:auto;overflow:auto}.painting::backdrop{background:var(--scrim)}.painting__frame{margin:0}.painting__img{aspect-ratio:1;outline:1px solid color-mix(in oklab, var(--paper-dim) 35%, transparent);outline-offset:4px;background:var(--ink-3);border-radius:2px;block-size:auto;inline-size:100%;display:block}.painting__caption{color:var(--paper-dim);margin-block-start:var(--space-4)}.painting form{justify-content:flex-end;margin-block-start:var(--space-3);display:flex}.painting__close{min-block-size:44px;padding-inline:var(--space-4);color:var(--accent-text);border:1px dashed var(--accent-strong);border-radius:var(--radius);cursor:pointer;background:0 0}@media (prefers-reduced-motion:no-preference){.painting[open]{animation:.4s ease-out painting-in}}@keyframes painting-in{0%{opacity:0;translate:0 .75rem}}@media (width<30rem){.hud__air{text-overflow:ellipsis;flex:0 auto;min-inline-size:0;overflow:hidden}}@media (width<25rem){.hud__vu{display:none}}@media (height<=32.5rem){:root{--dial-h:0px}.dial{display:none}.egg{padding-block:var(--space-3)}}}