.studioViewport{background:var(--paper);touch-action:none;-webkit-user-select:none;user-select:none;--studio-ink:#141414;--studio-paper:#fbfbfb;outline:none;height:calc(100svh - 56px);min-height:540px;transition:background-color .6s;position:relative;overflow:hidden}.studioViewport.isNight{--ink:#ededed;--paper:#141414;--mist:#8a8a8a;--hairline:#2e2e2e;background:var(--paper);color:var(--ink)}.pxWorld{will-change:transform;position:absolute;left:0}.px{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;background-repeat:no-repeat;display:block;position:absolute;inset:0}canvas.px{width:100%;height:100%}.worldBg{background-size:100% 100%}.studioViewport.isNight .inkImg{filter:invert()}.sprite{display:block;position:relative}.worldObject{cursor:default;color:var(--ink);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.worldObject:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.objLift{transform-origin:50% 100%;transition:translate .28s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.worldObject.isActive .objLift{translate:0 calc(var(--s) * -2px)}.objTag{left:50%;bottom:calc(100% + var(--s) * 4px);white-space:nowrap;color:var(--ink);pointer-events:none;opacity:0;transition:opacity .2s,translate .28s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-50%)translateY(4px)}.worldObject.isActive .objTag{opacity:1;translate:0}.doorObject{cursor:pointer}.enterLabel{animation:3s step-end infinite enterBlink;position:absolute}@keyframes enterBlink{0%,69%{opacity:1}70%,to{opacity:.35}}.ambient{pointer-events:none;display:block;position:absolute}.cloud{animation:70s ease-in-out infinite alternate cloudDrift}.cloudSlow{animation-duration:100s}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translateX(calc(var(--s) * 60px))}}.pendant{transform-origin:50% calc(var(--s) * -60px);animation:7s ease-in-out infinite pendantSway}@keyframes pendantSway{0%,to{rotate:-1.2deg}50%{rotate:1.2deg}}.cicadaBug{animation:9s step-end infinite cicadaHop}@keyframes cicadaHop{0%,79%{translate:0}80%,to{translate:0 calc(var(--s) * -3px)}}.ladybug{animation:18s linear infinite ladybugWalk}@keyframes ladybugWalk{0%{translate:0}45%{translate:calc(var(--s) * 30px) 0}50%{translate:calc(var(--s) * 30px) 0;scale:-1 1}95%{translate:0;scale:-1 1}to{translate:0}}.limbo{pointer-events:none;transition:opacity .24s;position:absolute;left:0}.limbo.isHidden{opacity:0}.limbo.isIdle .px{animation:4s step-end infinite limboBreath}@keyframes limboBreath{0%,59%{translate:0}60%,to{translate:0 calc(var(--s) * 1px)}}.arrivalCopy{font-family:var(--font-sans);pointer-events:none;color:var(--ink);font-size:22px;font-weight:200;line-height:1.5;transition:opacity .6s,translate .6s cubic-bezier(.22,1,.36,1);position:absolute;top:28px}.arrivalDisplay{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(40px,6vw,72px);line-height:1.05}.arrivalCopy.isGone{opacity:0;translate:0 -8px}.hudLights{right:var(--hud-margin);gap:4px;display:flex;position:absolute;top:24px}.hudLight{border:2px solid var(--hairline);width:8px;height:8px;transition:background-color .4s,border-color .4s}.hudLight.isOn{background:var(--ink);border-color:var(--ink)}.studioHud{background:linear-gradient(to bottom, transparent, var(--paper) 18px);opacity:0;pointer-events:none;grid-template-columns:minmax(180px,3fr) 9fr;align-content:start;column-gap:32px;padding-top:22px;padding-bottom:52px;transition:opacity .5s,translate .5s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:0;left:0;right:0;translate:0 8px}.studioViewport.isArrived .studioHud{opacity:1;pointer-events:auto;translate:0}.hudWhere{color:var(--mist);white-space:nowrap;align-self:start;align-items:center;gap:6px;padding-top:4px;display:inline-flex}.hudInfo{min-width:0;padding-right:96px;animation:.36s cubic-bezier(.22,1,.36,1) hudIn}.hudLine{white-space:nowrap;align-items:baseline;gap:0 6px;min-width:0;display:flex}.hudName{font-family:var(--font-brand);letter-spacing:-.01em;font-size:18px;font-weight:600;line-height:1.25}.hudTagline{font-family:var(--font-sans);text-overflow:ellipsis;min-width:0;font-size:18px;font-weight:200;overflow:hidden}.hudOpen{border:0;border-bottom:2px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;flex-shrink:0;margin-left:14px;padding:0 0 2px}.hudHint{color:var(--mist);padding-top:4px}@keyframes hudIn{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.hudMap{left:var(--hud-margin);right:var(--hud-margin);border-top:2px solid var(--hairline);height:26px;position:absolute;bottom:14px}.hudMapZone{border:0;border-left:2px solid var(--hairline);text-align:left;height:100%;color:var(--mist);cursor:pointer;white-space:nowrap;background:0 0;padding:8px 0 0 8px;transition:color .2s;position:absolute;top:0;overflow:hidden}.hudMapZone.isHere,.hudMapZone:hover{color:var(--ink)}.hudMapDot{background:var(--hairline);width:6px;height:6px;margin-left:-3px;transition:background .2s;position:absolute;top:-4px}.hudMapDot.isActive{background:var(--ink)}.hudMapMarker{background:var(--ink);width:4px;height:14px;margin-left:-2px;position:absolute;top:-8px}@media (height<=720px){.studioHud{padding-top:14px}}@media (width<=760px){.studioViewport{min-height:0}.studioHud{grid-template-columns:1fr}.hudWhere{display:none}.hudName{font-size:16px}.hudTagline{display:none}.hudInfo{padding-right:0}.hudMapZone{padding-left:4px;font-size:9px}.hudMapZone[data-narrow] .hudMapName{display:none}.arrivalCopy{right:16px}}.hudCredits{background:var(--paper);height:100%;color:var(--mist);cursor:pointer;border:0;padding:8px 0 0 12px;position:absolute;top:0;right:0}.hudCredits:hover,.hudCredits[aria-expanded=true]{color:var(--ink)}.hudCreditsPanel{left:var(--hud-margin);right:var(--hud-margin);background:var(--paper);border-top:2px solid var(--hairline);padding:16px 0;animation:.36s cubic-bezier(.22,1,.36,1) hudIn;position:absolute;bottom:48px}@media (prefers-reduced-motion:reduce){.cloud,.pendant,.cicadaBug,.ladybug,.enterLabel,.limbo.isIdle .px,.hudInfo{animation:none}.arrivalCopy,.objLift,.objTag,.studioHud,.studioViewport{transition:none}}@media (width<=760px){.hudMap{bottom:calc(14px + env(safe-area-inset-bottom,0px));height:32px}.hudMapZone{padding-top:10px}.hudCreditsPanel{bottom:calc(52px + env(safe-area-inset-bottom,0px))}.hudLights{display:none}.studioHud{padding-top:14px;padding-bottom:46px}.hudInfo{overflow:hidden}.hudCreditsPanel{max-height:60vh;bottom:44px;overflow:auto}}.spin .px{animation:spriteRun var(--dur) steps(var(--frames)) infinite}@keyframes spriteRun{to{background-position-x:calc(var(--s) * var(--fw) * var(--frames) * -1px)}}@media (prefers-reduced-motion:reduce){.spin .px{animation:none}}.cat{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;left:0}.hudSound{background:var(--paper);height:100%;color:var(--mist);cursor:pointer;border:0;padding:8px 12px 0;position:absolute;top:0;right:64px}.hudSound:hover,.hudSound[aria-pressed=true]{color:var(--ink)}.liveDot{background:#5e9454;width:6px;height:6px;animation:2s step-end infinite liveBlink}@keyframes liveBlink{0%,69%{opacity:1}70%,to{opacity:.25}}.speech{transform:translateX(calc(-24px + var(--shift,0px)));background:var(--paper);width:min(300px,78vw);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:3;padding:14px 16px 12px;animation:.26s steps(3,end) speechIn;position:absolute}.speech:after{content:"";left:clamp(10px, calc(20px - var(--shift,0px)), calc(100% - 22px));background:var(--ink);clip-path:polygon(0 0,100% 0,0 100%);width:12px;height:12px;position:absolute;bottom:-12px}.speech:before{content:"";left:clamp(12px, calc(22px - var(--shift,0px)), calc(100% - 20px));background:var(--paper);clip-path:polygon(0 0,100% 0,0 100%);z-index:1;width:8px;height:8px;position:absolute;bottom:-7px}.speech p{min-height:63px;font-size:14px;line-height:1.5}.caret{animation:.8s step-end infinite liveBlink}.speechActions{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.speechGo{border:0;border-bottom:2px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;padding:0 0 2px}.speechMail{color:var(--mist)}.speechMail:hover{color:var(--ink)}@keyframes speechIn{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:reduce){.speech,.caret,.liveDot{animation:none}}.underground{transition:none}.studioHud{will-change:opacity, translate}.infoCard{transform:translate(calc(-50% + var(--shift,0px)), var(--drop,0px));background:var(--paper);width:min(340px,86vw);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);z-index:4;cursor:auto;padding:16px 18px 14px;animation:.24s steps(3,end) speechIn;position:absolute}.infoCard:after{content:"";left:clamp(10px, calc(50% - 6px - var(--shift,0px)), calc(100% - 22px));background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%);width:12px;height:12px;position:absolute;bottom:-12px}.infoCard h3{font-family:var(--font-sans);letter-spacing:-.01em;margin-top:6px;font-size:20px;font-weight:600;line-height:1.2}.infoTagline{font-family:var(--font-sans);margin-top:2px;font-size:15px;font-weight:200;line-height:1.35}.infoMore{border:0;border-bottom:2px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;margin-top:14px;padding:0 0 2px}.infoClose{z-index:1;border:2px solid var(--ink);background:var(--paper);width:30px;height:30px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;place-items:center;padding:0;transition:translate .12s steps(2,end),box-shadow .12s steps(2,end);display:grid;position:absolute;top:-14px;right:-14px}.infoClose:hover{background:var(--ink);color:var(--paper)}.infoClose:active{box-shadow:0 0 0 var(--ink);translate:2px 2px}.hudCreditsPanel .infoClose{top:12px;right:0}@media (prefers-reduced-motion:reduce){.infoCard{animation:none}}@media (width<=760px){.hudSound,.hudCredits{background:0 0;height:28px;top:-30px}.hudSound{padding:6px 12px 0}.hudCredits{padding:6px 0 0 12px}}@media (width<=760px) and (height<=520px){.hudMap{right:calc(var(--hud-margin) + 150px);height:26px}.hudMapZone{padding-top:8px}.hudSound,.hudCredits{height:100%;top:0}.hudSound{padding-top:10px;right:-86px}.hudCredits{padding-top:10px;right:-150px}}.ditherPhoto{border-bottom:2px solid var(--ink);margin:-16px -18px 12px;position:relative;overflow:hidden}.ditherPhoto canvas,.ditherPhoto img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ditherPhoto canvas{image-rendering:pixelated;image-rendering:crisp-edges}.ditherPhoto img{opacity:0;transition:opacity .28s}.ditherPhoto.isDone img{opacity:1}.battery{z-index:1;gap:calc(var(--s) * 1px);padding:calc(var(--s) * 2px);border:calc(var(--s) * 1px) solid var(--ink);background:var(--paper);cursor:help;grid-template-rows:repeat(5,1fr);display:grid;position:absolute}.battery:before{content:"";left:calc(var(--s) * 3px);right:calc(var(--s) * 3px);top:calc(var(--s) * -3px);height:calc(var(--s) * 2px);background:var(--ink);position:absolute}.batteryCell{background:var(--hairline);transition:background-color 1.2s}.batteryCell.isOn{background:#2c4668}.batteryCable{z-index:0;width:calc(var(--s) * 1px);background:var(--ink);pointer-events:none;position:absolute}.pxWorld{transition:filter 2s}.studioViewport.isResting .pxWorld{filter:brightness(.9)}@media (prefers-reduced-motion:reduce){.pxWorld,.ditherPhoto img,.batteryCell{transition:none}}.infoCard.isSide:after{display:none}.infoLinks{gap:8px;margin-top:14px;display:grid}.infoLinks .infoMore{align-items:center;gap:4px;margin-top:0;text-decoration:none;display:inline-flex}.seaWater{z-index:0;pointer-events:none;position:absolute}.limbo.isSwimming .px{clip-path:inset(0 0 57.7%)}.blind{z-index:1;background:repeating-linear-gradient(to bottom, var(--ink) 0 calc(var(--s) * 1px), transparent calc(var(--s) * 1px) calc(var(--s) * 2px));clip-path:inset(0 0 100%);pointer-events:none;transition:clip-path 1.4s steps(7,end);position:absolute}.blind.isDown{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.blind{transition:none}}