@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";body{-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;touch-action:manipulation;font-family:Lora,serif;font-optical-sizing:auto}canvas{width:100%;height:100%}a{color:#576569}@keyframes float-left{0%{transform:translate(100%)}to{transform:translate(-100%)}0%,to{animation-timing-function:ease-in-out}}#text-on-screen{border:2px solid #9f9f9f;border-radius:2px;padding:10px;color:#ded5be;cursor:pointer;position:absolute;background-color:#001b20b3;font-size:1.5em;bottom:1em;opacity:1;z-index:9999;max-width:95vw}#loading{display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:16px;color:#333;background-color:#fffc;padding:20px;border-radius:15px;border:3px solid black;box-shadow:0 2px 10px #0000001a;z-index:999999}#loading.show{display:flex}#spinner{width:80px;height:80px;margin-bottom:10px}#progress-text{margin-top:5px;font-size:14px;color:#555}.label{background:#ffffffb3;border:1px solid #000;padding:2px 8px;font-family:DotGothic16,sans-serif;font-size:.8em;color:#000;text-align:center;position:absolute}.viewer{border:none;position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;left:0;top:0}.flash{animation:flash 1s 6}@keyframes flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeOut{0%{opacity:.9}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:.9}}.fade-out{opacity:0;transition:opacity .5s ease-in-out}#image-view{max-width:95vw;max-height:85vh;height:auto;border:4px solid #9f9f9f}*{box-sizing:border-box}.row{display:inline-flex;clear:both}.columnLateral{float:left;width:15%;min-width:300px}.columnCetral{float:left;width:70%;min-width:300px}#joy3Div{opacity:.5;width:6em;height:6em;margin:50px;position:fixed;bottom:0;left:0;z-index:9999}#audio-on{position:absolute;right:2%;top:4em;height:3em;opacity:1}#text-info,#text-books{position:absolute;max-width:96%;color:#fff;background-color:#9f9f9ff2;text-align:justify;display:none;justify-content:center;padding:9px;left:2%;border:2px solid #d5e5eb;border-radius:4px;z-index:101}#text-books.open,#text-info.open{display:flex}*{margin:0;padding:0;box-sizing:border-box;letter-spacing:1px}.sidebar{display:none;position:fixed;left:0;height:100%;width:0px;background:#142236;padding:6px 1px;z-index:99;transition:all .5s ease;overflow:auto}.sidebar.open{width:400px;max-width:86%;display:flex}.sidebar .logo-details{height:60px;display:flex;align-items:center;position:relative}@media(max-width:420px){.sidebar .logo-details{height:1.5em}}.sidebar .logo-details .icon{opacity:0;transition:all .5s ease}.sidebar .logo-details .logo_name{color:#fff;font-size:1.5em;font-weight:600;opacity:0;transition:all .5s ease}@media(max-width:420px){.sidebar .logo-details .logo_name{font-size:1em}}.sidebar.open .logo-details .icon,.sidebar.open .logo-details .logo_name{opacity:1}#btn{font-family:Archivo,serif!important;position:fixed;display:block;left:0;z-index:1000;font-size:1.2em;font-weight:700;text-align:center;cursor:pointer;transition:all .5s ease;background-color:#eaeaea;border:2px solid #142236;border-radius:20%;color:#142236;padding:2px 1px 3px 4px}#btn.open{display:block;left:400px;text-align:right;transform:scaleX(-1);left:min(400px,86vw)}@media(max-width:420px){#btn{font-size:1em}}.sidebar canvas,.sidebar div.map_in_sidebar canvas,li.text_in_sidebar canvas{display:none;transition:all .5s ease}.sidebar.open canvas.open,.sidebar.open div.map_in_sidebar,li.text_in_sidebar.open canvas.open{transition:all .5s ease;display:flex;width:360px;height:500px;position:relative;bottom:50%}.text_in_sidebar{display:flex;height:fit-content;max-height:50vh}#info_text_in_sidebar,#books_text_in_sidebar,#map_in_sidebar,.sidebar .how-to-move{display:none;align-items:flex-start;position:relative;max-width:96%;color:#fff;justify-content:flex-start;font-size:1em;font-weight:100;transition:all .5s ease;margin:1.5em 0 0}.sidebar .how-to-move{border:6px solid #141421;border-radius:10px;background-color:#142236;color:#9cb7c4;font-size:normal;height:33em;overflow:auto;padding-left:1em}.sidebar.sidebar.open .how-to-move{display:flex;opacity:1}@media(max-width:420px){.sidebar div.info_text_in_sidebar,.sidebar div.books_text_in_sidebar,li.text_in_sidebar,.sidebar div.map_in_sidebar{font-size:.9em}}#info_text_in_sidebar.open,#books_text_in_sidebar.open,#map_in_sidebar.open{display:flex;overflow:auto;height:40vh;padding:1em 0 0}.sidebar i{color:#fff;height:60px;min-width:50px;font-size:1.5em;text-align:center;line-height:60px}@media(max-width:420px){.sidebar i{font-size:1em}}.sidebar .nav-list{padding:1em;height:140%}@media(max-width:420px){.sidebar .nav-list{padding:.2em .5em}}.sidebar li{position:relative;margin:8px 0;list-style:none}.sidebar li a{display:flex;height:100%;width:100%;border-radius:50px;align-items:center;text-decoration:none;transition:all .4s ease;background:#11101d}.sidebar li a:hover,#info-icon.active,#books-icon.active{background:#2d88e3}.sidebar li a .links_name{color:#c7eaf4;font-size:1em;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:.4s}@media(max-width:420px){.sidebar li a .links_name{font-size:.8em}}.sidebar.open li a .links_name{opacity:1;pointer-events:auto;display:flex;align-items:center}.sidebar li a:hover .links_name,.sidebar li a:hover i{transition:all .5s ease;color:#11101d}.sidebar li i{height:50px;line-height:50px;font-size:1.2em;border-radius:12px}@media(max-width:420px){.sidebar li i{font-size:1em}}.sidebar li img{opacity:.7;height:3em;width:auto;object-fit:cover;border-radius:6px;margin-right:10px}.joystick{width:100px;height:100px;position:fixed;bottom:20px;left:20px;border-radius:50%;background:#1546634d;touch-action:none}.stick{width:50px;height:50px;border-radius:50%;background:#fffc;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);touch-action:none}#joystickCanvas{display:block}#joystickContainer{position:absolute;bottom:10px;left:10px;width:100px;height:100px;z-index:10}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity 2s ease,visibility 1s ease}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hidden{display:none}.modal{border-radius:10px;width:95%;max-width:90vw;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 4px 10px #0000004d;overflow:hidden;position:relative;padding:1em;background:#f9f9f9}.modal-close{position:absolute;top:10px;right:10px;font-size:18px;font-weight:700;background:#000;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10}.modal-image-container{flex:1;display:flex;justify-content:left;align-items:center;padding:20px;background:#f9f9f9;max-height:95vh}.modal img{max-width:100%;object-fit:contain;border-radius:8px}.modal-description{padding:15px 20px;font-size:1.3em;line-height:1.5;color:#333;height:120px;overflow-y:auto;scrollbar-width:thin}.modal-image-container img.horizontal{flex:3;max-height:85vh;width:auto;object-fit:contain}.modal-description.horizontal{flex:1;max-height:85vh;overflow-y:auto;padding:15px}.modal-image-container img.vertical{flex:4;max-height:85vh;width:auto;object-fit:contain}.modal-description.vertical{flex:1;max-height:85vh;overflow-y:auto;padding:15px}@media(orientation:landscape){.modal{display:flex;flex-direction:row}.modal-image-container{flex:4;display:flex;align-items:center;justify-content:center}.modal-description{flex:1;overflow-y:auto;padding:20px;height:auto}}@media(orientation:portrait){.modal{display:flex;flex-direction:column}.modal-image-container{flex:3;display:flex;align-items:center;justify-content:center}.modal-description{flex:1;overflow-y:auto;padding:15px}}#overlay p{top:5em;position:relative;left:2em}.slider-container{position:relative;display:none;align-items:center;gap:10px;background:#000000b3;padding:4px;border-radius:20px;color:#ffffffd1;z-index:10;pointer-events:all;margin-top:1em}.slider-container input{width:200px;cursor:pointer}.sidebar.sidebar.open .slider-container{display:flex;opacity:1}