#root{width:100vw;height:100vh}body,canvas{margin:0;padding:0;width:100vw;height:100vh;touch-action:none}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrainsmono-regular.woff2) format("woff2"),url(/fonts/jetbrainsmono-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:block}:root{--base-font: 14px;--bg-color: #fff;--button-color: #93cb43;--font-color: #486051;--font-color-light: #48605160;--font-background: #fefffade;--font-backgound-solid: #fefffa;--transition-ease: cubic-bezier(.4, 0, .2, 1);--transition-time: .15s;--font-family: "JetBrains Mono", "Courier New", Courier, "Lucida Console", monospace}html{font-size:16px}body{font-family:var(--font-family);font-optical-sizing:auto;font-weight:400;font-style:normal;letter-spacing:-.01em;color:var(--font-color);background-color:var(--bg-color);cursor:var(--cursor),auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:root{--background-color: #f0f0f0;--text-color: #333}.dark-mode{--background-color: #333;--text-color: #f0f0f0}.middle-container{position:relative;width:50dvw;height:90dvh}.city-block{position:absolute;min-width:100%;min-height:90%;background-color:var(--background-color);padding:20px;border-radius:20px;margin:10px 0;display:flex;align-items:center;justify-content:center;flex-direction:column}.city-name{font-size:24px;font-weight:700;margin:20px 0;text-transform:uppercase;color:var(--text-color);position:absolute;text-shadow:#666 1px 1px 2px;top:10%}.city-description{font-size:16px;color:var(--text-color);text-wrap:wrap}.close-btn{bottom:40px;pointer-events:visible;position:absolute;font-size:20px;border:none;cursor:pointer;color:var(--background-color);padding:10px 20px;background-color:var(--text-color);border:3px solid red;border-radius:20px;text-align:center;animation:border 4s infinite}@keyframes border{0%{border-color:red}50%{border-color:#00f}to{border-color:red}}.close-btn:hover{background-color:var(--background-color);color:var(--text-color)}.overlay{position:absolute;top:0;right:0;max-width:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.image-container{position:absolute;left:0;max-width:50%;background:red;width:100%;height:100%;border-radius:20px 0 0 20px/20px 0px 0px 20px;background-position:center;background-size:cover}.city-image{position:absolute;width:100%;height:auto;border-radius:30px;top:50%;margin:30px auto}.logo{top:3%;right:50%;height:auto;border-radius:30px}.logo-img{width:60px;height:auto;border-radius:30px}._volume_l5giv_1{vertical-align:baseline;justify-self:start;font-size:1.75rem;opacity:0;transform:translate(-1rem,-100%);animation:.5s cubic-bezier(.75,-.5,0,1.75) 1.2s forwards 1 normal _volumeShow_l5giv_1}._volume_l5giv_1 ._toggle_l5giv_9{all:unset;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap;pointer-events:visible;width:max-content;max-width:1.36em;height:1.36em;padding:calc(.3em - 1px);background-color:var(--font-background);border-radius:3em;clip-path:inset(0 round 3em);box-sizing:border-box;border:2px solid #e1e5e1;cursor:pointer}._volume_l5giv_1 ._toggle_l5giv_9 svg{width:.76em;min-width:.76em;height:.76em}._volume_l5giv_1 ._toggle_l5giv_9 svg path{fill:var(--font-color)}._volume_l5giv_1 ._toggle_l5giv_9 svg g._sound_l5giv_36,._volume_l5giv_1 ._toggle_l5giv_9 svg g._mute_l5giv_37{transform-origin:center;transition:all var(--transition-time) var(--transition-ease)}._volume_l5giv_1 ._toggle_l5giv_9 svg g._sound_l5giv_36{transform:scale(0);opacity:0}._volume_l5giv_1 ._toggle_l5giv_9 ._label_l5giv_45{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:.2em;width:max-content;font-family:var(--font-family);font-size:.4em;text-transform:uppercase;padding-inline:.4em;white-space:nowrap}._volume_l5giv_1 ._toggle_l5giv_9 ._label_l5giv_45 ._word_l5giv_58{display:block}._volume_l5giv_1 ._toggle_l5giv_9 ._label_l5giv_45 ._word_l5giv_58 ._letter_l5giv_61{display:inline-block;opacity:0;transform:translateY(50%) scale(.5)}._volume_l5giv_1 ._toggle_l5giv_9:not(._enabled_l5giv_66){animation:20s ease-in-out infinite _buttonLabelShow_l5giv_1}._volume_l5giv_1 ._toggle_l5giv_9:not(._enabled_l5giv_66) ._label_l5giv_45 ._word_l5giv_58 ._letter_l5giv_61{animation:20s cubic-bezier(.75,-.5,0,1.75) infinite _letterShow_l5giv_1}._volume_l5giv_1 ._toggle_l5giv_9._enabled_l5giv_66 svg g._mute_l5giv_37{transform:scale(0);opacity:0}._volume_l5giv_1 ._toggle_l5giv_9._enabled_l5giv_66 svg g._sound_l5giv_36{transform:scale(1);opacity:1}@keyframes _volumeShow_l5giv_1{0%{opacity:0;transform:translate(-1rem,-100%)}to{opacity:1;transform:translate(-1rem,-1rem)}}@keyframes _buttonLabelShow_l5giv_1{5%{max-width:1.36em}7%{max-width:100%}26%{max-width:100%}28%{max-width:1.36em}}@keyframes _letterShow_l5giv_1{6%{opacity:0;transform:translateY(50%) scale(.5)}8%{opacity:1;transform:translateY(0) scale(1)}25%{opacity:1;transform:translateY(0) scale(1)}27%{opacity:0;transform:translateY(50%) scale(.5)}}._ui_yck7y_1{pointer-events:none;z-index:1;position:fixed;left:0;top:0;width:100vw;height:100dvh;padding:2rem;box-sizing:border-box;touch-action:none;display:grid;grid-template-rows:max-content auto}._ui_yck7y_1 ._top_yck7y_15{display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(-100%);animation:.2s cubic-bezier(.75,-.5,0,1.75) .3s forwards 1 normal _uiShow_yck7y_1}@keyframes _uiShow_yck7y_1{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}._transition_yck7y_34{position:fixed;width:100vw;height:100vh;z-index:2;clip-path:circle(0)}._transition_yck7y_34._show_yck7y_41{animation:1s ease-in-out .5s forwards 1 normal _playTransition_yck7y_1}@keyframes _playTransition_yck7y_1{0%{clip-path:circle(0)}to{clip-path:circle(100%)}}:root{--bg: hsl(223, 10%, 30%);--fg: hsl(223, 10%, 90%);--fg-t: hsla(223, 10%, 90%, .5);--primary1: hsl(223, 90%, 55%);--primary2: hsl(223, 90%, 65%);--trans-dur: .3s;font-size:calc(16px + 4 * (100vw - 320px) / 960)}._wrapper_1cz4d_11{position:fixed;width:100vw;height:100vh;padding:10vw;box-sizing:border-box;touch-action:none;display:grid;gap:3rem;place-content:center;justify-items:center;background-color:var(--bg);background-image:linear-gradient(135deg,#0000,#0003);text-align:center;overflow:hidden;z-index:1;color:var(--fg)}._loading_1cz4d_30{display:grid;place-items:center;min-height:360px;grid-template-areas:"loader"}._loader_1cz4d_37{display:grid;place-items:center;grid-area:loader;width:100%;height:100%}._pl_1cz4d_45{position:relative;display:flex;justify-content:center;align-items:center;width:15em;height:15em;transform:rotateX(30deg) rotate(45deg);box-shadow:2em 0 2em #0003 inset,-2em 0 2em #ffffff1a inset;border-radius:50%;text-transform:uppercase;letter-spacing:.1em}._pl__dot_1cz4d_59{position:absolute;top:calc(50% - .75em);left:calc(50% - .75em);width:1.5em;height:1.5em;border-radius:50%;animation:_shadow_1cz4d_1 2s infinite;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #00000080}._pl__dot_1cz4d_59,._pl__dot_1cz4d_59:before,._pl__dot_1cz4d_59:after{animation-duration:2s;animation-iteration-count:infinite;position:absolute}._pl__dot_1cz4d_59:before,._pl__dot_1cz4d_59:after{content:"";position:absolute;display:block;left:0;width:inherit;transition:background-color var(--trans-dur);animation-duration:2s;animation-iteration-count:infinite}._pl__dot_1cz4d_59:before{animation-name:_pushInOut1_1cz4d_1;background-color:var(--bg);border-radius:inherit;box-shadow:.05em 0 .1em #fff3 inset;height:inherit;z-index:1}._pl__text_1cz4d_99{font-size:.75em;max-width:5rem;position:relative;text-shadow:0 0 .1em var(--fg-t);transform:rotate(-45deg)}._pl__dot_1cz4d_59:nth-child(1){transform:rotate(0) translate(5em) rotate(0);z-index:5}._pl__dot_1cz4d_59:nth-child(2){transform:rotate(-30deg) translate(5em) rotate(30deg);z-index:4}._pl__dot_1cz4d_59:nth-child(3){transform:rotate(-60deg) translate(5em) rotate(60deg);z-index:3}._pl__dot_1cz4d_59:nth-child(4){transform:rotate(-90deg) translate(5em) rotate(90deg);z-index:2}._pl__dot_1cz4d_59:nth-child(5){transform:rotate(-120deg) translate(5em) rotate(120deg);z-index:1}._pl__dot_1cz4d_59:nth-child(6){transform:rotate(-150deg) translate(5em) rotate(150deg);z-index:1}._pl__dot_1cz4d_59:nth-child(7){transform:rotate(-180deg) translate(5em) rotate(180deg);z-index:2}._pl__dot_1cz4d_59:nth-child(8){transform:rotate(-210deg) translate(5em) rotate(210deg);z-index:3}._pl__dot_1cz4d_59:nth-child(9){transform:rotate(-240deg) translate(5em) rotate(240deg);z-index:4}._pl__dot_1cz4d_59:nth-child(10){transform:rotate(-270deg) translate(5em) rotate(270deg);z-index:5}._pl__dot_1cz4d_59:nth-child(11){transform:rotate(-300deg) translate(5em) rotate(300deg);z-index:6}._pl__dot_1cz4d_59:nth-child(12){transform:rotate(-330deg) translate(5em) rotate(330deg);z-index:6}._pl__dot_1cz4d_59:nth-child(1),._pl__dot_1cz4d_59:nth-child(1):before,._pl__dot_1cz4d_59:nth-child(1):after{animation-delay:0s}._pl__dot_1cz4d_59:nth-child(2),._pl__dot_1cz4d_59:nth-child(2):before,._pl__dot_1cz4d_59:nth-child(2):after{animation-delay:-.166s}._pl__dot_1cz4d_59:nth-child(3),._pl__dot_1cz4d_59:nth-child(3):before,._pl__dot_1cz4d_59:nth-child(3):after{animation-delay:-.333s}._pl__dot_1cz4d_59:nth-child(4),._pl__dot_1cz4d_59:nth-child(4):before,._pl__dot_1cz4d_59:nth-child(4):after{animation-delay:-.5s}._pl__dot_1cz4d_59:nth-child(5),._pl__dot_1cz4d_59:nth-child(5):before,._pl__dot_1cz4d_59:nth-child(5):after{animation-delay:-.666s}._pl__dot_1cz4d_59:nth-child(6),._pl__dot_1cz4d_59:nth-child(6):before,._pl__dot_1cz4d_59:nth-child(6):after{animation-delay:-.833s}._pl__dot_1cz4d_59:nth-child(7),._pl__dot_1cz4d_59:nth-child(7):before,._pl__dot_1cz4d_59:nth-child(7):after{animation-delay:-1s}._pl__dot_1cz4d_59:nth-child(8),._pl__dot_1cz4d_59:nth-child(8):before,._pl__dot_1cz4d_59:nth-child(8):after{animation-delay:-1.166s}._pl__dot_1cz4d_59:nth-child(9),._pl__dot_1cz4d_59:nth-child(9):before,._pl__dot_1cz4d_59:nth-child(9):after{animation-delay:-1.333s}._pl__dot_1cz4d_59:nth-child(10),._pl__dot_1cz4d_59:nth-child(10):before,._pl__dot_1cz4d_59:nth-child(10):after{animation-delay:-1.5s}._pl__dot_1cz4d_59:nth-child(11),._pl__dot_1cz4d_59:nth-child(11):before,._pl__dot_1cz4d_59:nth-child(11):after{animation-delay:-1.666s}._pl__dot_1cz4d_59:nth-child(12),._pl__dot_1cz4d_59:nth-child(12):before,._pl__dot_1cz4d_59:nth-child(12):after{animation-delay:-1.833s}@keyframes _shadow_1cz4d_1{0%{animation-timing-function:ease-in;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}25%{animation-timing-function:ease-out;box-shadow:.1em .1em 0 .1em #000,.8em 0 .8em #00000080}50%,to{box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}}@keyframes _pushInOut1_1cz4d_1{0%{animation-timing-function:ease-in;background-color:var(--bg);transform:translate(0)}25%{animation-timing-function:ease-out;background-color:var(--primary2);transform:translate(-71%,-71%)}50%,to{background-color:var(--bg);transform:translate(0)}}@keyframes _pushInOut2_1cz4d_1{0%{animation-timing-function:ease-in;background-color:var(--bg);clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}25%{animation-timing-function:ease-out;background-color:var(--primary1);clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%)}50%,to{background-color:var(--bg);clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}}._wrapper_1cz4d_11._loaded_1cz4d_262 ._loading_1cz4d_30 ._loader_1cz4d_37 span{animation:.3s cubic-bezier(.42,0,.02,1.3) forwards 1 normal _loaderMorph_1cz4d_1}._wrapper_1cz4d_11._hide_1cz4d_266{background-color:var(--bg);animation:.3s ease-in-out forwards 1 normal _hideLoading_1cz4d_1}._wrapper_1cz4d_11._hide_1cz4d_266 ._loading_1cz4d_30 ._loader_1cz4d_37 span{display:none}@keyframes _hideLoading_1cz4d_1{0%{opacity:1}to{opacity:.5;visibility:hidden}}@keyframes _loaderMorph_1cz4d_1{0%{width:100%;height:4px;filter:blur(0);transform:translateZ(0);background-color:var(--bg)}50%{height:8px}90%{width:10ch;height:100%}to{opacity:0;filter:blur(1px);transform:translateZ(0);background-color:var(--bg)}}