.journey{color:#f0eff8;min-height:100svh;position:relative;overflow:hidden}body:has(.journey){background:#04050d;overflow:hidden}.journey-canvas{z-index:0;pointer-events:none;background:#9cc4ea;position:fixed;inset:0}.journey-canvas canvas{width:100%;height:100%;display:block}.journey-flash{z-index:3;opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}.journey-debug{z-index:5;background:#000000b3;border-radius:6px;padding:6px 10px;font:12px ui-monospace,monospace;position:fixed;top:16px;left:50%;transform:translate(-50%)}.lab[data-stage=aliens]{cursor:crosshair}.lab-top{z-index:4;padding:24px var(--gutter);mix-blend-mode:difference;pointer-events:none;align-items:baseline;gap:14px;display:flex;position:fixed;top:0;left:0;right:0}.lab-top>*{pointer-events:auto}.journey-wordmark{letter-spacing:-1px;font-size:20px;font-weight:750}.journey-wordmark span{color:var(--accent)}.lab-name{color:#ffffffb3;font-size:15px;transition:color .3s}.lab-name:hover{color:#fff}.lab-panel{z-index:4;padding:0 var(--gutter) 112px;pointer-events:none;text-shadow:0 2px 30px #02030a99;max-width:min(620px,100%);position:fixed;bottom:0;left:0}.lab-panel>*{pointer-events:auto}.lab-panel:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 0 100%,#04050db8,#04050d00 70%);width:min(900px,100vw);height:min(460px,60svh);position:fixed;bottom:0;left:0}.lab-note{color:#d4d1e6;max-width:420px;margin:14px 0 0;font-size:17px;line-height:1.5}.lab-actions{align-items:center;gap:14px;min-height:42px;margin-top:22px;display:flex}.lab-actions .ui-btn{box-shadow:none}.lab-score{color:#9dffb0;font-size:15px}.lab-altitude b{font-weight:600}.lab-world{height:100svh}.ht-mountain-sky{z-index:0;background:linear-gradient(#cfdde6 0%,#e4ebe6 42%,#f3efdf 72%,#eadfc6 100%);position:absolute;inset:0}.lab-world[data-tone=light] .lab-panel:before{opacity:1;background:radial-gradient(at 0 100%,#fff8ecd9,#fff8ec00 70%)}.lab-world[data-bare=true] :is(.lab-top,.lab-panel,.lab-scroll,.lab-nav){display:none}.lab-panel,.lab-note{transition:color .8s,text-shadow .8s,border-color .8s,background .8s}.lab-panel:before{transition:opacity .8s}.lab[data-tone=light] .lab-panel{--heading-accent:var(--ui-violet-on-light);color:#0b0b18;text-shadow:none}.lab[data-tone=light] .lab-panel:before{opacity:0}.lab[data-tone=light] .lab-note{color:#3a3a4a}.lab[data-tone=light] .lab-actions{--ui-secondary-ink:#0b0b18;--ui-secondary-bg:#ffffff80;--ui-secondary-hover:#fffc;--ui-secondary-line:#0b0b184d;--ui-secondary-hover-line:#0b0b188c}.lab[data-tone=light] .lab-score{color:#0b0b18}.lab-scroll{right:var(--gutter);z-index:4;pointer-events:none;flex-direction:column;align-items:center;gap:12px;transition:opacity .6s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.lab-scroll[data-done=true]{opacity:0}.lab-scroll-track{background:#ffffff38;border-radius:2px;width:2px;height:120px;position:relative;overflow:hidden}.lab-scroll-track i{background:var(--accent);transform-origin:50% 0;transform:scaleY(var(--progress,0));position:absolute;inset:0}.lab-scroll-label{color:#fffc;text-shadow:0 1px 12px #02030a99;font-size:14px}.lab-scroll-label:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:8px;height:8px;margin:8px auto 0;animation:1.6s ease-in-out infinite lab-nudge;display:block;transform:rotate(45deg)}@keyframes lab-nudge{0%,to{opacity:.5;transform:translateY(-2px)rotate(45deg)}50%{opacity:1;transform:translateY(3px)rotate(45deg)}}.lab[data-tone=light] .lab-scroll-track{background:#0b0b182e}.lab[data-tone=light] .lab-scroll-label{color:#0b0b18;text-shadow:none}@media (prefers-reduced-motion:reduce){.lab-scroll-label:after{animation:none}}.lab-nav{left:var(--gutter);right:calc(var(--gutter) + 140px);z-index:5;gap:28px;font-size:15px;display:flex;position:fixed;bottom:26px}.lab-nav a{color:#ffffffbf;mix-blend-mode:difference;border-bottom:1px solid #ffffff4d;padding-bottom:3px;transition:color .3s,border-color .3s}.lab-nav a:hover{color:#fff;border-color:var(--accent)}.lab-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sound-toggle{right:var(--gutter);z-index:6;color:#fff;mix-blend-mode:difference;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:100px;align-items:center;gap:10px;padding:8px 14px;font-size:14px;display:inline-flex;position:fixed;bottom:22px}.sound-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sound-bars{align-items:flex-end;gap:2px;height:11px;display:inline-flex}.sound-bars i{background:currentColor;border-radius:1px;width:2px;height:3px;transition:height .4s}.sound-bars[data-playing=true] i{animation:1.1s ease-in-out infinite alternate sound-bar}.sound-bars[data-playing=true] i:nth-child(2){animation-delay:-.4s}.sound-bars[data-playing=true] i:nth-child(3){animation-delay:-.8s}.sound-bars[data-playing=true] i:nth-child(4){animation-delay:-.2s}@keyframes sound-bar{0%{height:3px}to{height:11px}}@media (prefers-reduced-motion:reduce){.sound-bars[data-playing=true] i{height:7px;animation:none}}@media (max-width:700px){.lab-top{padding:20px 16px}.lab-panel{padding:0 16px 124px}.lab-note{font-size:16px}.lab-scroll{top:42%;right:16px}.lab-scroll-track{height:80px}.lab-nav{gap:20px;font-size:14px;bottom:70px;left:16px;right:16px}.sound-toggle{bottom:16px;right:16px}}.lab-stage{z-index:1;position:fixed;inset:0}.lab-stage-frame{position:absolute;inset:0}.ht-meadow-sky{z-index:0;background:linear-gradient(#5f5d8c 0%,#b57796 30%,#f5a389 60%,#f9c195 82%,#f2b98f 100%);position:absolute;inset:0}