@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes submenuSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes submenuSlideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn .3s ease forwards}.fade-out{animation:fadeOut .3s ease forwards}.dev-app{margin:0;padding:0;width:100dvw;height:100dvh;overflow:hidden}#app-container{position:relative;width:100%;height:100%;font-family:Roboto,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.2;color:#111;background-color:#fff}.embedded{width:90%;height:90%}#app-container h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;color:#111}#app-container h2{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:500;margin-bottom:.75rem;color:#111}#app-container p{margin-bottom:1rem}#app-container a{color:#111}#app-container button{border-style:none;padding:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}#app-container .icon{background:none;border:none;padding:0;font-size:1.2em;cursor:pointer}.custom-loader{position:absolute;width:100%;height:100%;background-color:#d3d3d3;z-index:11;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .8s ease-in-out;will-change:transform}.slide-out{transform:translateY(-100%);pointer-events:none}.loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5em}#loader-button{background-color:transparent}.loader-line{opacity:0;transform:translateY(40px);animation:slideUp .6s ease forwards;z-index:2;margin-left:3vmax;margin-right:3vmax;text-align:center}.delay-1{animation-delay:.6s}.delay-2{animation-delay:1.2s}.delay-3{animation-delay:1.8s}.delay-4{animation-delay:2.4s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}#app-container #renderCanvas{position:absolute;width:100%;height:100%;top:0;touch-action:none;-ms-touch-action:none;overflow:hidden}.menu-toggle{position:absolute;z-index:9;width:48px;height:48px;font-size:1.5rem;background:#eee;border-radius:50%;box-shadow:0 2px 4px #0000001a}.menu-toggle:hover{background:#ddd}@media (orientation: landscape){.menu-toggle{left:10px;top:50%;transform:translateY(-50%)}}@media (orientation: portrait){.menu-toggle{bottom:10px;left:50%;transform:translate(-50%)}}#app-container .menu{position:absolute;background:#fff;z-index:10;display:flex;min-width:min-content;flex-direction:column;animation-duration:.5s;transition:none;border-radius:1.5vmax;border:.4vmax solid rgb(116,116,116)}@media (orientation: landscape){.menu{width:25%;max-height:100%;inset:0 auto auto 0;transition:width .4s ease}}@media (orientation: landscape){.menu.menu-expanded{width:50%}}@media (orientation: portrait){.menu{width:100%;height:30%;inset:auto auto 0 0;transform:translateY(100%);transition:height .4s ease}}@media (orientation: portrait){.menu.menu-expanded{height:60%}}.menu.show-left{animation:slideInLeft .4s ease forwards}.menu.show-bottom{animation:slideInBottom .4s ease forwards}.menu.hide-left{animation:slideOutLeft .3s ease forwards}.menu.hide-bottom{animation:slideOutBottom .3s ease forwards}.menu-header{background:#ddd;padding:1rem;display:flex;justify-content:space-between;align-items:center;font-weight:700;position:relative;z-index:3;border-radius:1rem;min-width:max-content}#app-container .menu-header p{margin-bottom:0}.menu-title{flex-grow:1;text-align:center;font-weight:700;font-size:1.2rem}.menu-header button,.submenu-header button,#fullscreen-toggle{width:36px;height:36px;font-size:1.5rem;border-radius:4px;background:transparent}.menu-header button:hover,.submenu-header button:hover,#fullscreen-toggle:hover{background:#0000000d}.submenu{max-height:0;opacity:0;border-radius:1vmax;border-bottom:.4vmax solid rgb(116,116,116);scrollbar-width:auto;scrollbar-color:#aaa #f0f0f0;transition:max-height .3s ease,opacity .3s ease}#submenu-items{display:flex;justify-content:space-evenly;flex-wrap:wrap}.submenu.expand{max-height:200px;min-height:2.5rem;opacity:1;overflow-y:auto}.submenu-header{text-align:right;padding:.5em}.submenu-item{background-color:#f6f6f6;width:auto;margin:.2rem;padding:.5rem!important;text-align:center;border-radius:1vmax;font-size:1rem;cursor:pointer;transition:background .2s}.submenu-item:hover{background:#eaeaea}.menu-details{flex:1;overflow-y:auto;margin:.5vmax;z-index:1}.detail-block{display:none}.detail-block.active{display:block}#top-right-menu{position:absolute;top:.5em;right:.5em;z-index:10;display:flex;gap:.5em;align-items:center}#top-right-menu p{margin-bottom:0}#language-switcher{position:relative;display:flex}.lang-current{width:2rem;height:1rem;padding:0;border-radius:4px;cursor:pointer;overflow:hidden}.lang-dropdown{position:absolute;top:110%;right:-20%;background:#fff;border:1px solid #ccc;padding:4px;display:none;flex-direction:column;gap:4px;box-shadow:0 2px 4px #00000026;z-index:999}.lang-dropdown button,.lang-button{width:2rem;height:1rem;border-radius:4px;cursor:pointer;overflow:hidden}.lang-dropdown button:hover{background:#0000000d}.lang-current img,.lang-dropdown button img,.lang-button img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.poi-car{position:absolute;transform:translate(1vw,-2rem)}.poi-title-car{width:1.5rem;height:1.5rem;line-height:1.5rem;box-shadow:0 0 5px #0000004d;border-radius:50%;color:#fff;text-align:center;cursor:pointer;background:#333;transition:transform .2s ease}.poi-title-car:hover{transform:scale(1.3)}.poi-detail-car{padding:.3rem;border-radius:.5rem;max-width:10vmax;box-shadow:0 0 5px #0000004d;line-height:1rem;font-size:.9rem;color:#000;cursor:pointer;background:#eee;transition:transform .2s ease}.poi-detail-car:hover{transform:scale(1.1)}.poi-main{position:absolute;transform:translate(-50%,-1.5rem)}.poi-title-main{line-height:1.5rem;border-radius:1rem;font-size:.9rem;padding:.2rem .8rem;color:#000;text-align:center;cursor:pointer;background:#fff;transition:transform .2s ease}.poi-title-main:hover{transform:scale(1.3)}.poi-detail-main{line-height:1.5rem;border-radius:1rem;font-size:.9rem;padding:.2rem .8rem;color:#000;text-align:center;cursor:pointer;background:#fff;transition:transform .2s ease}.poi-detail-main:hover{transform:scale(1.3)}.hidden{visibility:hidden}