.prototype-switcher{position:fixed;top:20px;left:24px;z-index:80;padding:12px 14px;max-width:260px;background:#181818b8;backdrop-filter:blur(12px);border:1px solid #ffffff25;border-radius:6px;color:#eee;font-size:12px}.prototype-switcher label{display:block;font-size:11px;opacity:.7;margin-bottom:6px}.prototype-switcher select{width:100%;background:transparent;color:inherit;border:0;font-size:14px;padding:4px 0}.prototype-switcher option{background:#191919}.prototype-switcher p{margin:8px 0 0;line-height:1.5;color:#ccc}
body[data-prototype=look] #water,body[data-prototype=all] #water{transform:translate(var(--look-x,0px),var(--look-y,0px)) scale(1.035);transition:transform 600ms cubic-bezier(.2,.7,.3,1)}
body[data-prototype=mist] .city-map img,body[data-prototype=all] .city-map img{transition:opacity .8s,filter .8s;opacity:0;filter:blur(7px) grayscale(1)!important}
body[data-prototype=mist] #timeline button:hover .city-map img,body[data-prototype=mist] #timeline button:focus-visible .city-map img,body[data-prototype=all] #timeline button:hover .city-map img,body[data-prototype=all] #timeline button:focus-visible .city-map img{opacity:1;filter:blur(0) grayscale(1) brightness(.35)!important}
body[data-prototype=mist] .city-map::after,body[data-prototype=all] .city-map::after{transition:transform 1s,opacity 1s}body[data-prototype=mist] #timeline button:hover .city-map::after,body[data-prototype=all] #timeline button:hover .city-map::after{transform:translateX(28px) scale(1.2);opacity:.25}
body[data-prototype=about] #owner-about[open],body[data-prototype=all] #owner-about[open]{animation:cloud-approach 1.1s cubic-bezier(.16,1,.3,1) both}
body[data-prototype=about] #owner-about .owner-about-content,body[data-prototype=all] #owner-about .owner-about-content{animation:text-condense 1.1s ease both}
#owner-about.dispersing{animation:cloud-disperse .65s ease-in forwards!important;pointer-events:none}
@keyframes cloud-approach{from{opacity:0;transform:translate(-12vw,6vh) scale(.7);filter:blur(28px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes text-condense{0%,40%{opacity:0;filter:blur(8px)}100%{opacity:1;filter:none}}
@keyframes cloud-disperse{to{opacity:0;transform:translate(10vw,-3vh) scale(1.2);filter:blur(24px)}}
.travel-cloud{position:fixed;inset:-25%;z-index:32;pointer-events:none;opacity:0;transform:translateX(-95%);transition:transform 1.1s ease-in-out,opacity .75s;background:radial-gradient(ellipse at 30% 40%,var(--cloud-light) 0 20%,transparent 48%),radial-gradient(ellipse at 65% 58%,var(--cloud-light) 0 25%,transparent 55%),radial-gradient(ellipse at 50% 50%,var(--cloud-shade) 0 25%,transparent 65%);filter:blur(35px)}.travel-cloud.passing{transform:translateX(0);opacity:1}
@media(max-width:700px){.prototype-switcher{top:12px;left:12px;max-width:210px}}
@media(prefers-reduced-motion:reduce){.travel-cloud{display:none}.prototype-switcher *{transition:none}}