@font-face{font-family:MangoGrotesque;src:url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Light.woff2) format("woff2"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Light.woff) format("woff"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Light.ttf) format("truetype"),url(/fonts/MangoGrotesque/OpenType-TT/MangoGrotesque-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:MangoGrotesque;src:url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Regular.woff2) format("woff2"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Regular.woff) format("woff"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Regular.ttf) format("truetype"),url(/fonts/MangoGrotesque/OpenType-TT/MangoGrotesque-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:MangoGrotesque;src:url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Medium.woff2) format("woff2"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Medium.woff) format("woff"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Medium.ttf) format("truetype"),url(/fonts/MangoGrotesque/OpenType-TT/MangoGrotesque-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:MangoGrotesque;src:url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Bold.woff2) format("woff2"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Bold.woff) format("woff"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Bold.ttf) format("truetype"),url(/fonts/MangoGrotesque/OpenType-TT/MangoGrotesque-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:MangoGrotesque;src:url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Black.woff2) format("woff2"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Black.woff) format("woff"),url(/fonts/MangoGrotesque/Web-TT/MangoGrotesque-Black.ttf) format("truetype"),url(/fonts/MangoGrotesque/OpenType-TT/MangoGrotesque-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:block}html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;font-family:MangoGrotesque,sans-serif;font-weight:500;letter-spacing:.04em}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.stage,.alley,.arthouse,.table,.wall{position:absolute;left:0;color:#fff;background:#0000004d;padding:.4em .8em .3em;border-radius:0 50px 50px 0;text-align:left;pointer-events:auto;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-size:clamp(1rem,3vw,4vh);max-width:40%}.mute-music{position:absolute;left:.4em;color:#fff;background:#0000004d;padding:.35em .4em .15em;border-radius:50px;text-align:left;pointer-events:auto;cursor:pointer;white-space:nowrap;transition:all .2s ease;font-size:4vh;max-width:40%}.wall{top:25%}.table{top:33%}.alley{top:41%}.stage{top:49%}.arthouse{top:57%}.mute-music{top:65%}.stage,.alley,.arthouse,.table,.wall,.mute-music{transition:transform .15s ease,background .15s ease,opacity .15s ease;will-change:transform,background,opacity;touch-action:manipulation}.stage:active,.alley:active,.arthouse:active,.table:active,.wall:active,.mute-music:active{transform:scale(.96);opacity:.85;background:#00000073}@media (hover: hover) and (pointer: fine){.stage:hover,.alley:hover,.arthouse:hover,.table:hover,.wall:hover,.mute-music:hover{transform:scale(1.02);background:#00000073}}.info-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:auto;animation:fadeInOverlay .3s ease-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.info-popup-content{background:#ffffff80;padding:2rem;margin:2vw;border-radius:10px;max-width:400px;text-align:center;box-shadow:0 4px 30px #0000001a;pointer-events:auto;opacity:0;transform:translateY(20px) scale(.97);animation:popupAppear .45s cubic-bezier(.22,1,.36,1) forwards}@keyframes popupAppear{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.read-more-button,.enter-button{color:#000;background-color:transparent;border:2px solid black;padding:.5rem 1rem;border-radius:50px;cursor:pointer;font-size:2rem;margin-top:1rem;transition:background-color .2s ease;transition:color .2s ease;pointer-events:auto;z-index:1000;font-family:MangoGrotesque,sans-serif;font-weight:700;letter-spacing:.02em;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-style:solid}.mute-music{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-style:none;font-family:MangoGrotesque,sans-serif}.read-more-button:hover,.enter-button:hover{background-color:#000;color:#fff;transform:translateY(-2px);transition:all .2s ease}.enter-button{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;min-height:3rem;pointer-events:none;z-index:1000}.enter-button.visible{opacity:1;transform:translateY(0);pointer-events:auto}.enter-ui{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;z-index:9999;color:#000}.enter-ui .bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/Images/EnterImage.webp);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;animation:fadeInBg 1s ease-in forwards;animation-delay:.1s;z-index:0}.enter-ui>*:not(.bg-image){position:relative;z-index:1000;pointer-events:auto}.enter-container{height:2.5em;display:flex;justify-content:center;align-items:center}@keyframes fadeInBg{to{opacity:1}}.enter-ui h1,.enter-ui h2,.kuvaus{opacity:0;transform:translateY(15px);animation:fadeInText .8s ease-out forwards}.enter-ui h1{animation-delay:.4s}.enter-ui h2{animation-delay:.6s}.kuvaus{animation-delay:.5s}@keyframes fadeInText{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.enter-ui.fade-out{animation:fadeOutScreen .8s ease forwards}@keyframes fadeOutScreen{0%{opacity:1}to{opacity:0}}h1{font-weight:700;font-size:3em}h2{font-weight:700;font-size:2em}.info-text{font-family:Verdana,sans-serif;font-weight:700;font-size:1em;letter-spacing:-.03em}.kuvaus,p{font-family:Verdana,sans-serif;font-weight:700;font-size:1.2em;letter-spacing:-.03em;padding:1em}.kuvaus a{color:inherit;text-decoration:underline}.kuvaus a:hover{opacity:.6}@media (max-width: 550px){.interface{position:fixed;left:0;right:0;bottom:0;top:unset!important;display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;align-content:flex-start;padding:1dvh 1vw;padding-bottom:calc(1dvh + env(safe-area-inset-bottom));background:transparent;pointer-events:auto;max-height:50dvh;overflow-y:auto;height:auto!important}.stage,.alley,.arthouse,.table,.wall,.mute-music{position:static!important;display:inline-flex;flex:0 0 auto;white-space:nowrap;font-size:8vw;padding:.3em .8em;margin:0;border-radius:25px;background:#0006;pointer-events:auto}}