*{box-sizing:border-box;margin:0;padding:0}html{background-color:#0f0f1a;height:100%}body{min-height:100vh;background-color:#0f0f1a;min-height:-webkit-fill-available;font-family:Arial,sans-serif}#root{min-height:100vh;background-color:#0f0f1a;min-height:-webkit-fill-available}.app{height:100vh;color:#fff;background-color:#0f0f1a;flex-direction:column;height:-webkit-fill-available;display:flex;overflow:hidden}.header{z-index:10000;background-color:#1a1a2e;position:relative}.header-inner{align-items:center;gap:20px;width:100%;max-width:1000px;margin:0 auto;padding:10px 20px;display:flex}.header-logo{flex-shrink:0}.header-logo-img{object-fit:contain;width:200px;height:auto}.header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.dropdown-container{position:relative}.dropdown-container:after{content:"";width:100%;height:10px;position:absolute;top:100%;left:0}.dropdown-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#0000;border:2px solid #4a5568;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s;display:flex}.dropdown-btn:hover{background-color:#e9456026;border-color:#e94560}.dropdown-arrow{font-size:10px;transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown{z-index:9999;padding-top:6px;position:absolute;top:100%;left:0}.dropdown-inner{white-space:nowrap;background-color:#1a1a2e;border:1px solid #2d3748;border-radius:10px;padding:6px 0}.dropdown-item{padding:0}.dropdown-item a{color:#a0aec0;padding:10px 18px;font-size:14px;text-decoration:none;transition:color .2s,background-color .2s;display:block}.dropdown-item a:hover{color:#fff;background-color:#1f3460}.lang-container{position:relative}.lang-container:after{content:"";width:100%;height:10px;position:absolute;top:100%;left:0}.lang-btn{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #4a5568;border-radius:8px;width:36px;height:36px;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s}.lang-btn:hover{background-color:#e9456026;border-color:#e94560}.lang-dropdown{z-index:9999;padding-top:6px;position:absolute;top:100%;right:0}.lang-dropdown-inner{white-space:nowrap;background-color:#1a1a2e;border:1px solid #2d3748;border-radius:10px;padding:6px 0}.lang-item{cursor:pointer;text-align:center;color:#a0aec0;padding:8px 14px;font-size:13px;transition:color .2s,background-color .2s}.lang-item:hover{color:#fff;background-color:#1f3460}.lang-item.active{color:#e94560}.edit-icon-btn{cursor:pointer;background-color:#0000;border:2px solid #4a5568;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s,background-color .2s;display:flex}.edit-icon-btn:hover{background-color:#e9456026;border-color:#e94560}.edit-icon-btn.active{background-color:#e9456033;border-color:#e94560}.edit-icon-img{object-fit:cover;width:100%;height:100%}.main{flex:1;justify-content:center;align-items:flex-start;padding:30px 20px 20px;display:flex;overflow:auto}.map-container{cursor:default;z-index:1;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:800px;position:relative}.map-wrapper{z-index:1;flex-direction:row;justify-content:center;align-items:flex-start;display:flex;position:relative}.map-image{-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;display:block}.marker{cursor:pointer;z-index:10;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-color:#000000bf;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .6s cubic-bezier(.25,.8,.25,1.2),box-shadow .6s;display:flex;position:absolute;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0009}.marker:hover{transform:translate(-50%,-50%)scale(1.35);box-shadow:0 6px 16px #000c,0 0 30px #e9456066}.marker-icon-img{object-fit:contain;filter:drop-shadow(0 1px 2px #0006);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:30px;height:30px}.granade-menu{pointer-events:auto;z-index:100;width:0;height:0;position:absolute;transform:translate(-50%,-50%)}.granade-option{cursor:pointer;background-color:#000c;border:2px solid #4a5568;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .15s,border-color .15s;display:flex;position:absolute;overflow:hidden}.granade-option:hover{border-color:#e94560;transform:scale(1.2)}.granade-option-img{object-fit:contain;filter:drop-shadow(0 1px 2px #0006);width:30px;height:30px}.granade-pos-0{top:-52px;left:-20px}.granade-pos-1{top:-20px;left:32px}.granade-pos-2{top:12px;left:-20px}.granade-pos-3{top:-20px;left:-72px}.side-panel{background-color:#1a1a2e;border-radius:12px;width:400px;max-height:none;padding:24px 20px 20px;position:absolute;top:0;left:calc(100% + 20px);overflow-y:visible}.side-panel-close{color:#718096;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:10px;right:14px}.side-panel-close:hover{color:#fff}.side-panel-type{color:#a0aec0;text-transform:capitalize;align-items:center;gap:10px;margin-bottom:10px;font-size:16px;display:flex}.side-panel-type-icon{width:28px;height:28px}.edit-video-block{gap:.5rem;width:100%;display:flex}.video-container{background-color:#000;border-radius:8px;width:100%;overflow:hidden}.side-video{width:100%;display:block}.no-video{color:#718096;text-align:center;padding:40px 20px}.login-modal{text-align:center;background-color:#1a1a2e;border-radius:12px;width:360px;max-width:90%;padding:30px;position:relative}.login-close{color:#718096;cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:12px;right:16px}.login-close:hover{color:#fff}.login-title{color:#fff;margin-bottom:20px;font-size:20px}.login-input{color:#fff;background-color:#0f0f1a;border:2px solid #4a5568;border-radius:8px;outline:none;width:100%;margin-bottom:8px;padding:12px 16px;font-size:16px}.login-input:focus{border-color:#e94560}.login-error{color:#e94560;margin-bottom:8px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background-color:#e94560;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:16px;font-weight:700}.login-btn:hover{background-color:#c73650}.lines-svg{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.lines-svg line{stroke:#fff9}.lines-svg circle{fill:#000000bf;stroke:#fff9}.marker{z-index:10}.lines-svg circle,.lines-svg path{pointer-events:auto}.marker.drawing{border-color:#e94560;animation:1s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 6px #e9456066}50%{box-shadow:0 0 16px #e94560cc}}.drawing-hint{color:#fff;z-index:30;pointer-events:none;background-color:#e94560e6;border-radius:6px;padding:6px 16px;font-size:13px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.delete-line-btn{color:#fff;cursor:pointer;background-color:#4a5568;border:none;border-radius:6px;margin-top:8px;margin-bottom:12px;padding:8px 14px;font-size:13px}.delete-line-btn:hover{background-color:#e94560}.video-loaded-block{flex-direction:column;gap:10px;display:flex}.throw-type-block{margin-top:16px}.throw-type-label{color:#a0aec0;margin-bottom:6px;font-size:14px}.throw-type-select{color:#fff;cursor:pointer;background-color:#0f0f1a;border:2px solid #4a5568;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.throw-type-select:focus{border-color:#e94560}.throw-type-display{color:#a0aec0;background-color:#ffffff0d;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:14px}.group-marker{color:#fff;touch-action:none;-webkit-touch-callout:none;background-color:#e94560e6;border-color:#fff;font-size:13px;font-weight:700}.group-count{line-height:1}.guide-container{position:relative}.guide-icon-btn{cursor:pointer;background-color:#0000;border:2px solid #4a5568;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s,background-color .2s;display:flex}.guide-icon-btn:hover{background-color:#e9456026;border-color:#e94560}.guide-icon-img{object-fit:contain;width:20px;height:20px}.guide-dropdown{z-index:200;padding-top:6px;display:none;position:absolute;top:100%;right:0}.guide-container:hover .guide-dropdown,.guide-container.active .guide-dropdown{display:block}.guide-dropdown-inner{color:#a0aec0;background-color:#1a1a2e;border:1px solid #2d3748;border-radius:10px;width:250px;padding:14px 16px;font-size:12px;line-height:2}.guide-title{color:#fff;margin-bottom:4px;font-size:13px;font-weight:700}.guide-item{white-space:normal;word-break:break-word}kbd{color:#fff;background-color:#4a5568;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11px}.group-close-marker{background-color:#000000b3;justify-content:center;align-items:center;display:flex}.group-close-marker .close-icon{font-size:14px;line-height:1}.side-buttons{gap:10px;margin-bottom:16px;display:flex}.side-btn{cursor:pointer;color:#fff;background-color:#0000;border:2px solid #4a5568;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .2s;display:flex;overflow:hidden}.side-btn-icon{object-fit:cover;width:100%;height:100%}.side-btn:hover{border-color:#718096}.side-btn.active{background-color:#e9456026;border-color:#e94560}.side-display{background-color:#ffffff0d;border-radius:8px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;display:flex}.side-display-icon{object-fit:contain;width:32px;height:32px}.side-display-label{color:#a0aec0;font-size:14px}.video-url-block{margin-top:0}.video-url-input{color:#fff;background-color:#0f0f1a;border:2px solid #4a5568;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.video-url-input::placeholder{color:#718096}.video-url-input:focus{border-color:#e94560}.home-page{flex-direction:column;flex:1;align-items:center;padding:40px 20px;display:flex;overflow-y:auto}.maps-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;width:100%;max-width:1000px;display:grid}.map-card{background-color:#1a1a2e;border-radius:12px;text-decoration:none;transition:transform .3s,box-shadow .3s;overflow:hidden}.map-card.available:hover{transform:scale(1.05);box-shadow:0 0 20px #e9456080,0 0 0 2px #e94560}.map-card.locked{opacity:.5;cursor:not-allowed}.map-card-preview{background-color:#0f0f1a;width:100%;height:140px;overflow:hidden}.map-card-img{object-fit:cover;width:100%;height:100%}.map-card-placeholder{color:#718096;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;display:flex}.map-card-name{color:#fff;text-align:center;padding:12px 16px;font-size:16px;font-weight:700}.mobile-tools{z-index:1000;flex-direction:column;gap:10px;padding:8px 6px;display:none;position:fixed;bottom:50%;left:auto;right:8px;transform:translateY(50%)}.mobile-tool-btn{cursor:pointer;background-color:#0000;border:2px solid #4a5568;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;transition:border-color .2s,background-color .2s;display:flex}.mobile-tool-icon{object-fit:contain;width:100%;height:100%}.mobile-tool-btn:hover,.mobile-tool-btn:active{background-color:#e9456026;border-color:#e94560}.images-block{margin-top:16px}.images-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px;display:grid}.image-item{background-color:#0f0f1a;border:2px solid #2d3748;border-radius:8px;transition:border-color .2s;position:relative;overflow:hidden}.image-item:hover{border-color:#e94560}.gallery-image{object-fit:cover;cursor:pointer;width:100%;height:100px;transition:transform .2s;display:block}.gallery-image:hover{transform:scale(1.05)}.image-delete-btn{color:#fff;cursor:pointer;background-color:#e94560e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;line-height:1;transition:background-color .2s;display:flex;position:absolute;top:4px;right:4px}.image-delete-btn:hover{background-color:#e94560;transform:scale(1.1)}ul,li{margin:0;padding:0;list-style:none}.guide-mobile{display:none}.guide-desktop{display:block}.filter-panel{background-color:#1a1a2e;border-radius:10px;flex-direction:column;gap:8px;height:fit-content;padding:8px;display:flex;position:absolute;top:0;left:-70px}.filter-grenades-row,.filter-sides-row,.filter-utility-row{flex-direction:column;gap:4px;display:flex}.filter-divider{background-color:#4a5568;width:100%;height:2px;margin:4px 0}.filter-btn{cursor:pointer;color:#fff;background-color:#0000;border:2px solid #4a5568;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;padding:6px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.filter-btn:hover{background-color:#e9456026;border-color:#e94560}.filter-btn.active{background-color:#e9456040;border-color:#e94560;box-shadow:0 0 12px #e945604d}.utility-filter-btn{font-size:14px;font-weight:700}.filter-icon{object-fit:contain;width:30px;height:30px}.modal-overlay{z-index:10001;background-color:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0;overflow:hidden}.fullscreen-image-container{border-radius:8px;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative;overflow:hidden}.fullscreen-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:85vh;transition:transform .1s;display:block}.zoom-controls{z-index:10002;background-color:#1a1a2e;border:1px solid #2d3748;border-radius:12px;gap:8px;padding:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.zoom-btn{color:#fff;cursor:pointer;background-color:#0000;border:2px solid #4a5568;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;line-height:1;transition:border-color .2s,background-color .2s;display:flex}.zoom-btn:hover{background-color:#e9456026;border-color:#e94560}.zoom-btn:active{transform:scale(.95)}.zoom-reset{font-size:18px}.fullscreen-close{color:#fff;cursor:pointer;z-index:10002;background-color:#1a1a2e;border:2px solid #4a5568;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:border-color .2s,background-color .2s;display:flex;position:absolute;top:10px;right:10px}.fullscreen-close:hover{background-color:#e9456026;border-color:#e94560}.grenade-name-block{margin-top:16px}@media (width<=1024px){.map-container{width:100%;max-width:100%}.main{align-items:flex-start;padding:10px}.map-wrapper{flex-direction:column;align-items:center;width:100%}.map-container{order:1}.map-image{object-fit:contain;border-radius:8px;max-height:calc(100vh - 76px)}.side-panel{border-radius:12px;order:3;width:100%;max-width:100%;max-height:none;margin-top:10px;padding:20px 16px;position:relative;top:auto;left:auto;right:auto}.filter-panel{order:2}}@media (width<=768px){.header-inner{flex-wrap:wrap;gap:8px;padding:8px 12px}.header-logo-img{width:140px}.main{align-items:flex-start;padding:20px 8px 8px}.map-wrapper{flex-direction:column;align-items:center}.map-container{order:1;width:100%}.map-image{object-fit:contain;border-radius:8px;max-height:calc(100vh - 68px)}.side-panel{border-radius:12px;order:3;width:100%;max-width:100%;max-height:none;margin-top:10px;padding:16px 12px;position:relative;top:auto;left:auto;right:auto}.marker{width:24px;height:24px}.marker-icon-img{width:16px;height:16px}.group-marker{width:24px;height:24px;font-size:11px}.granade-option{width:36px;height:36px}.granade-option-img{width:20px;height:20px}.granade-pos-0{top:-44px;left:-18px}.granade-pos-1{top:-18px;left:26px}.granade-pos-2{top:8px;left:-18px}.granade-pos-3{top:-18px;left:-62px}.login-modal{width:95%;padding:20px}.login-title{font-size:18px}.login-btn{padding:10px;font-size:14px}.drawing-hint{padding:4px 12px;font-size:11px;top:6px}.dropdown{padding:8px 0}.dropdown-item a{padding:16px 24px;font-size:17px}.lang-dropdown{padding:8px 0}.lang-item{padding:14px 24px;font-size:16px}.guide-dropdown{width:auto;max-width:280px;font-size:13px;right:0}.guide-dropdown-inner{padding:16px 20px;font-size:14px;line-height:2.5}.guide-item{white-space:normal;word-break:break-word}.guide-mobile{display:block}.guide-desktop{display:none}.side-panel .throw-type-select,.side-panel .video-url-input{padding:14px 16px;font-size:16px}.side-panel .throw-type-label{margin-bottom:10px;font-size:16px}.side-panel .side-btn{width:52px;height:52px}.side-panel .delete-line-btn{padding:12px 18px;font-size:15px}.mobile-tools{display:flex}.images-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.gallery-image{height:80px}.filter-panel{flex-direction:column;order:2;gap:8px;width:100%;margin-top:8px;margin-bottom:0;position:static}.filter-grenades-row{flex-flow:wrap;justify-content:center;gap:8px;display:flex}.filter-sides-row,.filter-utility-row{flex-direction:row;justify-content:center;gap:8px;display:flex}.filter-divider{width:100%;height:2px;margin:4px 0}.zoom-controls{gap:6px;padding:6px;bottom:16px}.zoom-btn{width:40px;height:40px;font-size:20px}.fullscreen-close{width:36px;height:36px;font-size:18px;top:8px;right:8px}.fullscreen-image-container{max-width:95vw;max-height:90vh}}@media (width<=480px){.header-inner{padding:6px 8px}.header-logo-img{width:120px}.main{padding:16px 6px 6px}.map-image{max-height:calc(100vh - 56px)}.marker{width:22px;height:22px}.marker-icon-img{width:14px;height:14px}.granade-option{width:32px;height:32px}.granade-option-img{width:18px;height:18px}.granade-pos-0{top:-38px;left:-16px}.granade-pos-1{top:-16px;left:22px}.granade-pos-2{top:6px;left:-16px}.granade-pos-3{top:-16px;left:-54px}.side-panel{padding:14px 10px}.images-gallery{grid-template-columns:repeat(3,1fr)}.gallery-image{height:70px}}@media (hover:none) and (pointer:coarse){.marker:hover{transform:translate(-50%,-50%)scale(1)}.granade-option:hover{transform:none}.guide-container:hover .guide-dropdown{display:none}.guide-container.active .guide-dropdown{display:block}}