#top-border,body,html{position:fixed;background:#111}.top-left,.top-right{display:flex;gap:16px}.top-btn,.top-link{font-size:11px;text-transform:uppercase;font-weight:600;transition:color .3s}#corner-logo img,#map,body,html{width:100%;height:100%}#corner-link a,.sidebar-popup a:hover{text-decoration:underline}#corner-logo img,#menu-btn{transition:transform .2s;cursor:pointer}.tab-btn:first-child,.top-left{margin-left:35px}#close-all-btn,#menu-btn,.catalog-item,.popup-btn,.sidebar-close,.tab-btn,.top-btn{cursor:pointer}#close-all-btn,.sidebar-hidden,.tooltip{pointer-events:none}body,html{margin:0;padding:0;overflow:hidden;font-family:Inter,sans-serif;overscroll-behavior:none}#top-border{top:0;left:0;width:100%;height:35px;z-index:2000}.top-border-inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px;height:35px}.sidebar-popup,.tooltip{padding:0;position:absolute}.top-btn{color:#ccc;letter-spacing:.5px}.top-btn:hover{color:#2ca8a6e6}.top-right{margin-right:105px}.top-link{color:#777;text-decoration:none}.top-btn.active{border-top:1px solid #2ca8a6e6}#close-all-btn:hover,.top-left:hover{color:#fff}#close-all-btn{position:absolute;top:50%;right:20px;transform:translateY(-50%);background:0 0;border:none;color:#ccc;font-size:22px;opacity:0;transition:opacity .3s,color .2s}#close-all-btn.visible{opacity:1;pointer-events:auto;animation:.4s rotateIn}@keyframes rotateIn{from{transform:translateY(-50%) rotate(-90deg);opacity:0}to{transform:translateY(-50%) rotate(0);opacity:1}}#map{position:absolute}#map,#top-border{max-width:100vw;overflow:hidden}.ol-zoom{position:absolute;bottom:15px;top:auto;left:15px;right:auto}.ol-zoom button{background-color:rgba(30,30,30,.9);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:8px;width:28px;height:28px;font-size:18px;margin:4px 0;transition:.2s;box-shadow:0 2px 8px rgba(0,0,0,.4)}.ol-zoom button:hover{background-color:rgba(41,119,118,.9);border-color:rgba(255,255,255,.25);transform:scale(1.05)}.ol-zoom button:active{background-color:rgba(41,119,118,.7);transform:scale(.95)}#corner-link{position:absolute;bottom:10px;right:10px;color:#ddd;font-size:11px;pointer-events:auto}#corner-link a{color:#41245e}#corner-link a:hover{color:#7af}#corner-logo{position:absolute;bottom:28px;right:20px;width:35px;height:35px}#corner-logo img:hover{transform:scale(1.1)}.tooltip{background:rgba(17,17,17,.7);color:#fff;border-radius:6px;font-size:13px;text-align:center;box-shadow:0 0 0 rgba(255,255,255,.2)}#sidebar-left,.sidebar-popup{top:0;background:rgba(17,17,17,.9);overflow-x:hidden;box-sizing:border-box;margin-top:35px;height:100%}.tooltip img{max-width:220px;height:auto;display:block;margin:0 auto 4px;border:none}.tooltip b{display:block;padding:6px}.sidebar-popup{right:-33%;width:33%;-webkit-overflow-scrolling:touch;touch-action:auto;border-radius:0 6px 6px 0;word-wrap:break-word;max-height:calc(100vh - 35px);color:#fff;backdrop-filter:blur(2px);box-shadow:-4px 0 12px rgba(0,0,0,.6);transition:right .4s;z-index:11}.sidebar-close{position:absolute;top:12px;right:16px;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:24px;line-height:1;border-radius:6px;padding:2px 8px;transition:background .2s;z-index:12}.sidebar-close:hover{background:rgba(255,255,255,.25)}.sidebar-popup img{width:100%;height:auto;margin-bottom:12px;border:none;border-radius:6px;display:block}#sidebar-left h3,.sidebar-popup h2{border-bottom:1px solid rgba(255,255,255,.2);text-align:center}.sidebar-popup h2{margin:0 10 10px 0;font-size:22px;padding-bottom:16px}.sidebar-popup p{font-size:14px;padding:10px 50px;line-height:1.4em;color:#ddd;margin-bottom:12px}.sidebar-popup a{color:#ddd;text-decoration:none;font-weight:700}.popup-btn{display:inline-block;padding:14px 24px;font-size:16px;background:rgba(41,119,118,.99);color:#ddd;border:none;border-radius:0 6px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:.3s}#menu-btn,#sidebar-left{border-radius:0 6px 6px 0;position:absolute}.popup-btn:hover{transform:translateY(-2px) scale(1.01);background:rgba(17,17,17,.7)}#menu-btn{display:none;top:20px;width:42px;height:38px;background:rgba(17,17,17,.8);z-index:9;box-shadow:none}#menu-btn img{width:100%;height:100%;object-fit:cover;border-radius:12px}#menu-btn:hover{transform:scale(1.09)}#menu-btn:active{transform:scale(.95);filter:brightness(.85)}#sidebar-left{left:-22%;width:22%;color:#fff;box-shadow:4px 0 12px rgba(0,0,0,.6);transition:left .4s;padding:20px;z-index:8}#sidebar-left.open{left:0}#sidebar-left h3{margin-top:0;font-size:18px;padding-bottom:10px}#sidebar-left a{display:block;color:#ddd;text-decoration:none;margin:10px 5px;font-size:14px;transition:color .2s}#sidebar-left a:hover,.points-list li a:hover{color:rgba(41,119,118,.9)}.points-list{list-style:disc;padding-left:20px;margin:0}.points-list li{margin-bottom:8px}.points-list li a{color:#ddd;text-decoration:none;font-size:8px}#top-layer{margin-top:35px;position:absolute;right:-90%;width:65%;height:100%;background:rgba(17,17,17,.95);backdrop-filter:blur(3px);box-shadow:0 4px 12px rgba(0,0,0,.5);border-radius:0 0 12px 12px;transition:right .4s;z-index:9999;overflow:hidden}#top-layer.open{right:0}@media (max-width:810px){.top-right{margin-right:15px;margin-left:30px}.top-left{margin-left:7px}.top-link{display:none}.close-all-btn{right:7px}.sidebar-popup{width:100%;right:-105%;font-size:15px;box-shadow:none;z-index:11;max-height:calc(100vh - 35px)}#sidebar-left h2,.sidebar-popup h2{font-size:18px}.sidebar-popup p{font-size:13px;padding:10px 20px}#menu-btn{top:20px;width:42px;height:38px;z-index:9}#sidebar-left{width:100%;left:-105%;padding:20px;font-size:15px}#sidebar-left a{font-size:15px}#top-layer{position:absolute;right:-100%;width:100%;height:100%;background:rgba(17,17,17,.95);backdrop-filter:blur(3px);box-shadow:0 4px 12px rgba(0,0,0,.5);border-radius:0 0 12px 12px;transition:right .4s;z-index:9999;overflow:hidden}}.sidebar .tabs{display:none;border-bottom:1px solid #ccc}.tab-btn{display:none;flex:none;padding:10px 15px;background:rgba(41,119,118,.95);color:#ddd;border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:6px;margin-right:4px;margin-bottom:5px;transition:.2s;font-weight:700;text-align:center}.tab-btn:hover{background:rgba(255,255,255,.1);color:#fff;transform:scale(1.05)}.tab-content{display:none;padding:10px}.tab-btn.active{background:0 0;color:#fff;border-radius:6px 6px 0 0;border-left:none;border-right:none;border-bottom:none;font-weight:700}.tab-content.active{display:block}.catalog-list{display:flex;flex-direction:column;gap:5px;padding:4px 6px}.catalog-item{display:flex;align-items:flex-start;background:rgba(255,255,255,.03);border-radius:0 8px 8px 0;overflow:hidden;transition:.25s;padding:3px 4px;text-align:left;width:100%;border:none}.catalog-item:hover{background:rgba(41,119,118,.25);transform:scale(1.01)}.catalog-item img{width:65px;height:95px;object-fit:cover;border-radius:4px;flex-shrink:0;margin-right:4px;box-shadow:none;border:none}.catalog-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:0}.catalog-info h4{margin:0 0 2px;font-size:14px;color:#fff;font-weight:600;text-align:center}.catalog-info p{margin:1px 0 0;font-size:13px;color:#ccc;line-height:1.3em;padding:5px 14px;max-width:100%}.sidebar-hidden{visibility:hidden}#sidebar-left::-webkit-scrollbar,#top-layer::-webkit-scrollbar,.sidebar-popup::-webkit-scrollbar{width:12px}#sidebar-left::-webkit-scrollbar-track,#top-layer::-webkit-scrollbar-track,.sidebar-popup::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}#sidebar-left::-webkit-scrollbar-thumb,#top-layer::-webkit-scrollbar-thumb,.sidebar-popup::-webkit-scrollbar-thumb{background:rgba(41,119,118,.7);border-radius:4px;transition:background .3s}#sidebar-left::-webkit-scrollbar-thumb:hover,#top-layer::-webkit-scrollbar-thumb:hover,.sidebar-popup::-webkit-scrollbar-thumb:hover{background:rgba(41,119,118,.9)}#sidebar,#sidebar-left,#top-border,#top-layer{touch-action:none}@media (min-width:2560px){html{font-size:18px}#sidebar-left,#sidebar-left a,#top-layer,.catalog-info h4,.catalog-info p,.sidebar-popup,.top-btn,.top-link,body{font-size:1.1em}#top-border{height:50px}.top-border-inner{height:50px;padding:0 32px}.ol-zoom button{width:38px;height:38px;font-size:22px}.catalog-item img{width:90px;height:130px}.popup-btn{padding:18px 28px;font-size:18px}}@media (min-width:3800px){#sidebar,#sidebar-left,.sidebar-popup,html{font-size:22px}.popup-btn,.top-btn,.top-link{font-size:18px}body{transform:scale(1.5);transform-origin:top left;width:66.666%;height:66.666%}#top-border{height:48px}.top-border-inner{height:48px;padding:0 32px}.top-btn{padding:6px 14px}.ol-zoom button{width:40px;height:40px;font-size:22px}.catalog-info h4{font-size:20px}.catalog-info p{font-size:16px}.catalog-item img{width:90px;height:130px}.popup-btn{padding:18px 30px}}#sidebar-left,#top-layer,.sidebar-popup{scrollbar-width:thin;scrollbar-color:rgba(41,119,118,0.7) rgba(255,255,255,0.05);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:auto}.ol-marker img{image-rendering:auto;-webkit-image-rendering:auto;-moz-image-rendering:auto;-o-image-rendering:auto}@media (max-width:1420px) and (min-width:811px){#sidebar-left{width:50%;left:-50%}.sidebar-popup{width:50%;right:-50%}#top-layer{width:100%;right:-100%}}@media (max-width:1619px) and (min-width:1421px){#sidebar-left{width:35%;left:-35%}.sidebar-popup{width:40%;right:-40%}#top-layer{width:65%;right:-65%}}