@layer components{#outpost{--scene-h:100vh;--stage-w:max(min(100vw, 320px), min(100vw, 640px, (var(--scene-h) - var(--hero-band) - var(--c-room)) / var(--c-span)));--stage-h:calc(var(--stage-w) * 8 / 5);--stage-l:calc((100vw - var(--stage-w)) / 2);--stage-t:calc(var(--hero-band) + var(--c-gap) - var(--c-pull) * var(--stage-h));--note-w:clamp(400px, 36vw, 560px);--cam-tx:0px;--cam-ty:0px;--cam-s:1;--cam-t:var(--t-camera-close)}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){#outpost{--scene-h:max(600px, 100vh);--stage-w:min(100vw, var(--scene-h) * 16 / 9, 2560px);--stage-h:calc(var(--stage-w) * 9 / 16);--stage-t:calc(var(--scene-h) - var(--stage-h))}}@supports (height:100dvh){#outpost{--scene-h:100dvh}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){#outpost{--scene-h:max(600px, 100dvh)}}}@media (max-height:480px) and (min-aspect-ratio:3/2){#outpost{--stage-w:min(320px, 42vw);--stage-l:calc(100vw - var(--stage-w) - max(16px, env(safe-area-inset-right)));--stage-t:calc(var(--nav-h) + var(--c-gap) + 24px - var(--c-pull) * var(--stage-h))}}.scene[data-camera],#outpost[data-resizing]{--cam-t:0s}.scene{isolation:isolate;height:var(--scene-h);display:block;position:relative;overflow:clip}.scene__env{--env-horizon:var(--horizon-c);--env-s:calc(1 + (var(--cam-s) - 1) * var(--env-zoom));--env-oy:calc(var(--stage-t) + var(--env-horizon) * var(--stage-h));z-index:-1;transform-origin:0 0;transform:translate(calc(50vw * (1 - var(--env-s)) + var(--env-pan) * (var(--cam-tx) + (var(--cam-s) - 1) * (50vw - var(--stage-l)))), calc(var(--env-oy) * (1 - var(--env-s)) + var(--cam-ty) + (var(--cam-s) - 1) * var(--env-horizon) * var(--stage-h))) scale(var(--env-s));transition:transform var(--cam-t) var(--ease-flight);position:absolute;inset:0}.scene__sky{inset:calc(var(--sky-bleed) * -1) -150%;background:var(--sky-compact);position:absolute}.scene__haze{display:none}.scene__patch{top:calc(var(--stage-t) + var(--stage-h) * var(--horizon-c) - var(--stage-w) * var(--patch-drop-c));left:calc(var(--stage-l) + var(--stage-w) * var(--patch-left-c));width:calc(var(--stage-w) * var(--patch-width-c));max-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--feather-x), #000 calc(100% - var(--feather-x)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather-y), #000 calc(100% - var(--feather-y)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--feather-x), #000 calc(100% - var(--feather-x)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather-y), #000 calc(100% - var(--feather-y)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--feather-x), #000 calc(100% - var(--feather-x)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather-y), #000 calc(100% - var(--feather-y)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--feather-x), #000 calc(100% - var(--feather-x)), transparent), linear-gradient(to bottom, transparent, #000 var(--feather-y), #000 calc(100% - var(--feather-y)), transparent);transition:opacity var(--t-composite-fade) linear;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.stage{top:var(--stage-t);left:var(--stage-l);width:var(--stage-w);height:var(--stage-h);position:absolute;container-type:size}.scene__guide{top:calc(var(--stage-t) * -1);left:calc(var(--stage-l) * -1);width:100vw;height:var(--scene-h);isolation:isolate;pointer-events:none;position:absolute}.scene__view{top:calc(var(--stage-t) * -1);left:calc(var(--stage-l) * -1);width:100vw;height:var(--scene-h);pointer-events:none;position:absolute}.scene__view:focus-visible{outline-offset:-8px;box-shadow:inset 0 0 0 6px #f2f1eeb3}@supports (color:color-mix(in lab, red, red)){.scene__view:focus-visible{box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--color-paper-2) 70%, transparent)}}#outpost:is([data-zoomed],[data-dest]) .scene{touch-action:pinch-zoom}@media (hover:hover) and (pointer:fine){#outpost:is([data-zoomed],[data-dest]) .stage{cursor:grab}.scene[data-dragging],.scene[data-dragging] .stage{cursor:grabbing}}#outpost[data-zoomed] .chip--harbour{display:inline-grid}.world{isolation:isolate;pointer-events:none;position:absolute;inset:0;overflow:visible}.world,.debug-world{transform-origin:0 0;transform:translate(var(--cam-tx), var(--cam-ty)) scale(var(--cam-s));transition:transform var(--cam-t) var(--ease-flight)}#outpost:is([data-dest],:has(.note:target)){--cam-t:var(--t-camera-open);--cam-s:var(--cam-cs);--cam-tx:calc(50vw - var(--stage-l) - var(--cam-cfx) * var(--stage-w) * var(--cam-s));--cam-ty:calc(var(--cam-target-cy) - var(--stage-t) - var(--cam-cfy) * var(--stage-h) * var(--cam-s))}.markers>.stage-item{translate:calc(var(--cam-tx) + var(--x) / 100 * var(--stage-w) * (var(--cam-s) - 1)) calc(var(--cam-ty) + var(--y) / 100 * var(--stage-h) * (var(--cam-s) - 1))}.stage [data-only=wide]{display:none}.composite{z-index:var(--zw-composite);background:var(--lqip-compact) center / 100% 100% no-repeat;transition:opacity var(--t-composite-fade) linear, display var(--t-composite-fade) allow-discrete;position:absolute;inset:0}.composite__image{width:100%;height:100%}.composite[data-loaded]{background:0 0}#outpost[data-composite=live] .composite{opacity:0;transition-delay:var(--t-composite-fade);display:none}@media (scripting:enabled){#outpost:not([data-ready]) .world img[data-live-layer]{visibility:hidden}.scene__patch:not([data-loaded]){opacity:0}}.terrain{max-width:none}.terrain--shallows{z-index:var(--zw-shallows)}.terrain--shadow{z-index:var(--zw-shadows)}.terrain--island{z-index:var(--zw-island)}.sprite__image,.cast__image{width:100%;max-width:none}.cast{z-index:var(--zw-shadows)}.cast[data-on=land]{z-index:var(--zw-land-shadows)}.sprite__contact{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sprite__reflection{stroke:var(--color-cream-wall);stroke-opacity:.12}.sprite__band{stroke:var(--color-sea-shadow);stroke-opacity:.14}.sprite__band--core{stroke-opacity:.24}.sprite__lip{stroke:var(--color-foam);stroke-opacity:.8;stroke-width:1.25px;vector-effect:non-scaling-stroke;opacity:calc(1 - var(--lift,0));transition:opacity .16s var(--ease-outpost)}.hit-area{z-index:var(--zw-hits);aspect-ratio:var(--hit-aspect);clip-path:var(--hit-outline);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.markers{pointer-events:none;position:absolute;inset:0}.marker-dot{width:5px;height:5px;transform:translate(-50%, -50%) scaleY(var(--ellipse));background:#fff;border-radius:50%;box-shadow:0 0 0 1px #2f4a5280}.markers>.marker-tag{--buoy:30px;--tether:8px;--cb-dot:var(--buoy);--start:var(--cstart);--peek:0;--named:max(var(--hover,0), var(--sel,0), var(--peek));z-index:calc(1 + var(--named) + var(--sel,0));pointer-events:auto;transform:translate(-50%, calc(-50% - var(--buoy) / 2 - var(--tether)));transform-origin:50% calc(50% + var(--buoy) / 2 + var(--tether));transition:translate var(--cam-t) var(--ease-flight), scale .24s cubic-bezier(.34, 1.56, .64, 1), opacity var(--t-teaser) var(--ease-outpost);scroll-margin-top:40svh;position:absolute}.markers>.marker-tag:is([data-intro],[data-glance],[data-peek]){--peek:1}@media (pointer:coarse) and ((max-width:360px) or (max-height:480px)){.markers>.marker-tag{--cb-size:44px}}.markers>.marker-tag[data-dismissed]{--named:var(--sel,0)}.markers>.marker-tag:after{content:"";z-index:-2;top:calc(50% + var(--buoy) / 2 - 1px);width:1.5px;height:calc(var(--tether) - 1px);pointer-events:none;background:#2f4a526b;border-radius:1px;position:absolute;left:calc(50% - .75px)}.markers>.marker-tag>.marker-tag__glyph{width:17px;height:17px}.marker-tag>.marker-tag__label{z-index:2;top:50%;left:calc(50% + (1 - 2 * var(--start)) * (var(--buoy) / 2 + 7px));opacity:var(--named);translate:calc(var(--start) * -100% + (1 - var(--named)) * (3px - 6px * var(--start))) -50%;pointer-events:none;transition:opacity var(--t-teaser) var(--ease-outpost), translate var(--t-teaser) var(--ease-outpost);padding:6px 11px;font-size:13px;position:absolute}.marker-tag>.marker-tag__label:before{content:"";top:0;bottom:0;left:calc((1 - var(--start)) * -10px + var(--start) * 100%);width:10px;position:absolute}.markers>.marker-tag[data-covered],.marker-dot[data-covered]{opacity:0;pointer-events:none}.stage-controls{z-index:1;right:calc(16px - (100vw - var(--stage-l) - var(--stage-w)));bottom:calc(16px + env(safe-area-inset-bottom) - (var(--scene-h) - var(--stage-t) - var(--stage-h)));transition:translate var(--sheet-rise) var(--note-ease-sheet) var(--sheet-close), opacity var(--t-teaser) var(--ease-outpost), visibility 0s linear var(--t-teaser);gap:10px;display:flex;position:absolute}#outpost[data-sheet] .stage-controls{translate:0 calc(-1 * (var(--sheet-peek) + 10px - 16px - env(safe-area-inset-bottom)));transition:translate var(--sheet-rise) var(--note-ease-sheet), opacity var(--t-teaser) var(--ease-outpost) var(--sheet-snap), visibility 0s linear var(--sheet-snap)}#outpost:is([data-sheet=full],:has(:is(.note,.logbook)[data-dragging])) .stage-controls{opacity:0;visibility:hidden;transition:translate var(--sheet-rise) var(--note-ease-sheet), opacity var(--t-teaser) var(--ease-outpost), visibility 0s linear var(--t-teaser)}.stage-controls>.stage-btn{--cb-dot:42px}.stage-controls>.chip--harbour{display:none}#outpost:not([data-ready]) .motion-toggle{visibility:hidden}.stage-controls>.stage-btn:last-child>.glass-tip{left:auto;right:0;translate:0 3px}@media (hover:hover){.stage-controls>.stage-btn:last-child:hover>.glass-tip{translate:0}}.stage-controls>.stage-btn:last-child:focus-visible>.glass-tip{translate:0}.chip{min-width:44px;height:44px;color:var(--color-ink-dim);cursor:pointer;background-color:#f2f1eef0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.chip{background-color:color-mix(in srgb, var(--color-paper-2) 94%, transparent)}}.chip{border:1px solid var(--color-rule);-webkit-tap-highlight-color:transparent;transition:color var(--t-press) var(--ease-outpost), background-color var(--t-press) var(--ease-outpost), scale var(--t-press) var(--ease-outpost);border-radius:3px;box-shadow:0 6px 14px -8px #2f4a5259}.chip:after{content:"";border-radius:inherit;background:var(--grain);opacity:.04;pointer-events:none;position:absolute;inset:0}.chip:active{scale:.96}@media (pointer:coarse){.chip{min-width:48px;height:48px}}@media (hover:hover){.markers>.marker-tag:hover{--hover:1}.markers>.marker-tag:hover>.marker-tag__label{pointer-events:auto}.chip:hover{color:var(--color-ink);background-color:var(--color-paper-2)}}.markers>.marker-tag:focus-visible{--hover:1}.debug-world{z-index:3;pointer-events:none;fill:none;stroke-width:1px;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.debug-world--wide,.debug-free{display:none}.debug-zone{fill:#e84a0014;stroke:#e84a0099;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.debug-box{stroke:#c0187a;vector-effect:non-scaling-stroke}.debug-box--island{stroke:#2f7d32}.debug-hit{fill:#c0187a1f;stroke:#c0187a;vector-effect:non-scaling-stroke}.debug-anchor{stroke:#161513;stroke-width:2px;vector-effect:non-scaling-stroke}.debug-dot,.debug-float{fill:#c0187a}.debug-point{stroke:#c0187a;stroke-width:1.5px;vector-effect:non-scaling-stroke}.debug-route{stroke:#00a3a3;stroke-width:2px;vector-effect:non-scaling-stroke}.debug-whale{stroke:#7a3cc8;stroke-width:2px;vector-effect:non-scaling-stroke}.debug-label{fill:#161513;font-size:12px}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.scene__env{--env-horizon:var(--horizon)}.scene__sky{background:var(--sky-wide)}.scene__patch{top:calc(var(--stage-t) + var(--stage-h) * var(--horizon) - var(--stage-w) * var(--patch-drop));left:calc(var(--stage-l) + var(--stage-w) * var(--patch-left));width:calc(var(--stage-w) * var(--patch-width))}.scene__haze{top:calc(var(--stage-t) + var(--stage-h) * .25);left:calc(var(--stage-l) - var(--stage-w) * .25);width:calc(var(--stage-w) * .71);height:calc(var(--stage-h) * .11);background:linear-gradient(to bottom, transparent 0, var(--color-sky-horizon) 40%, var(--color-horizon-haze) 55%, transparent 100%);display:block;position:absolute;-webkit-mask-image:linear-gradient(90deg,#000 0 70%,#0000 100%);mask-image:linear-gradient(90deg,#000 0 70%,#0000 100%)}.stage [data-only=wide]{display:block}.stage [data-only=compact]{display:none}.composite{background-image:var(--lqip-wide)}#outpost:is([data-dest],:has(.note:target)){--cam-s:var(--cam-ws);--cam-tx:calc(var(--cam-target-x) - var(--stage-l) - var(--cam-fx) * var(--stage-w) * var(--cam-s));--cam-ty:calc(var(--cam-target-y) - var(--stage-t) - var(--cam-fy) * var(--stage-h) * var(--cam-s))}.marker-dot{transition:translate var(--cam-t) var(--ease-flight), opacity var(--t-teaser) var(--ease-outpost)}.markers>.marker-tag{--buoy:34px;--tether:9px;--start:max(var(--wstart), var(--sel,0))}.markers>.marker-tag>.marker-tag__glyph{width:19px;height:19px}.marker-tag>.marker-tag__label{font-size:13.5px}.stage-controls{right:auto;bottom:calc(24px + env(safe-area-inset-bottom));left:calc(var(--edge,calc(var(--stage-l) + var(--stage-w) * .045)) - var(--stage-l))}#outpost:is([data-dest],:has(.note:target)) .chip--harbour{display:inline-grid}#outpost:has(.notes[data-enter=initial]){--cam-t:0s}#outpost:has(.notes[data-enter=initial]) :is(.marker-tag,.marker-tag__label,.marker-dot){transition:none}.debug-world--wide,.debug-free{display:block}.debug-world--compact{display:none}.debug-free{z-index:3;top:calc(76px - var(--stage-t));left:calc(24px - var(--stage-l));width:calc(100vw - var(--note-w) - 72px);height:calc(var(--scene-h) - 88px);pointer-events:none;outline:1px dashed #00a3a3;position:absolute}}@media (prefers-contrast:more){.chip:after{display:none}.chip{border-width:1.5px;border-color:var(--color-ink);box-shadow:0 6px 14px -8px #2f4a522e}.markers>.marker-tag:after{background:#2f4a52d9}}@media (forced-colors:active){.markers>.marker-tag[aria-current]:before{background:highlight;border-color:highlight}.markers>.marker-tag[aria-current]>.marker-tag__glyph{forced-color-adjust:none;color:highlighttext}.markers>.marker-tag:after{forced-color-adjust:none;background:canvastext}.scene__env{forced-color-adjust:none}}}
@layer components{.scene__hero{z-index:1;width:100%;max-width:720px;padding:calc(var(--nav-h) + 16px) 16px 16px;grid-area:1/1;margin-inline:auto;position:relative}@media (max-height:480px) and (min-aspect-ratio:3/2){.scene__hero{--hero-inset:max(0px, calc((100vw - 720px) / 2));max-width:calc(100vw - var(--stage-w) - 24px - var(--hero-inset));margin-inline:var(--hero-inset) 0}}.stage__scrim{display:none}@media (max-height:480px) and (min-aspect-ratio:3/2){.stage__scrim{top:calc(var(--stage-t) * -1);left:calc(var(--stage-l) * -1);width:100vw;height:var(--scene-h);background:linear-gradient(to right, #eceae6db calc(100vw - var(--stage-w) - 96px), transparent calc(100vw - var(--stage-w) - 8px));pointer-events:none;display:block;position:absolute}}.scene__hero,.stage__scrim{transition:opacity var(--t-hero-in) var(--ease-outpost) var(--t-hero-in-delay), visibility 0s}#outpost:is([data-dest],[data-logbook],[data-zoomed],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) :is(.scene__hero,.stage__scrim){visibility:hidden;opacity:0;transition:opacity var(--t-hero-out) var(--ease-outpost), visibility 0s var(--t-hero-out)}#outpost:has(.notes[data-enter=initial]) :is(.scene__hero,.stage__scrim){transition:none}.notes:focus{box-shadow:none;outline:none}.note,.logbook{--note-surface:var(--n-paper);pointer-events:auto;color:var(--n-ink);background:var(--n-paper);timeline-scope:--note-scroll;border:0;flex-direction:column;display:none}.note:target,.logbook:is(:target,:has(:target)),#outpost[data-logbook] .logbook{display:flex}.note__clip{z-index:1;filter:drop-shadow(0 1px 1px #2f4a5247);pointer-events:none;display:block;position:absolute}.note__eyelet{fill:var(--color-paper-3)}.note__eyelet-shade{fill:none;stroke:#2f4a524d;stroke-width:1px}.note__header,.note__footer{align-items:center;gap:var(--s-3);flex:none;display:flex;position:relative}.note__header:after{content:"";background:var(--n-rule);pointer-events:none;height:1px;position:absolute;inset:auto 0 0}.note__glyph{width:32px;height:32px;color:var(--n-ink-2);background:linear-gradient(180deg, var(--n-foam-top), var(--n-foam-bot));box-shadow:inset 0 1px 0 #fffffff2, 0 0 0 1px var(--n-foam-ring), 0 3px 6px -4px rgb(var(--n-shadow) / .35);border-radius:50%;flex:none;padding:7px}.note__place{color:var(--n-ink-2);font:700 14px/20px var(--n-text);white-space:nowrap;margin-right:auto}.note__close,.note__step{min-width:44px;min-height:44px;color:var(--n-ink);-webkit-tap-highlight-color:transparent;transition:color var(--t-press) var(--ease-outpost), scale var(--t-press) var(--ease-outpost);justify-content:center;align-items:center;display:inline-flex;position:relative}.note__close{border-radius:50%}.note__close:before{content:"";background:linear-gradient(180deg, var(--n-foam-top), var(--n-foam-bot));box-shadow:inset 0 1px 0 #fffffff2, 0 0 0 1px var(--n-foam-ring), 0 3px 6px -4px rgb(var(--n-shadow) / .35);transition:background var(--t-press) var(--ease-outpost);border-radius:50%;position:absolute;inset:4px}.note__close .glyph{width:18px;height:18px;position:relative}.note__close:active,.note__step:active{scale:.96}.note__body{min-height:0;padding:var(--s-6) var(--s-6) var(--s-10);overscroll-behavior:contain;scrollbar-gutter:stable;scroll-timeline:--note-scroll block;font:500 16px/24px var(--n-text);background:linear-gradient(var(--note-surface) 40%, transparent) top / 100% 20px no-repeat local, linear-gradient(transparent, var(--note-surface) 60%) bottom / 100% 20px no-repeat local, radial-gradient(farthest-side at 50% 0, #2f4a5224, transparent) top / 100% 10px no-repeat scroll, radial-gradient(farthest-side at 50% 100%, #2f4a5224, transparent) bottom / 100% 10px no-repeat scroll;flex:1;position:relative;overflow-y:auto}.note__body::-webkit-scrollbar{width:6px}.note__body::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:3px}.note__body::-webkit-scrollbar-track{background:0 0}@supports not selector(::-webkit-scrollbar){.note__body{scrollbar-width:thin;scrollbar-color:var(--color-rule) transparent}}.note__footer{column-gap:var(--s-2);min-height:60px;padding:var(--s-2);background:var(--color-note-surface);border-top:1px solid var(--n-rule);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.note__step{justify-self:start;gap:var(--s-2);padding-inline:var(--s-2);font:700 15px/20px var(--n-text);white-space:nowrap;border-radius:12px}.note__step[data-step=next],.note__step--tour{justify-self:end}.note__step-glyph{background:linear-gradient(180deg, var(--n-foam-top), var(--n-foam-bot));width:28px;height:28px;box-shadow:inset 0 1px 0 #fffffff2, 0 0 0 1px var(--n-foam-ring), 0 3px 6px -4px rgb(var(--n-shadow) / .35);border-radius:50%;flex:none;padding:6px}.note__count{color:var(--n-ink-3);font:700 13px/16px var(--n-text);font-variant-numeric:tabular-nums;white-space:nowrap}.note__step--tour{height:40px;min-height:40px;color:var(--n-paper);background:var(--n-ink);border-radius:999px;padding-inline:16px 6px;display:none}.note__step--tour .note__step-glyph{width:28px;height:28px;color:var(--n-ink)}.note__step--tour[data-tour=end]{padding-inline:16px}#outpost[data-tour] .note__step--tour{display:inline-flex}#outpost[data-tour] .note__step[data-step=next]{display:none}@media (hover:hover){.note__close:hover:before{background:linear-gradient(180deg, #fff, var(--n-foam-bot))}.note__step:hover .note__step-label{-webkit-text-decoration:underline 1.5px var(--n-link-under);-webkit-text-decoration:underline 1.5px var(--n-link-under);-webkit-text-decoration:underline 1.5px var(--n-link-under);text-decoration:underline 1.5px var(--n-link-under);text-underline-offset:3px}.note__step--tour:hover{color:var(--n-paper);background:var(--n-ink-2)}}.note__handle{display:none}.note__grip{background:var(--n-ink);opacity:.2;width:40px;height:5px;transition:opacity var(--t-press) var(--ease-outpost), scale var(--t-press) var(--ease-outpost);border-radius:3px;position:absolute;top:8px;left:calc(50% - 20px)}.note,.logbook{--top-full:round(calc(100dvh - var(--sheet-full)), 1px);--drop:calc(round(calc(100dvh - var(--sheet-peek)), 1px) - var(--top-full));--snap:var(--drop);--bar-space:0px;z-index:calc(var(--z-notes) + 1);width:min(100%,720px);height:calc(100dvh - var(--top-full));box-shadow:0 0 0 1px #1d455214, inset 0 1px 0 #ffffffe6, 0 -1px 2px rgb(var(--n-shadow) / .08), 0 -14px 32px -16px rgb(var(--n-shadow) / .3);transition:translate var(--sheet-close) var(--note-ease-accel), display var(--sheet-close) allow-discrete;border-radius:22px 22px 0 0;margin-inline:auto;position:fixed;inset:auto 0 0;translate:0 100%}.note:target,.logbook:is(:target,:has(:target)),#outpost[data-logbook] .logbook{z-index:var(--z-notes);translate:0 var(--snap);transition:translate var(--sheet-snap) var(--note-ease-sheet)}#outpost[data-sheet=full] :is(.note,.logbook){--snap:0px}#outpost :is(.note,.logbook)[data-released],#outpost :is(.note,.logbook)[data-released] .note__footer{transition-duration:var(--sheet-release)}#outpost :is(.note,.logbook)[data-dragging],#outpost :is(.note,.logbook)[data-dragging] .note__footer{transition:none}@media (scripting:none){.note,.logbook{--snap:0px}}@media not all and (min-width:768px){#outpost:has(>.setup-bar[data-shown=true]) :is(.note,.logbook){--bar-space:calc(var(--setup-bar-h) + env(safe-area-inset-bottom))}@media (scripting:none){.note,.logbook{--bar-space:calc(var(--setup-bar-h) + env(safe-area-inset-bottom))}}}.notes:is([data-enter=open],[data-enter=switch]) .note:target:not([data-settled]),.notes:not([data-enter=initial]) .logbook:is(:target,:has(:target)):not([data-settled]){animation:sheet-rise var(--sheet-rise) var(--note-ease-sheet) var(--sheet-rise-at) backwards}.note__clip{transform-origin:23.4px 27px;top:-24px;left:24px}.notes:is([data-enter=open],[data-enter=switch]) .note:target:not([data-settled])>.note__clip,.notes:not([data-enter=initial]) .logbook:is(:target,:has(:target)):not([data-settled])>.note__clip{animation:sheet-clip-swing var(--sheet-clip) linear var(--sheet-clip-at)}@media (scripting:enabled){.note__handle{z-index:2;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:3px;width:88px;height:36px;display:block;position:absolute;top:0;left:calc(50% - 44px)}.note__handle:active .note__grip{opacity:.4;scale:1.1 1}:is(.note,.logbook)[data-dragging] .note__handle{cursor:grabbing}}@media (hover:hover){.note__handle:hover .note__grip{opacity:.4}}.note__header{min-height:76px;padding:20px 10px 0 var(--s-4)}.note__close{min-width:48px;min-height:48px}.note__close:before{inset:6px}.note__body{padding:var(--s-5) var(--s-4) var(--s-10);clip-path:inset(0 0 calc(var(--snap) + var(--bar-space)) 0)}.note__body:after{content:"";height:calc(var(--snap) + var(--bar-space));display:block}.note__footer{padding:var(--s-2);transform:translateY(calc(-1 * (var(--snap) + var(--bar-space))));transition:transform var(--sheet-snap) var(--note-ease-sheet)}.note__step{gap:6px;min-height:48px;padding-inline:2px;font-size:14px}.note__count{font-size:14px;line-height:20px}@media (max-height:480px){.note__header{min-height:64px;padding-top:16px}.note__body{padding-block:var(--s-4) var(--s-6)}.note__footer{min-height:48px;padding-block:0}}@media not all and (min-width:375px){.note__footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.note__count{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}#outpost[data-queued] .notes:is([data-enter=open],[data-enter=switch]) .note:target{visibility:hidden;opacity:0;transition:none;animation:none}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.scene__hero{z-index:1;top:88px;bottom:calc(var(--stage-h) * .42);left:var(--edge,calc(var(--stage-l) + var(--stage-w) * .045));width:calc(var(--stage-w) * .375);flex-direction:column;justify-content:safe flex-end;max-width:none;margin:0;padding:0;display:flex;position:absolute}.stage__scrim{--scrim:#eae8e480;top:calc(var(--stage-t) * -1);left:calc(var(--stage-l) * -1);width:100vw;height:var(--scene-h);background:radial-gradient(calc(var(--stage-w) * .6) calc(var(--stage-h) * .55) at calc(var(--stage-l) + var(--stage-w) * .22) calc(var(--stage-t) + var(--stage-h) * .4), var(--scrim), transparent 70%);pointer-events:none;display:block;position:absolute}.notes{z-index:var(--z-notes);height:var(--scene-h);pointer-events:none;position:absolute;inset:0 0 auto}.notes:before{content:"";opacity:0;transition:opacity var(--t-scrim) var(--ease-outpost);background:linear-gradient(270deg,#eae8e480,#0000 45%);position:absolute;inset:0}.notes:after{content:none;z-index:-1;width:calc(var(--note-w) + 24px + env(safe-area-inset-right));height:var(--scene-h);background:var(--color-paper);opacity:0;pointer-events:none;transition:opacity var(--t-scrim) var(--ease-outpost);position:absolute;top:0;right:0}#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .notes:before,#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .notes:after{opacity:1;transition:none}#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .notes:not([data-enter=initial]):before,#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .notes:not([data-enter=initial]):after{animation:notes-paper-in var(--t-scrim) var(--ease-outpost) calc(var(--note-enter-at) - .12s) backwards}#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .notes[data-away=a]:before,#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .notes[data-away=a]:after{animation:notes-away-a var(--note-enter-at) linear}#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .notes[data-away=b]:before,#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .notes[data-away=b]:after{animation:notes-away-b var(--note-enter-at) linear}.note,.logbook{--clip-y:var(--clip-top,calc(24px + .5834 * var(--present-w)));z-index:1;inset:96px calc(24px + env(safe-area-inset-right)) 24px auto;width:round(down, var(--note-w), 1px);height:auto;box-shadow:0 0 0 1px #1d455214, inset 0 1px 0 #ffffffe6, 0 1px 2px rgb(var(--n-shadow) / .1), 0 14px 32px -14px rgb(var(--n-shadow) / .28), 0 36px 72px -36px rgb(var(--n-shadow) / .3);opacity:0;transform-origin:2px calc(var(--clip-y) - 6px);transition:opacity var(--note-close) var(--ease-outpost), display var(--note-close) allow-discrete;border-radius:18px;margin:0;position:absolute;translate:none}.note:target,.logbook:is(:target,:has(:target)),#outpost[data-logbook] .logbook{z-index:0;opacity:1;transition:opacity var(--note-close) var(--ease-outpost), display var(--note-close) allow-discrete;translate:none}.notes:is([data-enter=open],[data-enter=switch]) .note:target:not([data-settled]),.notes:not([data-enter=initial]) .logbook:is(:target,:has(:target)):not([data-settled]){animation:note-appear var(--note-appear) var(--ease-outpost) var(--note-enter-at) backwards, note-swing var(--note-swing) linear var(--note-enter-at) backwards, note-drop var(--note-drop-ms) var(--ease-outpost) var(--note-enter-at) backwards}.notes[data-enter=switch] :is(.note,.logbook):not(:target,:has(:target)){translate:var(--note-slide) 0;transition:opacity var(--switch-out) var(--note-ease-accel), translate var(--switch-out) var(--note-ease-accel), display var(--switch-out) allow-discrete}.note__clip{top:calc(var(--clip-y) - 23px);transform-origin:50%;animation:none;left:-15.75px;rotate:-90deg;scale:.75}.note__handle{display:none}.note__header{min-height:56px;padding:0 10px 0 var(--s-4)}.note__close{min-width:44px;min-height:44px}.note__close:before{inset:4px}.note__body{padding:var(--s-6) 18px var(--s-10) var(--s-6);clip-path:none}.note__body:after{content:none}.note__footer{padding:var(--s-2);border-radius:0 0 18px 18px;transform:none}.note__step{gap:var(--s-2);min-height:44px;padding-inline:var(--s-2);font-size:15px}.note__count{font-size:13px;line-height:16px}#outpost[data-queued] .notes:is([data-enter=open],[data-enter=switch]) .note:target{visibility:hidden;opacity:0;animation:none}.notes[data-enter=initial]:before,.notes[data-enter=initial]:after{transition:none}}@media (prefers-contrast:more){.stage__scrim{--scrim:#eae8e4b3}.note,.logbook{--note-surface:var(--color-paper-2);background:var(--color-paper-2)}.note__grip{opacity:1}}@media print{.notes{height:auto;position:static}.notes:before,.notes:after,.note,.note__clip,.note__handle,.logbook .note__header{display:none}#outpost .logbook{width:auto;height:auto;box-shadow:none;opacity:1;border:0;animation:none;display:block;position:static;translate:none}.logbook .note__body{background:0 0;padding:0;overflow:visible}}}@keyframes sheet-rise{0%{translate:0 100%}}@keyframes note-appear{0%{opacity:0;pointer-events:none}}@keyframes note-drop{0%{translate:calc(-1 * var(--note-carry,0px)) calc(-1 * var(--note-drop))}}@keyframes notes-paper-in{0%{opacity:0}}@keyframes notes-away-a{0%{opacity:1}14%{opacity:0}88%{opacity:0}to{opacity:1}}@keyframes notes-away-b{0%{opacity:1}14%{opacity:0}88%{opacity:0}to{opacity:1}}
@layer components{:is(.sprite__lift,.react-piece__lift){--react-lift:calc(100cqw / 1000 * 4)}.cast__image{transform-origin:50% 0}#outpost[data-composite=kept] :is(.sprite__lift,.react-piece__lift){translate:none;scale:none}#outpost[data-composite=kept] .cast__image{opacity:1;scale:none}.fx-layer{--fx-su:calc(100cqw / 1000)}.fx-only-wide{display:none}.fx-glints{z-index:var(--zw-glints);height:calc(var(--fx-h) * 1%);transition:opacity var(--fx-glints-in) linear;overflow:hidden}.fx-glints__sheet{inset:0 calc(var(--fx-su) * var(--fx-drift-su)) 0 0;background:var(--fx-tile) 0 0 / calc(var(--fx-su) * var(--fx-tile-su)) auto repeat;-webkit-mask-image:linear-gradient(to bottom, transparent var(--fx-mask-from), #000 var(--fx-mask-to));-webkit-mask-image:linear-gradient(to bottom, transparent var(--fx-mask-from), #000 var(--fx-mask-to));-webkit-mask-image:linear-gradient(to bottom, transparent var(--fx-mask-from), #000 var(--fx-mask-to));mask-image:linear-gradient(to bottom, transparent var(--fx-mask-from), #000 var(--fx-mask-to));position:absolute}#outpost[data-ready] .fx-glints__sheet{animation-name:fx-drift;animation-duration:var(--fx-drift);animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}#outpost:not([data-ready]) :is(.fx-glints,.fx-glow){opacity:0}@media (scripting:enabled){#outpost[data-composite=pending] .world :is(.rope,.rope-span,.fx-float,.fx-shore,.fx-computer){opacity:0}}.world :is(.rope,.rope-span,.fx-float,.fx-shore,.fx-computer){transition:opacity var(--t-composite-fade) linear}.fx-ripple{z-index:var(--zw-water);opacity:0;translate:-50% -50%}.fx-ripple>svg{width:100%;height:auto;display:block;overflow:visible}.fx-ellipse{fill:none;stroke:var(--color-foam);vector-effect:non-scaling-stroke}.fx-ripple--cue{will-change:transform, opacity}#outpost[data-ready] .fx-ripple:not(.fx-ripple--cue){animation-name:fx-ripple;animation-duration:var(--fx-period);animation-delay:var(--fx-delay);animation-timing-function:ease-out;animation-iteration-count:infinite}.fx-shore{z-index:var(--zw-shoreline);fill:none;stroke-linecap:round;stroke-linejoin:round;height:auto;overflow:visible}.fx-shore stop{stop-color:var(--color-foam)}.fx-shore__wet{stroke:var(--color-sea-shadow)}.fx-line{display:contents}.rope{z-index:var(--zw-rope);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rope,.rope-span__line{fill:none;stroke-linecap:round;stroke-linejoin:round}.rope__under{stroke:var(--color-rope-shade)}.rope__contact{stroke:var(--color-sea-shadow)}.rope__ring,.rope__ring-shade{fill:none;stroke:var(--color-hardware)}.rope__ring-shade{stroke:var(--color-hardware-shade)}.rope__body{stroke:var(--color-rope)}.rope__braid{stroke:var(--color-rope-light)}.rope__bright{stroke:var(--color-rope-light);opacity:0;transition:opacity var(--t-lighting) var(--ease-outpost)}#outpost:has(.note [data-cue^=line-]:is(:hover,:focus-within)) .rope__bright{opacity:1}.rope-span{z-index:var(--zw-rope);transform-origin:0;translate:0 -50%;rotate:var(--fx-angle)}.rope-span__follow{transform-origin:0}.rope-span__line{width:100%;height:auto;display:block;overflow:visible}.fx-float{z-index:var(--zw-rope);translate:-50% -50%}.fx-float svg{width:100%;height:auto;display:block;overflow:visible}.fx-float__bob,.fx-float__dip{display:block}.fx-float__contact{fill:none;stroke:var(--color-foam);vector-effect:non-scaling-stroke}.fx-float__rope{fill:var(--color-rope)}.fx-float__dip{will-change:transform;position:relative}.fx-float__glint{background:var(--color-glint);opacity:0;will-change:opacity;border-radius:50%;position:absolute}#outpost[data-ready][data-composite=live] .fx-float__bob{animation-name:fx-bob;animation-duration:var(--fx-float-half);animation-delay:var(--fx-float-phase);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.fx-pulse{z-index:var(--zw-rope);width:0;height:0;position:absolute;top:0;left:0}.rope-span__pulse{width:0;height:0;position:absolute;top:0;left:0}.rope-span__pulse>.fx-pulse{z-index:auto}.fx-bead{opacity:0;will-change:translate, scale, opacity;width:0;height:0;position:absolute;top:0;left:0}.fx-bead:before,.fx-bead:after{content:"";aspect-ratio:1;opacity:var(--fx-bead-o,1);border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.fx-bead:before{width:calc(var(--fx-su) * var(--fx-halo) * var(--fx-bead,1));background:radial-gradient(circle,#fff3dee6 0 26%,#ffd6966b 46%,#0000 70%)}.fx-bead:after{width:calc(var(--fx-su) * var(--fx-core) * var(--fx-bead,1));background:radial-gradient(circle, #fff 0 38%, var(--color-pulse) 62%, #ffd696e6)}.fx-inside{z-index:var(--zw-rope);opacity:0;will-change:translate, scale, opacity;width:0;height:0;position:absolute;top:0;left:0}.fx-inside:before{content:"";width:calc(var(--fx-su) * var(--fx-halo));aspect-ratio:1;background:radial-gradient(closest-side,#fffaee 0 16%,#ffe2aabf 42%,#ffd69600);border-radius:50%;position:absolute;top:0;left:0;translate:-50% -50%}.fx-glow{z-index:var(--zw-glows);aspect-ratio:1;opacity:var(--fx-idle);transition:opacity var(--fx-fade,var(--t-lighting)) var(--ease-outpost);background:radial-gradient(closest-side,#ffcb7ee6,#ffe4b580 40%,#ffe4b500 100%);border-radius:50%;translate:-50% -50%}.fx-glow[data-light=signal]{will-change:opacity}.fx-glow--ring{background:radial-gradient(closest-side,#0000 62%,#ffe4b58c 80%,#0000 100%)}.fx-flash{z-index:var(--zw-glows);aspect-ratio:var(--fx-flash-aspect,1);opacity:0;pointer-events:none;background:radial-gradient(closest-side,#fffcf2 0 26%,#ffecc4cc 52%,#ffe0aa00 100%);border-radius:50%;translate:-50% -50%}.fx-computer{z-index:var(--zw-glows);translate:-50% -50%;transform:skewY(var(--fx-skew))}.fx-computer>svg{width:100%;height:auto;display:block}.fx-computer__body{fill:var(--color-glass)}.fx-computer__edge{fill:var(--color-glass-sky);opacity:.55}.fx-computer__light{stop-color:var(--color-glow-halo)}.fx-computer__warm{stop-color:var(--color-glow)}.fx-computer__screen{opacity:.8;transition:opacity var(--t-lighting) var(--ease-outpost)}.fx-computer__flash{fill:#fffaec;opacity:0}.fx-computer__bars{fill:#a1988b}@supports (color:color-mix(in lab, red, red)){.fx-computer__bars{fill:color-mix(in srgb, var(--color-rock) 50%, var(--color-rock-shade))}}.react-layer{display:contents}.react-ring,.react-ripple,.react-tap{pointer-events:none;translate:-50% -50%}.react-ring{z-index:var(--zw-ground);opacity:0}.react-ripple,.react-tap{z-index:var(--zw-water)}.react-ripple,.react-tap__ring,.react-tap__dot{opacity:0}:is(.react-ring,.react-ripple,.react-tap__ring)>svg{width:100%;height:auto;display:block;overflow:visible}.react-tap{aspect-ratio:1 / var(--ellipse)}.react-tap__ring{align-items:center;display:grid;position:absolute;inset:0}.react-tap__dot{width:calc(100% * var(--react-dot));aspect-ratio:1 / var(--ellipse);background:radial-gradient(closest-side, var(--color-glint), #fff7ea00);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.react-glint{z-index:calc(var(--zw-glows) + 1);aspect-ratio:var(--react-aspect);clip-path:var(--react-clip);pointer-events:none}.react-glint__bar{inset:0 calc((100% - var(--react-bar)) / 2);opacity:0;background:linear-gradient(90deg,#ffe4b500,#fff0d6f2 50%,#ffe4b500);position:absolute}.react-piece{aspect-ratio:var(--react-aspect);pointer-events:none}.react-piece__fx,.react-piece__lift{position:absolute;inset:0}.react-door{background:var(--react-src) 0 0 / 100% 100% no-repeat;clip-path:var(--react-clip);opacity:0;transition:opacity 0s linear calc(var(--react-close) * 1ms);position:absolute;inset:0}.react-door--patch{translate:var(--react-shift) 0}.react-door--panel{transform-origin:var(--react-hinge);transition:transform calc(var(--react-close) * 1ms) var(--ease-outpost), opacity 0s linear calc(var(--react-close) * 1ms)}#outpost[data-motion=paused] .react-door--panel{transition-duration:0s}.react-spill{aspect-ratio:var(--react-aspect);transform-origin:50% 0;opacity:0;transition:opacity var(--t-lighting) var(--ease-outpost);pointer-events:none;background:radial-gradient(closest-side,#ffe4b5f2,#ffe4b573 45%,#ffe4b500);translate:-50%}.react-puff{opacity:0;pointer-events:none;translate:-50% -85%}.react-puff>svg{width:100%;height:auto;display:block;overflow:visible}.react-puff__body{fill:var(--color-foam)}.react-puff__shade{fill:var(--color-cream-wall-shade);opacity:.8}.react-doors{z-index:var(--zw-glows);aspect-ratio:var(--react-aspect);transform-origin:50% 100%;opacity:0;transition:opacity var(--t-lighting) var(--ease-outpost);pointer-events:none;background:radial-gradient(60% 70% at 50% 88%,#ffd696d9,#ffe4b559 55%,#ffe4b500)}.react-wake{z-index:var(--zw-water);pointer-events:none;height:0}.react-wake__v{width:calc(var(--fx-su) * var(--react-length));transform-origin:0;translate:0 -50%;rotate:var(--react-heading);opacity:0;position:absolute;-webkit-mask-image:linear-gradient(90deg,#000 35%,#0000);mask-image:linear-gradient(90deg,#000 35%,#0000)}.react-wake__v>svg{width:100%;height:auto;display:block;overflow:visible}.react-wake__v line,.react-curl polyline{fill:none;stroke:var(--color-foam);stroke-linecap:round;vector-effect:non-scaling-stroke}.react-wake__v line{stroke-width:1.5px;stroke-opacity:.6}.react-curl{width:calc(var(--fx-su) * var(--react-rx) * 2);opacity:0;height:auto;position:absolute;overflow:visible;translate:-50% -50%}.react-sky{pointer-events:none;position:absolute;inset:0}.react-cloud{top:calc(var(--react-yc) * 1%);width:calc(min(100vw, 640px) * var(--react-w) * 1.6 / 100);translate:var(--react-x) 0;position:absolute;left:0}.react-cloud>svg{width:100%;height:auto;display:block;overflow:visible}.react-cloud__paper{fill:#f4f2ee}.react-cloud__edge{fill:#dad6cf;opacity:.5}.react-cloud__drop{fill:#2f4a52;opacity:.06}@media (max-height:480px) and (min-aspect-ratio:3/2){.react-sky{display:none}}#outpost[data-ready] .react-cloud{animation-name:react-drift;animation-duration:var(--react-period);animation-delay:var(--react-delay);animation-timing-function:linear;animation-iteration-count:infinite}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.fx-layer{--fx-su:calc(100cqw / 1600)}:is(.sprite__lift,.react-piece__lift){--react-lift:calc(100cqw / 1600 * 4)}.react-cloud{top:max(calc(var(--stage-t) + var(--stage-h) * var(--react-yw) / 100), calc(var(--nav-h) + 8px));width:calc(var(--stage-w) * var(--react-w) / 100)}.react-sky{z-index:1}.fx-only-wide{display:block}.fx-only-compact{display:none}}}@keyframes fx-drift{to{translate:calc(var(--fx-su) * var(--fx-drift-su)) 0}}@keyframes fx-ripple{0%{opacity:var(--fx-ripple-o);transform:scale(.4)}to{opacity:0;transform:scale(1)}}@keyframes fx-bob{0%{translate:0 calc(var(--fx-su) * var(--fx-amp) * -1)}to{translate:0 calc(var(--fx-su) * var(--fx-amp))}}
@layer components{.guide{--guide-w:clamp(110px, 33vw, 150px);--guide-x:calc(max(0px, (100vw - 720px) / 2) + 16px + var(--beat-k,1) * 81.6px + var(--guide-w) * .005);--guide-y:calc(var(--hero-band) - 9px + var(--beat-k,1) * 12.73px + var(--guide-w) * .326);--guide-bob:3px;--guide-sine:cubic-bezier(.37, 0, .63, 1);--guide-outpost:cubic-bezier(.22, 1, .36, 1);top:calc(var(--guide-y) - var(--guide-w) * .35469);left:calc(var(--guide-x) - var(--guide-w) / 2);width:var(--guide-w);aspect-ratio:640/454;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}@media (max-height:480px) and (min-aspect-ratio:3/2){.guide{--guide-w:124px;--guide-x:calc(max(0px, (100vw - 720px) / 2) + 16px + var(--beat-k,1) * 290px + var(--guide-w) * .48);--guide-y:calc(var(--nav-h) + 12px + var(--beat-k,1) * 65px + var(--guide-w) * .1348)}}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.guide{--guide-w:clamp(200px, 17.5vw, 300px);--guide-x:calc(var(--stage-l) + var(--stage-w) * .425 + var(--guide-w) * .48);--guide-y:calc(var(--stage-t) + var(--stage-h) * .263 + var(--guide-w) * .1348);--guide-bob:4px}}.guide__pos,.guide__sea,.guide__follow,.guide__bob,.guide__breath,.guide__att,.guide__card{position:absolute;inset:0}.guide__att,.guide__card{transform-origin:50%}.guide__bob{animation:guide-bob 2.275s var(--guide-sine) infinite alternate}.guide__breath{transform-origin:50% 80%;animation:guide-breath 2.78s var(--guide-sine) infinite alternate}.guide:is([data-step=present],[data-step=depart],[data-step=travel],[data-step=loop],[data-step=swim]) :is(.guide__bob,.guide__breath),.guide[data-reduced] :is(.guide__bob,.guide__breath){animation:none}.guide__card,.guide__pose,.guide__puppet{opacity:0;transition:opacity 60ms linear}.guide:is([data-rig=still],[data-rig=look]) .guide__card,.guide[data-rig=present] .guide__pose[data-pose=present],.guide[data-rig=wave] .guide__pose[data-pose=wave],.guide[data-rig=glide3q] .guide__pose[data-pose=glide3q],.guide[data-rig=puppet] .guide__puppet,.guide[data-rig=surface] .guide__pose[data-pose=surface]{opacity:1}.guide__sea[data-sea]{-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--guide-wl) - 3px), #00000040 calc(var(--guide-wl) + 2px), transparent calc(var(--guide-wl) + 10px));-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--guide-wl) - 3px), #00000040 calc(var(--guide-wl) + 2px), transparent calc(var(--guide-wl) + 10px));-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--guide-wl) - 3px), #00000040 calc(var(--guide-wl) + 2px), transparent calc(var(--guide-wl) + 10px));mask-image:linear-gradient(to bottom, #000 calc(var(--guide-wl) - 3px), #00000040 calc(var(--guide-wl) + 2px), transparent calc(var(--guide-wl) + 10px));-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.guide__still,.guide__look{width:100%;height:100%;display:block;position:absolute;inset:0}.guide__look,.guide[data-rig=look] .guide__still{visibility:hidden}.guide[data-rig=look] .guide__look{visibility:visible}.guide__pose,.guide__puppet{max-width:none;display:block;position:absolute}.guide__swim{transform-origin:55% 55%;position:absolute;inset:0}.guide__part{width:100%;height:100%;display:block;position:absolute;inset:0}.guide__hit{border-radius:50%;width:48%;height:84%;position:absolute;top:6%;left:27%}.guide[data-hit] .guide__hit{pointer-events:auto;cursor:pointer}.guide__speech.glass-tag{width:max-content;max-width:240px;color:var(--color-ink);font-family:var(--font-nunito), var(--font-sans);white-space:normal;text-wrap:balance;opacity:0;visibility:hidden;transition:opacity .24s linear, translate .16s var(--guide-outpost), visibility 0s linear .24s;border-radius:14px;margin:0;padding:8px 13px 9px;font-size:14px;font-weight:700;line-height:1.32;display:block;position:absolute;top:0;left:0;translate:0 4px}.guide__speech[data-on]{opacity:1;visibility:visible;transition:opacity .16s var(--guide-outpost), translate .16s var(--guide-outpost), visibility 0s;translate:0}.guide__speech:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#e2f7f1f0,#d0f0e8f0);border-radius:0 0 3px;width:10px;height:10px;position:absolute;box-shadow:inset -1px -1px #ffffff73}.guide__speech[data-notch=down-right]:after{bottom:-4px;right:14px;rotate:45deg}.guide__speech[data-notch=down-left]:after{bottom:-4px;left:14px;rotate:45deg}.guide__speech[data-notch=down]:after{bottom:-4px;left:calc(var(--notch-at,50%) - 5px);rotate:45deg}.guide__speech[data-notch=right]:after{top:calc(50% - 5px);right:-4px;rotate:-45deg}.guide__speech[data-notch=left]:after{top:calc(50% - 5px);left:-4px;rotate:135deg}.guide__speech[data-notch=up]:after{top:-4px;left:calc(50% - 5px);rotate:-135deg}@media (max-width:1023px){.guide__speech.glass-tag{font-size:13px}}@media (forced-colors:active){.guide__speech:after{display:none}}.guide-ring{fill:none;stroke:var(--color-foam);stroke-width:1.5px;opacity:0;transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke}.guide-tether,.guide-sea{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.guide-tether{visibility:hidden}.guide-tether[data-on]{visibility:visible}.guide-tether__rope{transform-box:fill-box;transform-origin:0}.guide-tether path{fill:none;stroke-linecap:round}.guide-tether__under{stroke:var(--color-rope-shade);stroke-width:3.4px;translate:.4px .5px}.guide-tether__body{stroke:var(--color-rope);stroke-width:2.6px}.guide-tether__braid{stroke:var(--color-rope-light);stroke-width:.9px;stroke-dasharray:1.6 3.2}}@keyframes guide-bob{0%{translate:0 calc(var(--guide-bob) * -1)}to{translate:0 var(--guide-bob)}}@keyframes guide-breath{0%{scale:1}to{scale:1.012}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--command-fade:0px}}}@property --command-fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes command-fade{0%{--command-fade:24px}to{--command-fade:0px}}@layer components{:is(.note,.logbook){--n-label:14px;--n-label-lh:20px;--n-diagram:sheet}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){:is(.note,.logbook){--n-label:12px;--n-label-lh:16px;--n-diagram:note}}.chapter{color:var(--n-ink);font:500 16px/24px var(--n-text);font-kerning:normal;container:chapter/inline-size}.chapter__heading{margin:0;display:block}.chapter__kicker{margin-bottom:var(--s-2);color:var(--n-lagoon-ink);font:800 var(--n-label) / var(--n-label-lh) var(--n-text);letter-spacing:.12em;text-transform:uppercase;display:block}.chapter__title{color:var(--n-ink);font:600 30px/36px var(--n-display);letter-spacing:-.005em;text-wrap:balance;display:block}.chapter__clause{text-wrap:balance;display:inline-block}.chapter__dek{max-width:34em;margin:var(--s-3) 0 0;color:var(--n-ink-2);font:600 17px/24px var(--n-text);text-wrap:pretty}@container chapter not (min-width:420px){.chapter__title{font-size:26px;line-height:32px}}.chapter__kicker-link{color:inherit;-webkit-text-decoration:underline 1.5px var(--n-link-under);-webkit-text-decoration:underline 1.5px var(--n-link-under);-webkit-text-decoration:underline 1.5px var(--n-link-under);text-decoration:underline 1.5px var(--n-link-under);text-underline-offset:3px;-webkit-tap-highlight-color:transparent;position:relative}.chapter__kicker-link:before{content:"";position:absolute;inset:-14px -4px}@media (hover:hover){.chapter__kicker-link:hover{text-decoration-color:currentColor}}.place-content,.n-sec+.n-sec{margin-top:var(--s-8)}.n-sec+.n-sec--rule{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--n-rule)}.n-sec>*+*{margin-top:var(--s-4)}.n-sec>.n-label+*{margin-top:var(--s-3)}.n-label{color:var(--n-ink-3);font:800 var(--n-label) / var(--n-label-lh) var(--n-text);letter-spacing:.08em;text-transform:uppercase;margin:0;display:block}.n-p{text-wrap:pretty;max-width:60ch}.n-lead{font-weight:800}.n-a{color:var(--n-link);-webkit-text-decoration:underline 1.5px var(--n-link-under);-webkit-text-decoration:underline 1.5px var(--n-link-under);-webkit-text-decoration:underline 1.5px var(--n-link-under);text-decoration:underline 1.5px var(--n-link-under);text-underline-offset:3px;-webkit-tap-highlight-color:transparent;font-weight:700;position:relative}.n-a:before{content:"";position:absolute;inset:min(-13px,50% - 22px) -4px}.n-a__end{white-space:nowrap}.n-a__glyph{vertical-align:-1px;margin-left:2px;display:inline-block}@media (hover:hover){.n-a:hover{text-decoration-color:currentColor}}.n-keep{white-space:nowrap}.n-code{color:var(--n-ink);font:500 .875em/1 var(--n-code);white-space:nowrap;background:#1d45520f;border-radius:5px;padding:2px 5px}.n-steps{gap:var(--s-3);counter-reset:n-step;grid-template-columns:minmax(0,1fr);max-width:60ch;display:grid}.n-step{counter-increment:n-step;text-wrap:pretty;padding-left:24px;position:relative}.n-step:before{content:counter(n-step) ".";color:var(--n-ink-3);font:800 16px/24px var(--n-text);font-variant-numeric:tabular-nums;position:absolute;top:0;left:0}.n-steps>.n-step--cue{transition:background-color var(--t-press) var(--ease-outpost);border-radius:10px;margin:-4px -8px;padding:4px 8px 4px 32px}.n-step--cue:before{top:4px;left:8px}.n-step--cue:has(:focus-visible){background:#d6f0e899}@media (hover:hover){.n-step--cue:hover{background:#d6f0e899}}.n-items{gap:var(--s-3);grid-template-columns:minmax(0,1fr);max-width:60ch;display:grid}.n-item>p{text-wrap:pretty;margin:0}.n-item>*+*{margin-top:var(--s-2)}.n-list{gap:var(--s-2);max-width:60ch;padding-left:18px;list-style:outside;display:grid}.n-list>li{text-wrap:pretty;padding-left:2px}.n-list>li::marker{color:var(--n-ink-3)}.n-guides{gap:var(--s-3);max-width:60ch;display:grid}.n-guides>li{flex-direction:column;align-items:flex-start;display:flex}.n-guides__line{color:var(--n-ink-2);font:500 14px/20px var(--n-text);text-wrap:pretty}.command{background:var(--n-code-bot);border-radius:12px;grid-template-columns:minmax(0,1fr);padding:6px 6px 6px 0;display:grid;box-shadow:inset 0 0 0 1px #1d455214}.command__copy{justify-self:end}.command__code{min-width:0;padding:0 var(--s-2) 6px var(--s-4);color:var(--n-ink);font:500 14px/20px var(--n-code);scrollbar-width:thin;scrollbar-color:#1d455240 transparent;-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--command-fade)), transparent);-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--command-fade)), transparent);-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--command-fade)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--command-fade)), transparent);margin:0;overflow-x:auto;animation:linear both command-fade!important;animation-timeline:scroll(self inline)!important}.command__code code{font:inherit}.command__line{white-space:pre;display:block}.command__copy{height:28px;color:var(--n-ink);font:700 14px/20px var(--n-text);white-space:nowrap;cursor:pointer;background:var(--n-paper);-webkit-tap-highlight-color:transparent;transition:scale var(--t-press) var(--ease-outpost);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 10px 0 8px;display:inline-flex;position:relative;box-shadow:0 0 0 1px #1d455224}.command__copy:after{content:"";position:absolute;inset:-10px -4px}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.command__copy:after{inset:-8px -4px}}.command__copy[data-state=copied]{color:var(--n-lagoon-ink)}.command__copy:active{scale:.96}@media (hover:hover){.command__copy:hover{box-shadow:0 0 0 1px #1d45524d}}.n-capture{margin:0;container-type:inline-size}.n-well{--dev-w:min(320px, 100cqi - 16px);width:var(--dev-w);height:round(calc(8px + (var(--dev-w) - 16px) * var(--crop) / 720), 1px);margin-inline:auto;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000);mask-image:linear-gradient(#000 calc(100% - 32px),#0000)}.n-device{width:var(--dev-w);background:linear-gradient(180deg, #24505d, var(--n-ink-deep) 40%);border-radius:44px;padding:8px;box-shadow:inset 0 0 0 1px #ffffff24,inset 0 1px #ffffff38}.n-device img{border-radius:36px;width:100%;height:auto;display:block}.n-capture figcaption{margin-top:var(--s-3);color:var(--n-ink-2);font:500 14px/20px var(--n-text);text-align:center;text-wrap:balance}.n-fig{margin:0}.n-fig__svg svg{max-width:100%;height:auto;display:block}.n-fig__svg:not([data-measured]) svg{width:100%}.n-diagram text{font-family:var(--n-text);font-kerning:normal}.n-diagram image{image-rendering:auto}.n-fig__caption{max-width:60ch;margin:var(--s-3) auto 0;color:var(--n-ink-2);font:500 14px/20px var(--n-text);text-align:center;text-wrap:balance;display:block}@media (forced-colors:active){.n-diagram line,.n-diagram .n-shaft{stroke:canvastext}.n-diagram .n-head,.n-diagram text{fill:canvastext}}.logbook__body{color:var(--n-ink)}.logbook__title:focus{box-shadow:none;outline:none}.logbook__lede{max-width:34em;color:var(--n-ink-2);font:600 17px/24px var(--n-text)}.logbook__contents{margin-top:var(--s-4)}.logbook__toc{gap:var(--s-1);padding-left:24px;list-style:decimal;display:grid}.logbook__toc>li::marker{color:var(--n-ink-3);font-variant-numeric:tabular-nums;font-weight:800}.logbook__toc-link{color:var(--n-link);-webkit-text-decoration:underline 1.5px var(--n-link-under);-webkit-text-decoration:underline 1.5px var(--n-link-under);-webkit-text-decoration:underline 1.5px var(--n-link-under);text-decoration:underline 1.5px var(--n-link-under);text-underline-offset:3px;-webkit-tap-highlight-color:transparent;padding-block:2px;font-weight:700;display:inline-block;position:relative}.logbook__toc-link:before{content:"";position:absolute;inset:-10px -4px}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.logbook__toc-link:before{inset:-8px -4px}}@media (hover:hover){.logbook__toc-link:hover{text-decoration-color:currentColor}}.logbook__chapter{margin-top:calc(var(--s-8) * 2);padding-top:calc(var(--s-8) * 2);border-top:1px solid var(--n-rule);scroll-margin-top:var(--s-2)}}
@keyframes chrome-drop-in{0%{opacity:0;translate:0 -4px}}@keyframes chrome-more-below{0%,85%{opacity:1}to{opacity:0}}@layer components{.hero__bubble,.places-menu__list,.plaque{--glass-t1:255 249 241;--glass-t2:248 222 214;--glass-a:.62;--glass-frost:#ffffff57;-webkit-backdrop-filter:blur(14px)saturate(1.45);backdrop-filter:blur(14px)saturate(1.45);background:linear-gradient(180deg, #ffffff80 0%, #ffffff1a 46%, #fff0 60%), linear-gradient(180deg, rgb(var(--glass-t1) / var(--glass-a)), rgb(var(--glass-t2) / var(--glass-a))), var(--glass-frost);box-shadow:inset 0 1.25px #fffffff2,inset 0 0 0 1px #ffffff61,0 16px 30px -18px #2f4a5273}@supports (color:color-mix(in lab, red, red)){.hero__bubble,.places-menu__list,.plaque{box-shadow:inset 0 1.25px 0 #fffffff2, inset 0 0 0 1px #ffffff61, 0 16px 30px -18px color-mix(in srgb, var(--color-sea-shadow) 45%, transparent)}}.glyph{flex:none}.glyph__door{fill:var(--color-door)}.skip-link{z-index:var(--z-skip);min-height:48px;color:var(--color-ink);font-family:var(--font-nunito), var(--font-sans);background:var(--color-paper-2);border:1px solid var(--color-rule);transition:translate var(--t-skip-link) var(--ease-outpost);border-radius:999px;align-items:center;padding-inline:18px;font-size:15px;font-weight:700;display:inline-flex;position:fixed;top:12px;left:12px;translate:0 calc(-100% - 12px)}.skip-link:focus{translate:0}.site-header{z-index:var(--z-header);height:64px;padding-inline:max(var(--axis), env(safe-area-inset-left)) max(var(--axis), env(safe-area-inset-right));--axis:max(16px, calc((100% - 688px) / 2));align-items:center;gap:12px;display:flex;position:fixed;inset:0 0 auto}.wordmark{isolation:isolate;color:var(--color-ink-deep,var(--color-ink));letter-spacing:-.03em;-webkit-tap-highlight-color:transparent;transition:opacity var(--t-press) var(--ease-outpost), scale var(--t-press) var(--ease-outpost);margin-right:auto;font-size:22px;font-weight:800;line-height:1;position:relative}.wordmark:before{content:"";position:absolute;inset:calc(50% - 24px) -8px}.wordmark:active{scale:.97}#outpost:is([data-dest],[data-logbook],[data-zoomed],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .wordmark{text-shadow:0 0 3px #fdf8eff2,0 0 12px #fdf8efe6,0 0 24px #fdf8ef99}.site-nav{align-items:center;display:flex}.places-menu{position:relative}.cloud-btn.places-menu__button{--cb-tint-top:255 249 241;--cb-tint-bot:248 219 212;--cb-pl:15px;--cb-pr:14px;--cb-gap:6px;font-family:var(--font-nunito), var(--font-sans);-webkit-user-select:none;user-select:none;font-size:14.5px;font-weight:700;list-style:none}.places-menu__button::-webkit-details-marker{display:none}.cloud-btn:is(.places-menu__button,.hero__tour):focus-visible{box-shadow:none}.places-menu__lines{display:none}.cloud-btn .places-menu__chevron{width:14px;height:14px;transition:rotate var(--t-press) var(--ease-outpost)}.cloud-btn.places-menu__button[aria-expanded=true]{--cb-tint-top:var(--cb-sel-top);--cb-tint-bot:var(--cb-sel-bot);--cb-tint-a:var(--cb-sel-a);--cb-glow:var(--cb-sel-glow);--cb-glyph:var(--cb-ink)}.places-menu[open] .places-menu__chevron{rotate:180deg}.places-menu__list{--glass-a:.8;--glass-frost:#ffffff80;z-index:var(--z-menu);overscroll-behavior:contain;width:min(264px,100vw - 32px);max-height:calc(100svh - 80px);animation:chrome-drop-in var(--t-note-fade) var(--ease-outpost);border-radius:18px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.places-menu__list:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000,#faeee8);grid-column:1/-1;height:24px;margin-top:-24px;animation:linear both chrome-more-below;animation-timeline:scroll();display:block;position:sticky;bottom:-8px}.places-menu__way--first,.places-menu__external{border-top:1px solid #16151326;margin-top:6px;padding-top:6px}@supports (color:color-mix(in lab, red, red)){.places-menu__way--first,.places-menu__external{border-top:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent)}}.places-menu__item{min-height:44px;color:var(--color-ink);font-family:var(--font-nunito), var(--font-sans);-webkit-tap-highlight-color:transparent;transition:scale var(--t-press) var(--ease-outpost);border-radius:10px;align-items:center;gap:10px;padding-inline:12px;font-size:15px;font-weight:700;line-height:1.2;display:flex;position:relative}.places-menu__glyph{color:var(--color-ink-dim)}.places-menu__item:focus-visible{outline-offset:-2px;box-shadow:inset 0 0 0 4px var(--color-paper-2)}.places-menu__item:active{background:#fff9;scale:.99}.places-menu__item[aria-current=location],#outpost[data-tour] .places-menu__item[data-tour=start]{background:#ffeccee6}.places-menu__item[aria-current=location]:before,#outpost[data-tour] .places-menu__item[data-tour=start]:before{content:"";background:var(--color-ink);border-radius:2px;width:3px;position:absolute;top:12px;bottom:12px;left:3px}.places-menu__facts{color:var(--color-ink-dim);font-family:var(--font-nunito), var(--font-sans);margin-top:4px;padding:2px 12px 0;font-size:12.5px;font-weight:600;line-height:1.3}.places-menu__fact-line{flex-wrap:wrap;align-items:center;display:flex}.places-menu__fact-line>*{white-space:nowrap;align-items:center;min-height:32px;display:inline-flex}.places-menu__fact-line>*+:before{content:"·";content:"·" / "";padding-inline:6px}.places-menu__fact-link{min-height:44px;color:var(--color-ink);align-items:center;margin-inline:-4px;padding-inline:4px;text-decoration-line:underline;text-decoration-color:currentColor;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.places-menu__fact-link{-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}}.places-menu__fact-link{text-underline-offset:3px}#outpost{--beat-k:1}@supports (scale:tan(atan2(1px, 1px))){#outpost{--beat-k:clamp(.85, tan(atan2(min(100vw, 640px), 390px)), 1.35)}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){#outpost{--beat-k:clamp(.85, tan(atan2(var(--stage-w), 1440px)), 1.35)}}}@media (max-width:340px) and (max-height:600px){#outpost{--beat-k:.8}.hero{padding-bottom:8px}}@media (max-height:480px) and (min-aspect-ratio:3/2){#outpost{--beat-k:.85}}.hero{--seat-side:above;--beat-fade:.32s;--beat-w:calc(290px * var(--beat-k));--tail-s:calc(18px * var(--beat-k));min-height:calc(var(--scene-h) - var(--c-room) - var(--c-span) * min(100vw, 640px) - 2px - var(--nav-h) - 32px);color:var(--color-ink);font-family:var(--font-nunito), var(--font-sans);flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative}.hero__seat{margin-left:calc(12px * var(--beat-k));position:relative}.hero__bubble{align-content:center;row-gap:calc(10px * var(--beat-k));box-sizing:border-box;width:var(--beat-w);min-height:calc(142px * var(--beat-k));padding:calc(13px * var(--beat-k)) calc(15px * var(--beat-k));border-radius:calc(20px * var(--beat-k));cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:var(--tail-at,24%) 100%;transition:opacity var(--t-hero-in) var(--ease-outpost) var(--t-hero-in-delay), scale var(--t-hero-in) var(--ease-outpost) var(--t-hero-in-delay), translate var(--t-hero-in) var(--ease-outpost) var(--t-hero-in-delay);grid-template-rows:auto auto;display:grid;position:relative}.hero__beat{min-width:0;transition:opacity var(--beat-fade) var(--ease-outpost), translate var(--beat-fade) var(--ease-outpost);grid-column:1}.hero__title{color:var(--color-ink);font-family:var(--font-fredoka), var(--font-sans);font-size:calc(29px * var(--beat-k));letter-spacing:-.004em;grid-row:1;margin:0;font-weight:600;line-height:1.08}.hero__swash{z-index:0;white-space:nowrap;position:relative}.hero__swash:before{content:"";z-index:-1;background:var(--swash);border-radius:.24em .12em .26em .1em;height:.36em;position:absolute;bottom:.07em;left:-.07em;right:-.05em;rotate:-1.2deg}.hero__swash--amber{--swash:linear-gradient(90deg, #ffd99a, #ffcf85 70%, #ffdca6)}.hero__swash--lagoon{--swash:linear-gradient(90deg, #aee6dd, #9ddfd4 70%, #b9ebe3)}.hero__swash--lagoon:before{rotate:.8deg}.hero__line{color:var(--color-ink);font-size:calc(19px * var(--beat-k));text-wrap:pretty;grid-row:1/3;align-self:center;margin:0;font-weight:700;line-height:1.35}.hero__keep{white-space:nowrap}.cloud-btn.hero__tour{--cb-u:var(--beat-k);--cb-h:calc(36px * var(--beat-k));--cb-pl:calc(11px * var(--beat-k));--cb-pr:calc(15px * var(--beat-k));--cb-gap:calc(6px * var(--beat-k));--cb-fs:calc(14px * var(--beat-k));font-family:var(--font-nunito), var(--font-sans);grid-row:2;justify-self:start;font-weight:700}.hero__tour .cloud-btn__glyph{width:calc(19px * var(--beat-k));height:calc(19px * var(--beat-k))}.hero__tour:before{content:"";inset:min(0px, calc((var(--cb-h) - 44px) / 2)) -2px;position:absolute}.hero__line,.hero__bubble:is([data-beat="1"],[data-beat="2"],[data-beat="3"]) .hero__tour,.hero__bubble:is([data-beat="2"],[data-beat="3"]) .hero__title{opacity:0}.hero__bubble:is([data-beat="1"],[data-beat="2"],[data-beat="3"]) .hero__tour{pointer-events:none}.hero__bubble[data-beat="1"] .hero__title{translate:0 calc(23px * var(--beat-k))}.hero__bubble[data-beat="2"] .hero__beat--2,.hero__bubble[data-beat="3"] .hero__beat--3{opacity:1}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){:root:not([data-beats=rest]) .hero__bubble:not([data-beat]) .hero__tour{opacity:0;pointer-events:none}:root:not([data-beats=rest]) .hero__bubble:not([data-beat]) .hero__title{translate:0 calc(23px * var(--beat-k))}}@media (prefers-reduced-motion:reduce){.hero__beat,.hero__dot:before{transition:none}}.hero__dots{top:calc(3px * var(--beat-k));right:calc(9px * var(--beat-k));display:flex;position:absolute}.hero__dot{width:calc(13px * var(--beat-k));height:calc(24px * var(--beat-k));cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid}.hero__dot:before{content:"";width:calc(5px * var(--beat-k));height:calc(5px * var(--beat-k));transition:background-color var(--beat-fade) var(--ease-outpost), scale var(--t-press,.12s) var(--ease-outpost);background:#1d455238;border-radius:50%}@media (hover:hover){.hero__dot:hover:before{background:#1d455280;scale:1.3}}.hero__dot[aria-current=true]:before{background:var(--color-ink)}.hero__dot:focus-visible{outline:none}.hero__dot:focus-visible:before{box-shadow:0 0 0 2px #ffffffe6, 0 0 0 4px var(--color-ink);scale:1.3}@media (scripting:none){.hero__dots{display:none}}.hero__bubble:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}@media (forced-colors:active){.hero__dot:before{forced-color-adjust:none;background:canvastext}.hero__dot:not([aria-current=true]):before{background:graytext}}.hero__tail{top:100%;left:var(--tail-at,24%);width:var(--tail-s);height:var(--tail-s);margin:calc(var(--tail-s) / -2 - 1px) 0 0 calc(var(--tail-s) / -2);clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 calc(5px * var(--beat-k)) 0;pointer-events:none;background:linear-gradient(#f8ded6c7,#f8ded6c7),#fff6;position:absolute;rotate:45deg;box-shadow:inset -1px -1px #ffffff59}.hero__bubble[data-tail=bottom] .hero__tail{top:100%;left:var(--tail-at,24%);margin:calc(var(--tail-s) / -2 - 1px) 0 0 calc(var(--tail-s) / -2);background:linear-gradient(#f8ded6c7,#f8ded6c7),#fff6;rotate:45deg}.hero__bubble[data-tail=right] .hero__tail{top:var(--tail-at,46%);margin:calc(var(--tail-s) / -2) 0 0 calc(var(--tail-s) / -2 - 1px);background:linear-gradient(#fbebe4cc,#fbebe4cc),#fff6;left:100%;rotate:-45deg}.hero__bubble[data-seat=none] .hero__tail{display:none}.hero__bubble[data-tail=right]{transform-origin:100% var(--tail-at,46%)}.hero__bubble[data-tail=bottom]{transform-origin:var(--tail-at,24%) 100%}.hero .setup-caption{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#outpost:is([data-dest],[data-logbook],[data-zoomed],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .hero__bubble{opacity:0;transition:opacity var(--t-hero-out) var(--ease-outpost), scale var(--t-hero-out) var(--ease-outpost), translate var(--t-hero-out) var(--ease-outpost);translate:0 10px;scale:.82}#outpost:has(.notes[data-enter=initial]) .hero__bubble{transition:none}.site-link{color:var(--color-accent);text-underline-offset:3px;-webkit-tap-highlight-color:transparent;transition:scale var(--t-press) var(--ease-outpost);align-items:center;gap:2px;font-weight:500;text-decoration-line:underline;text-decoration-thickness:1px;display:inline-flex}.site-link:focus-visible{color:var(--color-ink)}.site-link:active{scale:.98}.site-link__glyph{transition:translate var(--t-press) var(--ease-outpost)}.setup-pill{height:44px;color:var(--color-on-lantern);font-family:var(--font-fredoka), var(--font-sans);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:translate var(--t-press) var(--ease-outpost), scale var(--t-press) var(--ease-outpost);background:radial-gradient(7px 2.6px at 24px 9px,#fffdf6f2 55%,#fffdf600 100%),linear-gradient(#ffffff8c 0%,#ffffff29 42%,#fff0 52%),radial-gradient(58% 60% at 50% 118%,#fff4d6cc,#fff4d600 100%),linear-gradient(#ffe2a8 0%,#ffcb7e 52%,#ffbf66 100%);border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:9px;padding:0 18px 0 20px;font-size:16px;font-weight:600;line-height:1;display:inline-flex;position:relative;box-shadow:inset 0 1.25px #fffcf2f2,inset 0 0 0 1px #ffffff47,0 0 0 1px #aa762847,0 0 22px -4px #ffcb7eb3,0 14px 22px -14px #96642873}.setup-pill:focus-visible{box-shadow:0 0 0 2px var(--color-paper-2), inset 0 1.25px 0 #fffcf2f2, 0 0 22px -4px #ffcb7eb3, 0 14px 22px -14px #96642873}.setup-pill__glyph{transition:translate var(--t-press) var(--ease-outpost)}.setup-pill__labels{display:grid}.setup-pill__label,.setup-pill__reserve{grid-area:1/1;justify-self:end}.setup-pill__reserve{visibility:hidden}.setup-pill__label,.setup-caption{transition:opacity .16s var(--ease-outpost)}.setup-pill[data-platform-ready=false] .setup-pill__label,.setup-caption[data-platform-ready=false]{opacity:0;transition-duration:.12s}.setup-pill:active{transition-duration:var(--t-press);translate:0 1px;scale:.98}.setup-pill--inline{height:48px}.setup-caption{color:var(--color-ink-dim);margin-top:12px;font-size:13px}.setup-guides{color:var(--color-ink-dim);margin-top:16px}.setup-guides .site-link{min-height:44px}.setup-pill--nav{height:40px;transition:opacity var(--t-cta-fade) var(--ease-outpost), visibility 0s, translate var(--t-press) var(--ease-outpost), scale var(--t-press) var(--ease-outpost);order:1;gap:6px;padding:0 11px 0 13px;font-size:14.5px}.setup-pill--nav .setup-pill__glyph{width:14px;height:14px}.setup-pill--nav:before{content:"";position:absolute;inset:-3px 0}.site-nav{order:2}.setup-pill--nav[data-shown=false]{opacity:0;visibility:hidden;transition:opacity var(--t-cta-fade) var(--ease-outpost), visibility 0s var(--t-cta-fade)}@media not all and (min-width:375px){.setup-pill--nav{gap:5px;padding:0 9px 0 11px;font-size:13.5px}.setup-pill--nav .setup-pill__glyph{width:13px;height:13px}}.plaque{z-index:var(--z-plaque);right:calc(var(--edge) + env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));max-width:calc(100vw - 2 * var(--edge) - 320px);min-height:28px;color:var(--color-ink);font-family:var(--font-nunito), var(--font-sans);transition:opacity var(--t-hero-in) var(--ease-outpost) var(--t-hero-in-delay), visibility 0s;border-radius:999px;align-items:center;padding-inline:13px;font-size:12px;font-weight:600;line-height:1;display:none;position:fixed}.plaque__group{flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.plaque__item{white-space:nowrap;align-items:center;display:inline-flex}.plaque__item+.plaque__item:before{content:"·";content:"·" / "";color:var(--color-ink-faint);padding-inline:7px}.plaque__link{color:var(--color-ink);text-decoration-line:underline;text-decoration-color:currentColor;position:relative}@supports (color:color-mix(in lab, red, red)){.plaque__link{-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}}.plaque__link{text-underline-offset:2px;-webkit-tap-highlight-color:transparent;transition:scale var(--t-press) var(--ease-outpost);text-decoration-thickness:1px}.plaque__link:after{content:"";position:absolute;inset:-10px -6px}.plaque__link:active{scale:.97}#outpost:is([data-dest],[data-logbook],:has(.note:target),:has(#logbook:target),:has(#logbook :target)) .plaque{visibility:hidden;opacity:0;transition:opacity var(--t-hero-out) var(--ease-outpost), visibility 0s var(--t-hero-out)}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.plaque{display:flex}.places-menu__facts{display:none}}@media (hover:hover){.wordmark:hover{opacity:.72}.places-menu__item:hover{background:#fff9}.places-menu__item[aria-current=location]:hover{background:#ffecce}.places-menu__fact-link:hover,.plaque__link:hover{text-decoration-color:currentColor}.site-link:hover{color:var(--color-ink);text-decoration-thickness:2px}.site-link:hover .site-link__glyph{translate:1px -1px}.setup-pill:hover{translate:0 -1px;box-shadow:inset 0 1.25px #fffcf2f2,inset 0 0 0 1px #ffffff47,0 0 0 1px #aa762857,0 0 28px -2px #ffcb7ed9,0 16px 24px -14px #96642880}.setup-pill:hover .setup-pill__glyph{translate:2px -2px}.setup-pill:active{translate:0 1px}}@media not all and (min-width:768px){.cloud-btn.places-menu__button{width:44px;height:44px;color:var(--color-ink);-webkit-backdrop-filter:blur(14px)saturate(1.45);backdrop-filter:blur(14px)saturate(1.45);background:linear-gradient(#ffffff80 0%,#ffffff1a 46%,#fff0 60%),linear-gradient(#fff9f19e,#f8ded69e),#ffffff57;border-radius:50%;justify-content:center;padding:0;box-shadow:inset 0 1.25px #fffffff2,inset 0 0 0 1px #ffffff61,0 16px 30px -18px #2f4a5273}@supports (color:color-mix(in lab, red, red)){.cloud-btn.places-menu__button{box-shadow:inset 0 1.25px 0 #fffffff2, inset 0 0 0 1px #ffffff61, 0 16px 30px -18px color-mix(in srgb, var(--color-sea-shadow) 45%, transparent)}}.places-menu__button :is(.cloud-btn__body,.cloud-btn__ring,.places-menu__chevron){display:none}.places-menu__lines{width:22px;height:22px;display:block}.places-menu__label{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cloud-btn.places-menu__button[aria-expanded=true]{background:linear-gradient(#ffffff80 0%,#ffffff1a 46%,#fff0 60%),linear-gradient(#fff4e2cc,#fad7b4cc),#ffffff57}.cloud-btn.places-menu__button:focus-visible{outline:2px solid var(--color-focus,var(--color-ink));outline-offset:2px;box-shadow:0 0 0 2px var(--color-paper-2), inset 0 1.25px 0 #fffffff2}}@media (min-width:768px){.site-header{--nav-pill-w:13rem;--nav-slot:calc(var(--nav-pill-w) + 14px);--nav-beat:.1s}.setup-pill--nav{top:calc(50% - 22px);right:max(var(--axis), env(safe-area-inset-right));width:var(--nav-pill-w);gap:9px;height:44px;padding-inline:12px;font-size:16px;position:absolute}.setup-pill--nav .setup-pill__glyph{width:16px;height:16px}.setup-pill--nav:before{display:none}.site-nav{transition:translate var(--t-cta-fade) var(--ease-outpost) var(--nav-beat)}.site-header:not(:has(.setup-pill--nav[data-shown=false])) .site-nav{translate:calc(-1 * var(--nav-slot)) 0;transition-delay:0s}.setup-pill--nav{transition:opacity var(--t-cta-fade) var(--ease-outpost) var(--nav-beat), visibility 0s, translate var(--t-press) var(--ease-outpost), scale var(--t-press) var(--ease-outpost)}}@media (max-height:480px){.places-menu__list{grid-template-columns:1fr 1fr;width:min(26rem,100vw - 32px);padding-block:4px;display:grid}.places-menu__way{border-top:1px solid #16151326;margin-top:6px;padding-top:6px}@supports (color:color-mix(in lab, red, red)){.places-menu__way{border-top:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent)}}.places-menu__external,.places-menu__facts{grid-column:1/-1}.places-menu__facts{flex-wrap:wrap;display:flex}.places-menu__fact-line+.places-menu__fact-line:before{content:"·";content:"·" / "";align-items:center;padding-inline:6px;display:inline-flex}}@media (max-height:480px) and (min-aspect-ratio:3/2){.hero{--seat-side:beside;justify-content:flex-start;min-height:0}.hero__seat{margin-left:0}.hero__tail{top:var(--tail-at,46%);margin:calc(var(--tail-s) / -2) 0 0 calc(var(--tail-s) / -2 - 1px);background:linear-gradient(#fbebe4cc,#fbebe4cc),#fff6;left:100%;rotate:-45deg}.hero__bubble{transform-origin:100% var(--tail-at,46%)}}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.site-header{padding-inline:max(var(--edge), env(safe-area-inset-left)) max(var(--edge), env(safe-area-inset-right))}.setup-pill--nav{right:max(var(--edge), env(safe-area-inset-right))}.wordmark{font-size:24px}.hero{--seat-side:beside;--beat-w:calc(300px * var(--beat-k));left:calc(var(--stage-l) + var(--stage-w) * .425 - var(--edge) - var(--beat-w));top:calc(var(--stage-t) + var(--stage-h) * .263 - 88px);min-height:0;display:block;position:absolute;translate:0 -46%}.hero__seat{margin-left:0}.hero__title{font-size:calc(30px * var(--beat-k))}.hero__tail{top:var(--tail-at,46%);margin:calc(var(--tail-s) / -2) 0 0 calc(var(--tail-s) / -2 - 1px);background:linear-gradient(#fbebe4cc,#fbebe4cc),#fff6;left:100%;rotate:-45deg}.hero__bubble{transform-origin:100% var(--tail-at,46%)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.hero__bubble,.places-menu__list,.plaque{--glass-a:.9;--glass-frost:#fff9}}@media (prefers-reduced-transparency:reduce){.hero__bubble,.places-menu__list,.plaque{--glass-a:.92;--glass-frost:#ffffff9e}}@media (prefers-contrast:more){.hero__bubble,.places-menu__list,.plaque{--glass-a:.94;--glass-frost:#ffffffb3;box-shadow:inset 0 0 0 1.5px var(--color-ink), 0 16px 30px -18px #2f4a5273}@supports (color:color-mix(in lab, red, red)){.hero__bubble,.places-menu__list,.plaque{box-shadow:inset 0 0 0 1.5px var(--color-ink), 0 16px 30px -18px color-mix(in srgb, var(--color-sea-shadow) 45%, transparent)}}.setup-caption,.places-menu__facts{color:var(--color-ink)}.setup-pill{box-shadow:inset 0 0 0 1.5px var(--color-ink)}.skip-link{border:1.5px solid var(--color-ink)}}@media (forced-colors:active){.setup-pill{color:linktext;background:canvas;border-color:linktext}.hero__bubble,.places-menu__list,.plaque{border:1px solid canvastext}.hero__tail,.hero__swash:before{display:none}.hero__dots>i{forced-color-adjust:none;background:canvas;border:1px solid canvastext}.hero__bubble:not([data-beat="2"],[data-beat="3"]) .hero__dots>i:first-child,.hero__bubble[data-beat="2"] .hero__dots>i:nth-child(2),.hero__bubble[data-beat="3"] .hero__dots>i:nth-child(3){background:canvastext}.places-menu__item[aria-current=location]:before{background:highlight}.cloud-btn.places-menu__button{border:1px solid buttontext}}@media print{.skip-link,.site-header,.scene,.plaque,.logbook__contents,.logbook .vignette,.logbook .chapter__back,.logbook .command button{display:none}.logbook__chapter{break-inside:auto;padding-block:24px}.logbook .chapter__heading{break-after:avoid}.logbook a[href^=http]:after{content:"(" attr(href) ")";color:var(--color-ink-dim);word-break:break-all;margin-left:.25em;font-size:.85em;font-weight:400}.logbook .glyph{display:none}}}
@layer components{.cloud-btn,.glass-round,.glass-tag{--cb-ink:var(--color-ink);--cb-ink-dim:var(--color-ink-dim);--cb-halo:var(--color-paper-2);--cb-shadow:var(--color-sea-shadow);--cb-blur:12px;--cb-sat:1.5;--cb-frost:#ffffff42;--cb-tint-top:234 251 246;--cb-tint-bot:196 236 226;--cb-tint-a:.52;--cb-sheen:#ffffff6b;--cb-pool:#ffffff80;--cb-glint:#fffffff5;--cb-rimlight:#fffffff2;--cb-lift-a:13%;--cb-glow:#ffd69600;--cb-shine:#ffffffbf;--cb-sel-top:255 244 226;--cb-sel-bot:250 215 180;--cb-sel-a:.7;--cb-sel-glow:#ffd6969e;--cb-u:1;--cb-h:36px;--cb-fs:14px;--cb-pl:13px;--cb-pr:17px;--cb-gap:6px;--cb-glyph:var(--cb-ink-dim);--cb-ox:12px;--cb-oy:22px;--cb-lift:calc(6.5px * var(--cb-u));--cb-by:calc(7px * var(--cb-u));--cb-br:calc((var(--cb-h) - var(--cb-by)) / 2);--cb-p1x:calc(17px * var(--cb-u));--cb-p1y:calc(13.5px * var(--cb-u));--cb-p1r:calc(10px * var(--cb-u));--cb-p2x:calc(37px * var(--cb-u));--cb-p2y:calc(10px * var(--cb-u));--cb-p2r:calc(13px * var(--cb-u));--cb-p3f:.56;--cb-p3y:calc(11.5px * var(--cb-u));--cb-p3r:calc(11px * var(--cb-u));--cb-p4x:calc(33px * var(--cb-u));--cb-p4y:calc(9.5px * var(--cb-u));--cb-p4r:calc(12.5px * var(--cb-u));--cb-p5x:calc(15px * var(--cb-u));--cb-p5y:calc(14.5px * var(--cb-u));--cb-p5r:calc(9.5px * var(--cb-u));--cb-e:#000 calc(100% - .9px), #0000 100%}.cloud-btn{isolation:isolate;align-items:center;gap:var(--cb-gap);box-sizing:border-box;height:var(--cb-h);padding:2px var(--cb-pr) 0 var(--cb-pl);font:500 var(--cb-fs)/1 var(--font-sans);color:var(--cb-ink);white-space:nowrap;cursor:pointer;transform-origin:50% 85%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;text-decoration:none;transition:transform .24s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative}.cloud-btn--chip{--cb-u:1.2222;--cb-h:44px;--cb-pl:15px;--cb-pr:19px;--cb-gap:8px}.cloud-btn--alt{--cb-p1x:calc(15px * var(--cb-u));--cb-p1y:calc(14.5px * var(--cb-u));--cb-p1r:calc(9.5px * var(--cb-u));--cb-p2x:calc(33px * var(--cb-u));--cb-p2y:calc(10.5px * var(--cb-u));--cb-p2r:calc(12px * var(--cb-u));--cb-p3f:.44;--cb-p3y:calc(12px * var(--cb-u));--cb-p3r:calc(10.5px * var(--cb-u));--cb-p4x:calc(36px * var(--cb-u));--cb-p4y:calc(9px * var(--cb-u));--cb-p4r:calc(13.5px * var(--cb-u));--cb-p5x:calc(16px * var(--cb-u));--cb-p5y:calc(13.5px * var(--cb-u));--cb-p5r:calc(10px * var(--cb-u))}.cloud-btn__glyph{z-index:2;width:20px;height:20px;color:var(--cb-glyph);flex:none;position:relative}.cloud-btn__label{z-index:2;position:relative}.cloud-btn__body,.cloud-btn__ring{pointer-events:none;position:absolute;inset:0}.cloud-btn__body{z-index:0}.cloud-btn__ring{z-index:1;opacity:0}.cloud-btn__layer{top:calc(-1 * var(--cb-oy));left:calc(-1 * var(--cb-ox));right:calc(-1 * var(--cb-ox));bottom:calc(-1 * var(--cb-ox));background-repeat:no-repeat;background-size:100% calc(var(--cb-h) + var(--cb-lift) + 4px);background-position:0 calc(var(--cb-oy) - var(--cb-lift));-webkit-mask-image:var(--cb-mask);-webkit-mask-image:var(--cb-mask);mask-image:var(--cb-mask);-webkit-mask-size:var(--cb-mask-size);-webkit-mask-size:var(--cb-mask-size);mask-size:var(--cb-mask-size);-webkit-mask-position:var(--cb-mask-pos);-webkit-mask-position:var(--cb-mask-pos);mask-position:var(--cb-mask-pos);position:absolute;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cloud-btn__glass{--cb-mask:radial-gradient(circle calc(var(--cb-br) + 0px) at calc(var(--cb-ox) + var(--cb-br)) calc(var(--cb-oy) + var(--cb-by) + var(--cb-br) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-br) + 0px) at calc(100% - var(--cb-ox) - var(--cb-br)) calc(var(--cb-oy) + var(--cb-by) + var(--cb-br) + 0px), var(--cb-e)), linear-gradient(180deg, #0000 calc(var(--cb-oy) + var(--cb-by) - 0px + 0px), #000 calc(var(--cb-oy) + var(--cb-by) - 0px + 0px + .9px), #000 calc(var(--cb-oy) + var(--cb-by) + 2 * var(--cb-br) + 0px + 0px - .9px), #0000 calc(var(--cb-oy) + var(--cb-by) + 2 * var(--cb-br) + 0px + 0px)), radial-gradient(circle calc(var(--cb-p1r) + 0px) at calc(var(--cb-ox) + var(--cb-p1x)) calc(var(--cb-oy) + var(--cb-p1y) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-p2r) + 0px) at calc(var(--cb-ox) + var(--cb-p2x)) calc(var(--cb-oy) + var(--cb-p2y) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-p3r) + 0px) at calc(var(--cb-ox) + (100% - 2 * var(--cb-ox)) * var(--cb-p3f)) calc(var(--cb-oy) + var(--cb-p3y) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-p4r) + 0px) at calc(100% - var(--cb-ox) - var(--cb-p4x)) calc(var(--cb-oy) + var(--cb-p4y) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-p5r) + 0px) at calc(100% - var(--cb-ox) - var(--cb-p5x)) calc(var(--cb-oy) + var(--cb-p5y) + 0px), var(--cb-e));--cb-mask-size:100% 100%, 100% 100%, calc(100% - 2 * var(--cb-ox) - 2 * var(--cb-br)) 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;--cb-mask-pos:0 0, 0 0, calc(var(--cb-ox) + var(--cb-br)) 0, 0 0, 0 0, 0 0, 0 0, 0 0}.cloud-btn__rim,.cloud-btn__halo,.cloud-btn__ink{--cb-mask:linear-gradient(#000, #000), radial-gradient(circle calc(var(--cb-br) + var(--cb-gi)) at calc(var(--cb-ox) + var(--cb-br)) calc(var(--cb-oy) + var(--cb-by) + var(--cb-br) + var(--cb-dyi)), var(--cb-e)), radial-gradient(circle calc(var(--cb-br) + var(--cb-gi)) at calc(100% - var(--cb-ox) - var(--cb-br)) calc(var(--cb-oy) + var(--cb-by) + var(--cb-br) + var(--cb-dyi)), var(--cb-e)), linear-gradient(180deg, #0000 calc(var(--cb-oy) + var(--cb-by) - var(--cb-gi) + var(--cb-dyi)), #000 calc(var(--cb-oy) + var(--cb-by) - var(--cb-gi) + var(--cb-dyi) + .9px), #000 calc(var(--cb-oy) + var(--cb-by) + 2 * var(--cb-br) + var(--cb-gi) + var(--cb-dyi) - .9px), #0000 calc(var(--cb-oy) + var(--cb-by) + 2 * var(--cb-br) + var(--cb-gi) + var(--cb-dyi))), radial-gradient(circle calc(var(--cb-p1r) + var(--cb-gi)) at calc(var(--cb-ox) + var(--cb-p1x)) calc(var(--cb-oy) + var(--cb-p1y) + var(--cb-dyi)), var(--cb-e)), radial-gradient(circle calc(var(--cb-p2r) + var(--cb-gi)) at calc(var(--cb-ox) + var(--cb-p2x)) calc(var(--cb-oy) + var(--cb-p2y) + var(--cb-dyi)), var(--cb-e)), radial-gradient(circle calc(var(--cb-p3r) + var(--cb-gi)) at calc(var(--cb-ox) + (100% - 2 * var(--cb-ox)) * var(--cb-p3f)) calc(var(--cb-oy) + var(--cb-p3y) + var(--cb-dyi)), var(--cb-e)), radial-gradient(circle calc(var(--cb-p4r) + var(--cb-gi)) at calc(100% - var(--cb-ox) - var(--cb-p4x)) calc(var(--cb-oy) + var(--cb-p4y) + var(--cb-dyi)), var(--cb-e)), radial-gradient(circle calc(var(--cb-p5r) + var(--cb-gi)) at calc(100% - var(--cb-ox) - var(--cb-p5x)) calc(var(--cb-oy) + var(--cb-p5y) + var(--cb-dyi)), var(--cb-e)), linear-gradient(#000, #000), radial-gradient(circle calc(var(--cb-br) + var(--cb-go)) at calc(var(--cb-ox) + var(--cb-br)) calc(var(--cb-oy) + var(--cb-by) + var(--cb-br) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-br) + var(--cb-go)) at calc(100% - var(--cb-ox) - var(--cb-br)) calc(var(--cb-oy) + var(--cb-by) + var(--cb-br) + 0px), var(--cb-e)), linear-gradient(180deg, #0000 calc(var(--cb-oy) + var(--cb-by) - var(--cb-go) + 0px), #000 calc(var(--cb-oy) + var(--cb-by) - var(--cb-go) + 0px + .9px), #000 calc(var(--cb-oy) + var(--cb-by) + 2 * var(--cb-br) + var(--cb-go) + 0px - .9px), #0000 calc(var(--cb-oy) + var(--cb-by) + 2 * var(--cb-br) + var(--cb-go) + 0px)), radial-gradient(circle calc(var(--cb-p1r) + var(--cb-go)) at calc(var(--cb-ox) + var(--cb-p1x)) calc(var(--cb-oy) + var(--cb-p1y) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-p2r) + var(--cb-go)) at calc(var(--cb-ox) + var(--cb-p2x)) calc(var(--cb-oy) + var(--cb-p2y) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-p3r) + var(--cb-go)) at calc(var(--cb-ox) + (100% - 2 * var(--cb-ox)) * var(--cb-p3f)) calc(var(--cb-oy) + var(--cb-p3y) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-p4r) + var(--cb-go)) at calc(100% - var(--cb-ox) - var(--cb-p4x)) calc(var(--cb-oy) + var(--cb-p4y) + 0px), var(--cb-e)), radial-gradient(circle calc(var(--cb-p5r) + var(--cb-go)) at calc(100% - var(--cb-ox) - var(--cb-p5x)) calc(var(--cb-oy) + var(--cb-p5y) + 0px), var(--cb-e));--cb-mask-size:100% 100%, 100% 100%, 100% 100%, calc(100% - 2 * var(--cb-ox) - 2 * var(--cb-br)) 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, calc(100% - 2 * var(--cb-ox) - 2 * var(--cb-br)) 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%;--cb-mask-pos:0 0, 0 0, 0 0, calc(var(--cb-ox) + var(--cb-br)) 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, 0 0, calc(var(--cb-ox) + var(--cb-br)) 0, 0 0, 0 0, 0 0, 0 0, 0 0;-webkit-mask-composite:source-out, source-over, source-over, source-over, source-over, source-over, source-over, source-over, source-over, source-out, source-over, source-over, source-over, source-over, source-over, source-over, source-over, source-over;clip-path:inset(1px);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-out,source-over,source-over,source-over,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add,add,add,add,subtract,add,add,add,add,add,add,add,add}.cloud-btn__lift{top:calc(100% + 2px);bottom:calc(-1 * var(--cb-h) * .62);background:radial-gradient(closest-side, color-mix(in srgb, var(--cb-shadow) var(--cb-lift-a), transparent), color-mix(in srgb, var(--cb-shadow) 5%, transparent) 55%, transparent);left:6%;right:6%;transform:translateY(-30%);-webkit-mask:none;mask:none}.cloud-btn__glass{-webkit-backdrop-filter:blur(var(--cb-blur)) saturate(var(--cb-sat));backdrop-filter:blur(var(--cb-blur)) saturate(var(--cb-sat));background-image: radial-gradient(ellipse calc(4.6px * var(--cb-u)) calc(2.1px * var(--cb-u)) at calc(var(--cb-ox) + var(--cb-p2x) - 5px * var(--cb-u)) calc(var(--cb-lift) + var(--cb-p2y) - 6.5px * var(--cb-u)), var(--cb-glint) 55%, #fff0 100%), radial-gradient(circle calc(1.5px * var(--cb-u)) at calc(var(--cb-ox) + var(--cb-p2x) + 1.5px * var(--cb-u)) calc(var(--cb-lift) + var(--cb-p2y) - 8.5px * var(--cb-u)), var(--cb-glint) 50%, #fff0 100%),  radial-gradient(ellipse 62% 78% at 50% 58%, #fff0 52%, var(--cb-glow) 100%),  linear-gradient(180deg, var(--cb-sheen) 0%, #ffffff24 36%, #fff0 52%),  radial-gradient(ellipse 56% 44% at 50% 100%, var(--cb-pool), #fff0 100%), radial-gradient(ellipse 22% 34% at 12% 86%, #ffffff38, #fff0 100%), radial-gradient(ellipse 22% 34% at 88% 86%, #ffffff38, #fff0 100%),  linear-gradient(180deg, rgb(var(--cb-tint-top) / var(--cb-tint-a)), rgb(var(--cb-tint-bot) / var(--cb-tint-a))), linear-gradient(var(--cb-frost), var(--cb-frost));bottom:0}.cloud-btn__glass:after{content:"";background:linear-gradient(90deg, #fff0 calc(50% - 30px), var(--cb-shine) 50%, #fff0 calc(50% + 30px));pointer-events:none;position:absolute;inset:0;transform:translate(-100%)skew(-20deg)}.cloud-btn__rim{--cb-go:0px;--cb-gi:-1.4px;--cb-dyi:1.3px;background-image:radial-gradient(ellipse 60% 120% at 22% 0%, var(--cb-rimlight), #fff0 100%), linear-gradient(180deg, var(--cb-rimlight) 0%, #ffffff8c 30%, #fff0 58%)}.cloud-btn__halo{--cb-go:2px;--cb-gi:0px;--cb-dyi:0px;background:var(--cb-halo)}.cloud-btn__ink{--cb-go:4px;--cb-gi:2px;--cb-dyi:0px;background:var(--cb-ink)}@media (hover:hover){.cloud-btn:hover{--cb-glyph:var(--cb-ink);transform:translateY(-1px)scale(1.04)}.cloud-btn:hover .cloud-btn__glass:after{animation:.76s cubic-bezier(.3,.6,.25,1) both cloud-btn-sweep}}.cloud-btn:active{transition-duration:90ms;transition-timing-function:ease-out;transform:translateY(1px)scale(1.035,.92)}.cloud-btn:focus-visible{--cb-glyph:var(--cb-ink);transform:translateY(-1px)scale(1.04)}.cloud-btn:focus-visible .cloud-btn__ring{opacity:1}.cloud-btn:is([aria-current=location],[aria-pressed=true]){--cb-tint-top:var(--cb-sel-top);--cb-tint-bot:var(--cb-sel-bot);--cb-tint-a:var(--cb-sel-a);--cb-glow:var(--cb-sel-glow);--cb-rimlight:#fff6e4fa;--cb-pool:#fff0d68c;--cb-glyph:var(--cb-ink)}.glass-pill{--gp:var(--color-accent,#b03700)}.glass-pill,.glass-pill:is(:hover,:active,:focus-visible){background:radial-gradient(ellipse 6px 2.4px at 24px 9px, #fff4ece6 55%, #fff4ec00 100%),  linear-gradient(180deg, #ffffff4d 0%, #ffffff14 20%, #fff0 26%),  radial-gradient(ellipse 46% 40% at 50% 112%, #ff966047, #ff966000 100%),  linear-gradient(180deg, color-mix(in srgb, var(--gp) 97%, #fff), var(--gp) 55%, color-mix(in srgb, var(--gp) 97%, #000));box-shadow:inset 0 1.25px 0 #ffe8d6bf,  inset 1px 1.5px 1px -1px #ffe8d659,  0 18px 26px -16px color-mix(in srgb, var(--color-sea-shadow,#2f4a52) 38%, transparent)}.glass-pill:hover{--gp:var(--color-accent-hover,#8f2d00)}.glass-pill:active{--gp:var(--color-accent-pressed,#7a2600)}:root[data-glass-lite] :is(.cloud-btn,.glass-round,.glass-tag){--cb-blur:6px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:is(.cloud-btn,.glass-round,.glass-tag){--cb-frost:#ffffff8c;--cb-tint-a:.8}}@media (prefers-reduced-transparency:reduce){:is(.cloud-btn,.glass-round,.glass-tag){--cb-frost:#ffffff8c;--cb-tint-a:.82;--cb-sel-a:.9}:is(.cloud-btn__glass,.glass-tag){-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:is(.cloud-btn,.glass-round,.glass-tag){--cb-frost:#fff9;--cb-tint-a:.85}}@supports not ((-webkit-mask-image:linear-gradient(#000, #000)) or (mask-image:linear-gradient(#000, #000))){.cloud-btn__body,.cloud-btn__ring{display:none}.cloud-btn{background:rgb(var(--cb-tint-top) / .92);border-radius:999px;box-shadow:0 10px 18px -12px #2f4a5259}.cloud-btn:focus-visible{outline:2px solid var(--cb-ink);outline-offset:2px}}@media (prefers-reduced-motion:reduce){.cloud-btn{transition:none}.cloud-btn:hover,.cloud-btn:focus-visible{transform:none}.cloud-btn:active{transform:translateY(1px)}.cloud-btn:hover .cloud-btn__glass:after{animation:none}}@media (forced-colors:active){.cloud-btn__body,.cloud-btn__ring{display:none}.cloud-btn{color:buttontext;background:buttonface;border:1px solid buttontext;border-radius:999px}.cloud-btn__glyph{color:buttontext}.cloud-btn:focus-visible{outline-offset:2px;outline:2px solid highlight}.cloud-btn:is([aria-current=location],[aria-pressed=true]){border-width:2px}.glass-pill{color:buttonface;box-shadow:none;background:buttontext}}.glass-round{--cb-size:44px;--cb-dot:var(--cb-size);--cb-edge:inset 0 1.25px 0 var(--cb-rimlight), inset 0 0 0 1px #ffffff61;--cb-lift-shadow:0 14px 22px -13px color-mix(in srgb, var(--cb-shadow) 42%, transparent);--cb-focus:0 0 #0000;isolation:isolate;box-sizing:border-box;width:var(--cb-size);height:var(--cb-size);color:var(--cb-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;flex:none;place-items:center;padding:0;transition:scale .24s cubic-bezier(.34,1.56,.64,1);display:inline-grid;position:relative}.glass-round:before,.glass-shine{content:"";z-index:-1;top:calc(50% - var(--cb-dot) / 2);left:calc(50% - var(--cb-dot) / 2);width:var(--cb-dot);height:var(--cb-dot);pointer-events:none;border-radius:50%;position:absolute}.glass-round:before{-webkit-backdrop-filter:blur(var(--cb-blur)) saturate(var(--cb-sat));backdrop-filter:blur(var(--cb-blur)) saturate(var(--cb-sat));background-image: radial-gradient(ellipse calc(var(--cb-dot) * .13) calc(var(--cb-dot) * .06) at 33% 17%, var(--cb-glint) 55%, #fff0 100%), radial-gradient(circle calc(var(--cb-dot) * .04) at 47% 11%, var(--cb-glint) 50%, #fff0 100%),  radial-gradient(circle closest-side, #fff0 62%, var(--cb-glow) 100%),  linear-gradient(180deg, var(--cb-sheen) 0%, #ffffff24 36%, #fff0 52%), radial-gradient(ellipse 60% 46% at 50% 100%, var(--cb-pool), #fff0 100%), linear-gradient(180deg, rgb(var(--cb-tint-top) / var(--cb-tint-a)), rgb(var(--cb-tint-bot) / var(--cb-tint-a))), linear-gradient(var(--cb-frost), var(--cb-frost));box-shadow:var(--cb-focus), var(--cb-edge), var(--cb-lift-shadow)}.glass-shine{z-index:0;overflow:hidden}.glass-shine:before{content:"";background:linear-gradient(90deg, #fff0 calc(50% - 12px), var(--cb-shine) 50%, #fff0 calc(50% + 12px));position:absolute;inset:0;transform:translate(-100%)skew(-20deg)}.glass-round>svg{z-index:1;width:20px;height:20px;color:var(--cb-glyph);position:relative}.glass-tag{--cb-edge:inset 0 1.25px 0 var(--cb-rimlight), inset 0 0 0 1px #ffffff61;--cb-lift-shadow:0 12px 20px -14px color-mix(in srgb, var(--cb-shadow) 40%, transparent);box-sizing:border-box;font:500 13.5px/1.1 var(--font-sans);color:var(--cb-ink);white-space:nowrap;-webkit-backdrop-filter:blur(var(--cb-blur)) saturate(var(--cb-sat));backdrop-filter:blur(var(--cb-blur)) saturate(var(--cb-sat));background-image:linear-gradient(180deg, var(--cb-sheen) 0%, #ffffff24 40%, #fff0 58%), radial-gradient(ellipse 50% 60% at 50% 110%, var(--cb-pool), #fff0 100%), linear-gradient(180deg, rgb(var(--cb-tint-top) / var(--cb-tint-a)), rgb(var(--cb-tint-bot) / var(--cb-tint-a))), linear-gradient(var(--cb-frost), var(--cb-frost));box-shadow:var(--cb-edge), var(--cb-lift-shadow);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.glass-tip{z-index:2;bottom:calc(50% + var(--cb-dot) / 2 + 8px);opacity:0;pointer-events:none;transition:opacity .16s cubic-bezier(.22,1,.36,1),translate .16s cubic-bezier(.22,1,.36,1);position:absolute;left:50%;translate:-50% 3px}@media (hover:hover){.glass-round:hover{--cb-glyph:var(--cb-ink);scale:1.06}.glass-round:hover>.glass-shine:before{animation:.76s cubic-bezier(.3,.6,.25,1) both cloud-btn-sweep}.glass-round:hover>.glass-tip{opacity:1;pointer-events:auto;translate:-50%}}.glass-round:active{transition-duration:90ms;transition-timing-function:ease-out;scale:1.04 .93}.glass-round:focus-visible{--cb-glyph:var(--cb-ink);--cb-focus:0 0 0 2px var(--cb-halo), 0 0 0 4px var(--cb-ink);box-shadow:none;outline:none;scale:1.06}.glass-round:focus-visible>.glass-tip{opacity:1;pointer-events:auto;translate:-50%}[data-tips=off] .glass-round>.glass-tip{opacity:0;pointer-events:none}:is(.glass-round,.glass-tag):is([aria-current=location],[aria-pressed=true]){--cb-tint-top:var(--cb-sel-top);--cb-tint-bot:var(--cb-sel-bot);--cb-tint-a:var(--cb-sel-a);--cb-glow:var(--cb-sel-glow);--cb-rimlight:#fff6e4fa;--cb-pool:#fff0d68c;--cb-glyph:var(--cb-ink)}.glass-round:is([aria-current=location],[aria-pressed=true]){--cb-edge:inset 0 1.25px 0 var(--cb-rimlight), inset 0 0 0 1.5px #ffd696e6;--cb-lift-shadow:0 0 14px 1px #ffcb7e80, 0 14px 22px -13px color-mix(in srgb, var(--cb-shadow) 42%, transparent)}.glass-round .glass-tag{--cb-tint-top:234 251 246;--cb-tint-bot:196 236 226;--cb-tint-a:.52;--cb-glow:#ffd69600;--cb-rimlight:#fffffff2;--cb-pool:#ffffff80}@media (pointer:coarse){.glass-round{--cb-size:48px}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass-round .glass-tag{--cb-tint-a:.85;--cb-frost:#fff9}}@media (prefers-reduced-motion:reduce){.glass-round{transition:none}.glass-round:is(:hover,:focus-visible){scale:none}.glass-round:active{scale:1 .96}.glass-round:hover>.glass-shine:before{animation:none}}@media (forced-colors:active){.glass-round:before{forced-color-adjust:none;box-shadow:none;background:buttonface;border:1px solid buttontext}.glass-round:focus-visible:before{outline-offset:2px;outline:2px solid highlight}.glass-round:is([aria-current=location],[aria-pressed=true]):before{border:2px solid highlight}.glass-round>svg{color:buttontext}.glass-shine{display:none}.glass-tag{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}}}@keyframes cloud-btn-sweep{0%{transform:translate(-100%)skew(-20deg)}to{transform:translate(100%)skew(-20deg)}}
@layer components{.notes[data-reveal=on] [data-rv-s=wait]{opacity:0}.notes[data-reveal=on] [data-rv-s=in]{animation:rv-lift var(--rv-rise-ms) var(--ease-outpost) var(--rv-delay,0s) both, rv-fade var(--rv-fade-ms) var(--ease-outpost) var(--rv-delay,0s) both}.notes[data-reveal=on] [data-rv-s=in][data-rv-from=above]{animation:rv-fade var(--rv-above-ms) var(--ease-outpost) both}.notes[data-reveal=on] [data-rv-s=in]:not([data-rv-from]) .n-diagram .n-rope :is(.n-rope__shade,.n-rope__body){stroke-dasharray:1 1;animation:rv-draw var(--rv-rope-ms) var(--ease-travel) calc(var(--rv-delay,0s) + var(--rv-lead)) both}.notes[data-reveal=on] [data-rv-s=in]:not([data-rv-from]) .n-diagram .n-rope__braid{animation:rv-fade .2s var(--ease-outpost) calc(var(--rv-delay,0s) + var(--rv-lead) + var(--rv-rope-ms) - 80ms) both}.notes[data-reveal=on] [data-rv-s=in]:not([data-rv-from]) .n-diagram .n-shaft{stroke-dasharray:1 1;animation:rv-draw var(--rv-line-ms) var(--ease-travel) calc(var(--rv-delay,0s) + var(--rv-lead) + var(--i,0) * (var(--rv-line-ms) + var(--rv-line-gap))) both}.notes[data-reveal=on] [data-rv-s=in]:not([data-rv-from]) .n-diagram .n-head{animation:rv-fade .12s var(--ease-outpost) calc(var(--rv-delay,0s) + var(--rv-lead) + var(--i,0) * (var(--rv-line-ms) + var(--rv-line-gap)) + var(--rv-line-ms) - 60ms) both}}@keyframes rv-lift{0%{transform:translateY(var(--rv-rise,0px))}}@keyframes rv-fade{0%{opacity:0}}@keyframes rv-draw{0%{stroke-dashoffset:1px}}@media (prefers-reduced-motion:reduce){[data-rv-s]{opacity:1!important}[data-rv-s],[data-rv-s] *{animation:none!important}}@media print{[data-rv-s]{opacity:1!important}[data-rv-s],[data-rv-s] *{animation:none!important}}
@layer components{#outpost:not([data-ready]) .fx-sound{visibility:hidden}.fx-sound__glyph{z-index:1;color:var(--cb-glyph);display:inline-grid;position:relative}.fx-sound__glyph>*{grid-area:1/1;width:20px;height:20px}.fx-sound__arc{opacity:.4}#outpost:not([data-motion=paused]) .fx-sound[aria-busy=true] .fx-sound__arc{animation:.9s ease-in-out infinite alternate fx-sound-arc}.fx-sound[aria-disabled=true]{--cb-glyph:var(--cb-ink-dim)}@supports (color:color-mix(in lab, red, red)){.fx-sound[aria-disabled=true]{--cb-glyph:color-mix(in srgb, var(--cb-ink-dim) 55%, transparent)}}.fx-sound[aria-disabled=true]{cursor:default}.fx-sound[aria-disabled=true]:is(:hover,:active){scale:none}.fx-sound__hint{z-index:2;top:50%;right:calc(100% + 20px + var(--cb-size));pointer-events:none;width:max-content;max-width:calc(100vw - 2 * var(--cb-size) - 60px);white-space:normal;text-wrap:balance;text-align:center;font-size:13px;line-height:1.25;position:absolute;translate:0 -50%}@media (min-width:1024px) and (min-aspect-ratio:5/4) and (min-height:600px){.fx-sound__hint{white-space:nowrap;max-width:none;left:calc(100% + 10px);right:auto}}.fx-sound__hint[data-done],#outpost[data-sheet] .fx-sound__hint{opacity:0;visibility:hidden}@media (prefers-reduced-motion:no-preference){.fx-sound[data-sound-waiting] .fx-sound__glyph{animation:1.6s ease-in-out infinite fx-sound-waiting}.fx-sound__hint{animation:.42s cubic-bezier(.22,1,.36,1) .6s both fx-sound-hint-in}.fx-sound__hint[data-done]{animation:.6s cubic-bezier(.4,0,1,1) both fx-sound-hint-out}}}@keyframes fx-sound-waiting{0%,to{opacity:1}50%{opacity:.7}}@keyframes fx-sound-arc{to{opacity:1}}@keyframes fx-sound-hint-in{0%{opacity:0;translate:0 calc(4px - 50%)}}@keyframes fx-sound-hint-out{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}