@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);#dragging_container:not(.dragging){transition:transform .3s ease,transform-origin .3s ease}#NaviMap{position:absolute;left:var(--pos-x);top:var(--pos-y);touch-action:pinch-zoom pan-x pan-y pan-left pan-top;touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}#MapCanvas{position:absolute;top:0;left:0;width:100%;height:100%}#NaviMap #MapCanvas>*{position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%)}#NaviMap #MapCanvas .mapPoint{background-color:#2af;border-radius:50%;aspect-ratio:1/1;width:2rem;height:2rem;z-index:2;display:flex;justify-content:center;align-items:center;font-size:1.125rem;color:transparent}#NaviMap #MapCanvas .mapPoint:not(.visited):not(.active){background-color:#2af;width:1rem;height:1rem}#NaviMap #MapCanvas .mapPoint.active{background-color:#f80!important;width:2rem!important;height:2rem!important}#NaviMap #MapCanvas .mapPoint.visited{background-color:#e3e3e3!important;width:.5rem!important;height:.5rem!important}#NaviMap #MapCanvas .mapConnector{--distance:0px;--r:0deg;width:.5rem;height:var(--distance);top:var(--y1);left:var(--x1);transform:translate(-50%,-100%) rotate(var(--r));transform-origin:bottom center;z-index:1}#NaviMap #MapCanvas .mapConnector:not(.visited){background-color:#2af;width:1rem!important}#NaviMap #MapCanvas .mapConnector.visited{background-color:#e3e3e3!important;width:.5rem!important}#NaviMap #MapCanvas .mapPin{background-color:#2af;width:3rem;height:3rem;transform:translate(-50%,calc(-50% - 3rem)) rotate(45deg);border-radius:50% 50% 0 50%;outline:5px solid #000;display:flex;justify-content:center;align-items:center;z-index:5}#NaviMap #MapCanvas .mapPin:before{position:absolute;content:"";background-color:#fff;width:2rem;height:2rem;border-radius:50%;z-index:0}#NaviMap #MapCanvas .mapUser{background-color:#ff9422;width:2rem;height:2rem;transform:translate(-50%,-50%) rotate(var(--r));border-radius:50%;outline:8px solid #000;display:flex;justify-content:center;align-items:center;z-index:10}#NaviMap #MapCanvas .mapUser:before{position:absolute;content:"";background-color:#ff942288;transform:translateY(-2.75rem);width:2rem;height:2rem;clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:.5rem;z-index:0}#NaviMap #MapCanvas .mapConnector span{z-index:10;transform:rotate(calc(var(--r)*-1));font-size:1.5rem;display:none}.pinStart{background:#2af!important}.pinEnd{background:#ff9422!important}#DynamicIsland{z-index:100;position:absolute;width:70%;border-radius:2rem;left:50%;top:3rem;transform:translateX(-50%);background:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 8px rgba(0,0,0,.1)}#IslandScreenSearch ._1st{width:100%;height:2rem;display:flex;justify-content:space-between;align-items:center;flex-flow:row nowrap}#IslandScreenSearch input{width:70%;height:3.5rem;border:none;border-radius:1rem;padding-left:1rem;font-size:1.7rem;background:none}#IslandScreenSearch input:focus{outline:none}#IslandScreenSearch img{width:3rem;height:3rem;cursor:pointer;position:absolute;right:.75rem;stroke-width:10px}#IslandScreenSearch{display:none;flex-direction:column;gap:.5rem;justify-content:center}#fromInput{border-top:2px solid #ff9422;outline-offset:.25rem;width:100%!important;margin:0}#IslandScreenNavigate{display:flex;justify-content:center;align-items:center;gap:.25rem}.IslandScreenNavigatePoint{width:.5rem;height:.5rem;border-radius:50%;background:#ff9422}.navigationScreen{height:4rem;width:100%;display:flex;align-items:center;justify-content:space-between}.navigationScreen img{height:60%}.dots{display:flex;justify-content:center;align-items:center;gap:.5rem}.dot{width:14px;aspect-ratio:1;border-radius:50%;border:2.5px solid #000;background:#fff}.active[data-v-4dbc5e2a]{background-color:#2af}.visited[data-v-4dbc5e2a]{background-color:#000}#BottomBar{z-index:9;padding:2rem;padding-top:3rem;position:absolute;bottom:0;width:100%;max-height:20rem;background:#fff;display:flex;flex-direction:column;box-sizing:border-box;border-radius:3.7rem 3.7rem 0 0;left:0}#BottomBar:before{display:block;content:"";width:max(40%,15rem);height:5px;border-radius:1rem;background:#929292;position:absolute;top:.5rem;left:50%;transform:translateX(-50%)}#BottomBar #BottomButton{display:flex;background:#fff;color:#000;border:none;border-radius:100vw;font-size:1.75rem;padding:.5rem;padding-block:1rem;font-weight:500;margin-top:.5rem;justify-content:space-between;padding-inline:2rem;align-items:center;gap:.75rem;box-shadow:0 0 15px 5px #00000022;margin-top:2rem}#BottomButton img{height:2rem}p{font-size:1.5rem}.compass_container{width:80%;height:1rem;background:#c7c7c7;margin-inline:auto;border-radius:10vh;margin-bottom:.5rem;position:relative}.compass_container .target{background:#22af22;left:0}.compass_container .current,.compass_container .target{width:15%;height:100%;position:absolute;border-radius:10vh;bottom:0;transform:translateX(-50%)}.compass_container .current{background:#eb4218;left:20%;transition:1ms linear}#popup{position:fixed;font-family:SF-Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#fff;z-index:9999;left:50%;width:22.5rem;min-height:10rem;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:.5rem;padding:1.25rem;border-radius:1.5rem;font-size:1.5rem;font-weight:600;text-align:center;padding-bottom:4.25rem;overflow:hidden}#popup *{margin:0}#popup p{font-weight:400;line-height:1.3;font-size:1rem;margin-bottom:1rem}#popup .btn_group{position:absolute;height:3.25rem;width:100%;bottom:0;outline:1px solid #0000002e;outline-width:1px 0 0 0;display:flex;justify-content:space-around}#popup button{all:unset;font-size:1.2rem;font-weight:400;color:#2af;width:50%}#popup button:first-child{border-right:1px solid #0000002e}#popup button:last-child{font-weight:700}.result_container{align-items:center;height:100vh;position:absolute;top:0;left:0;width:100%;gap:.5rem;overflow-y:auto;z-index:500}.result,.result_container{display:flex;background:#fff;flex-direction:column}.result{width:80%;gap:.25rem;padding:1rem;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.1);color:#000}.result_title{font-size:1.2rem;font-weight:700}.result .img_container{width:100%;height:8rem;border-radius:.5rem;overflow:hidden;position:relative}.img_container img{-o-object-fit:cover;object-fit:cover;width:auto;height:auto;transform-origin:top left;transform:scale(.5)}*,:after,:before{box-sizing:border-box}:root{--minunit:mim(1vw,1vh);--maxunit:max(1vw,1vh)}body,html{background:#000;display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh;width:100vw;margin:0;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}h3{font-size:2.5rem}h3,p{padding:0;margin:0}p{font-size:1.25rem;line-height:1.6;opacity:.8}#app{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;font-size:10px;width:100%;height:100%;background-color:#2f3a2f;overflow:hidden;position:relative}@media (orientation:landscape){#app:after{content:"Please use portrait mode";display:block;position:fixed;background:#000;color:#fff;width:100vw;height:100vh;z-index:1000000;font-size:2rem;text-align:center;display:flex;justify-content:center;align-items:center}}