:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh}body>canvas{position:absolute;top:0;right:0}#root{position:absolute;top:0;right:0;bottom:0;left:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{z-index:2}#menupanel{position:absolute;padding:0;top:0;right:0;bottom:0;left:0;width:100%;display:flex;gap:30px;row-gap:10px;flex-wrap:wrap;transition:transform .3s;z-index:101;pointer-events:none}#menupanel .panel{width:100%;display:flex;justify-content:flex-end;flex-direction:column}#menupanel .panel button{z-index:2}#menupanel h2{margin:0 0 5px;padding:0;font-size:.8rem}#menupanel button{pointer-events:visible}@media (min-aspect-ratio: 3/2) or (min-width: 1000px){#menupanel{pointer-events:initial;background-color:var(--color-purple);color:#fff;box-sizing:border-box;right:auto;bottom:0;top:0;width:calc(100vw - 120dvh);min-width:23rem;max-width:30rem;justify-content:end;flex-direction:column;flex-wrap:nowrap}#menupanel .panel{overflow-y:scroll}}.dg.ac{z-index:2!important}.loadercanvas{position:absolute!important;z-index:-100;top:0}@font-face{font-display:swap;font-family:Krona One;font-style:normal;font-weight:400;src:url(/wp-content/themes/hamina-linnoitus/assets/krona-one-v14-latin-regular-lxbkZ9Cr.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/wp-content/themes/hamina-linnoitus/assets/montserrat-v29-latin-regular-CIMKXMQI.woff2) format("woff2")}:root{--color-purple: #4A2965;--color-pink: #EC7B94;--color-red: #E34640;font-family:Montserrat,sans-serif}h1{font-family:Krona One}#fullpagecontainer{width:100%;height:fit-content;min-height:100%;color:var(--color-purple);z-index:103;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}#fullpagecontainer .contentcolumn{max-width:342px;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:0;gap:32px;text-align:center}#fullpagecontainer .contentpanel{box-shadow:0 4px 20px #00000040;border-radius:20px;padding:32px 16px}.previous_button{background-color:var(--color-pink);width:48px;height:48px;border:3px solid #fff;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:0;position:absolute;top:32px;left:32px}.previous_button svg{transform:scaleX(-1)}.main3D{transition:filter .5s}.main3D.blurred{filter:blur(4px)}.positionpointer{position:relative}.positionpointer .poicontainer{position:absolute;height:0}.positionpointer .poicontainer:after{position:absolute;content:"";top:0;width:32px;height:32px;border:2px solid white;border-radius:99px;background-color:#ec7b94;transform:translate(-50%,-50%);transition:border-width .15s}.positionpointer .flagpost{border-left:2px solid #4A2965;transform:rotate(-8deg) translateY(-122px) translate(7px);height:90px;-webkit-user-select:none;user-select:none;position:relative}.positionpointer .flagpost:after{content:"";width:4px;height:4px;background-color:#4a2965;position:absolute;top:-3px;left:-3px;border-radius:2px}.positionpointer p{background-color:#4a2965;color:#fff;padding:.125rem .75rem;font-weight:700;font-size:.75rem;transform:translate(-1px)}.positionpointer p:after{content:"";display:block;position:absolute;top:0;height:50px}.positionpointer .icon{position:absolute;z-index:1}.positionpointer .icon-lock{top:-9px;left:-7px}.positionpointer .icon-check{top:-8px;left:-8px}.positionpointer.completed .poicontainer:after{background-color:#7dcae6}.positionpointer.locked .poicontainer:after{background-color:#fff}.positionpointer.active{cursor:pointer}.positionpointer.active .poicontainer:hover:after{border-width:5px}.dialoguebubble{position:relative;background-color:#fff;color:#000;padding:0 1rem;margin:0 2rem 90px;border-radius:1.25rem;filter:drop-shadow(0px 4px 4px #00000040);pointer-events:visible}.dialoguebubble .charactername{opacity:.4;font-size:.875rem;text-align:right;padding-left:100px}.dialoguebubble .characterimage{position:absolute;bottom:-82px;left:-16px;width:120px;height:120px;border-radius:999px;border:3px solid #ffffff;background:var(--color-purple);overflow:hidden}.dialoguebubble .characterimage img{width:120px;height:120px}.dialoguebubble .bubbletail{position:absolute;bottom:-28px;left:130px;transform:scaleX(-1)}.dialoguebubble.isactive .charactername{text-align:left;padding-left:0;padding-right:100px}.dialoguebubble.isactive .characterimage{right:-16px;left:auto}.dialoguebubble.isactive .bubbletail{transform:none;left:auto;right:130px}.dialoguebubble.nocharacter{position:fixed;bottom:20px;left:50%;transform:translate(-50%,-50%)}.dialoguebubble.icon{width:80px;height:40px;padding:0;border-radius:11px;background-color:var(--color-red);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-bottom:0;transform:translate(-5px,-30px);animation:bounce .5s;animation-direction:alternate;animation-iteration-count:infinite;animation-delay:5s;cursor:pointer}.dialoguebubble.icon .characterimage,.dialoguebubble.icon .characterimage img{width:51px;height:51px;left:auto;right:-40px;bottom:-30px}.dialoguebubble.icon .bubbletail{transform:scale(.5);left:auto;bottom:-26px}.dialoguebubble.icon .bubbletail path{fill:var(--color-red)}@keyframes bounce{0%{transform:translate(-5px,-30px) scale(1)}to{transform:translate(-5px,-30px) scale(1.1)}}.dialogue{display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;position:absolute;padding-bottom:98px;width:100%;height:100%;box-sizing:border-box;background-color:#ffffff80;pointer-events:none}.dialogue:after{content:"";position:absolute;bottom:0;width:100%;height:200px;z-index:-1;background:linear-gradient(0deg,#fffc,#9990)}.dialogue.hidden{display:none}.dialogue.nobackground{background:none}.dialogue.nobackground:after{display:none}.dialogue.instructionhidden .nocharacter{display:none}.stepbuttoncontainer{position:absolute;right:32px;bottom:32px;display:flex;gap:16px;align-items:center}.stepbuttoncontainer p{color:#000}.step_nextbutton,.hidedialogue{background-color:var(--color-pink);width:48px;height:48px;border:3px solid #fff;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:0}@media (min-aspect-ratio: 3/2) or (min-width: 1000px){.dialogue{background:none}.dialogue:after{display:none}.hidedialogue,.hidedialogue_instruction{display:none}}.page{text-align:left;display:flex;flex-direction:column}.page .characterimage{float:left;width:100px;border-radius:50px;margin-right:2rem}.page button{margin-left:auto;margin-right:0;background:var(--color-purple);color:#fff}.page hr{margin:1rem 0}.loadindicator{border:1px solid #4A2965;background:#fff;padding:3px;border-radius:999px;margin:1rem;opacity:1;transition:opacity 1s;width:100%}.loadindicator.inactive{opacity:0}.loadindicator .loadindicator_bar{box-sizing:border-box;background:var(--color-purple);color:#fff;border-radius:999px;font-size:.8rem;font-weight:700;padding-left:1rem;height:24px;display:flex;align-items:center}.orbitreminder{position:absolute;background-color:#ffffffbf;top:50%;left:50%;width:86px;height:86px;border-radius:43px;pointer-events:none}.orbitreminder svg{position:absolute;top:22px;right:24px;bottom:22px;left:24px;height:38px;width:38px;transform:rotate(45deg);animation:slide 2s;animation-iteration-count:3}@keyframes slide{0%,to{transform:translate(0) rotate(45deg)}25%{transform:translate(-3px,-3px) rotate(30deg)}75%{transform:translate(3px,3px) rotate(60deg)}}#backgroundpanel{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff}#backgroundpanel img{position:absolute;width:100px;transition:width .3s}#backgroundpanel img.corner_tl{top:0;left:0}#backgroundpanel img.corner_bl{bottom:0;left:0}#backgroundpanel img.corner_tr{top:0;right:0}#backgroundpanel img.corner_br{bottom:0;right:0}@media (min-width: 750px){#backgroundpanel img{width:200px}}