.fantasy-map-container{position:relative;margin:20px 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 20px rgba(0,0,0,.3);background:#1a1a1a}.fantasy-interactive-map{border:2px solid #8b4513;background:#1a1a1a;position:relative}.map-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-bottom:15px}.loading-text{font-size:16px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}@keyframes spin{to{transform:rotate(360deg)}}.leaflet-container{background:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.leaflet-control-attribution{display:none !important}.leaflet-map-pane{z-index:100 !important}.leaflet-tile-pane{z-index:100 !important}.leaflet-overlay-pane{z-index:200 !important}.leaflet-shadow-pane{z-index:300 !important}.leaflet-marker-pane{z-index:400 !important}.leaflet-tooltip-pane{z-index:500 !important}.leaflet-popup-pane{z-index:600 !important}.grid-overlay,.fog-overlay{pointer-events:none !important;will-change:transform}@media (min-width:769px){.fantasy-interactive-map.map-zooming .leaflet-image-layer{filter:blur(8px) brightness(.4);transition:filter .3s ease}}.map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1000;pointer-events:none;opacity:0;transition:opacity .3s ease}.leaflet-control-zoom{border:none !important;border-radius:5px !important;box-shadow:0 2px 10px rgba(0,0,0,.3) !important}.leaflet-control-zoom a,.leaflet-control-custom a,.reset-control a{background-color:#e9dfc7 !important;border:2px solid #8b4513 !important;color:#8b4513 !important;font-weight:700 !important;text-decoration:none !important;box-shadow:0 2px 5px rgba(0,0,0,.3) !important;transition:all .3s ease !important;width:35px !important;height:35px !important;line-height:31px !important;text-align:center !important;display:flex !important;align-items:center !important;justify-content:center !important}.leaflet-control-zoom a:hover,.leaflet-control-custom a:hover,.reset-control a:hover{background-color:#8b4513 !important;color:#fff !important;border-color:#654321 !important;transform:translateY(-1px) !important;box-shadow:0 4px 8px rgba(0,0,0,.4) !important}.leaflet-control-zoom a:active,.leaflet-control-custom a:active,.reset-control a:active{transform:translateY(0) !important;box-shadow:0 1px 3px rgba(0,0,0,.3) !important}.leaflet-control-zoom a{font-size:20px !important}.leaflet-control-zoom a.leaflet-control-zoom-in{border-radius:5px 5px 0 0 !important;border-bottom:1px solid #8b4513 !important}.leaflet-control-zoom a.leaflet-control-zoom-out{border-radius:0 0 5px 5px !important;font-size:24px !important}.reset-control{display:none !important;margin-top:10px !important}.reset-control a{border-radius:5px !important;font-size:18px !important}.leaflet-top.leaflet-right .leaflet-control{margin-top:10px !important;margin-right:10px !important}.marker-popup .leaflet-popup-content-wrapper{border-radius:10px;max-width:400px}.marker-popup-content h4{margin:0 0 10px;color:#2c3e50;font-size:18px;border-bottom:2px solid #8b4513;padding-bottom:8px}.marker-type{margin:5px 0;color:#7f8c8d;font-style:italic}.marker-description{margin-top:10px;line-height:1.4;color:#555;max-height:200px;overflow-y:auto;padding:5px;background:#f8f9fa;border-radius:4px;border-left:3px solid #8b4513}.marker-description::-webkit-scrollbar{width:6px}.marker-description::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.marker-description::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.marker-description::-webkit-scrollbar-thumb:hover{background:#654321}.marker-tooltip .leaflet-tooltip{background:rgba(0,0,0,.8);border:1px solid #8b4513;border-radius:4px;color:#fff;font-weight:700;font-size:12px}.markers-legend,.user-route-controls,.hex-color-legend{background:#e9dfc7 !important;padding:8px 10px !important;border-radius:6px !important;box-shadow:0 2px 10px rgba(0,0,0,.3) !important;border:2px solid #8b4513 !important;backdrop-filter:blur(5px) !important;max-width:180px !important;min-width:180px !important;z-index:1000 !important;pointer-events:auto !important;transition:all .3s ease}.legend-header,.route-header{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:8px !important;padding-bottom:6px !important;border-bottom:1px solid #8b4513 !important;min-height:20px !important}.legend-header h4,.route-header h4{font-size:12px !important;color:#8b4513 !important;margin:0 !important;padding:0 !important}.legend-toggle,.route-toggle-btn{background-color:#e9dfc7 !important;border:2px solid #8b4513 !important;color:#8b4513 !important;width:20px !important;height:20px !important;line-height:16px !important;font-size:12px !important;font-weight:700 !important;text-align:center !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:3px !important;cursor:pointer !important;box-shadow:0 1px 3px rgba(0,0,0,.3) !important;transition:all .2s ease !important;padding:0 !important;margin:0 !important}.legend-toggle:hover,.route-toggle-btn:hover{background-color:#8b4513 !important;color:#fff !important;border-color:#654321 !important;transform:translateY(-1px) !important;box-shadow:0 2px 5px rgba(0,0,0,.4) !important}.legend-toggle:active,.route-toggle-btn:active{transform:translateY(0) !important;box-shadow:0 1px 2px rgba(0,0,0,.3) !important}.legend-content,.route-content,.dm-routes-list{transition:opacity .2s ease,max-height .3s ease;overflow:hidden}.dnd-panel-collapsed .legend-content,.dnd-panel-collapsed .route-content,.dnd-panel-collapsed .dm-routes-list{display:none}.legend-scroll-container{max-height:300px !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:5px !important}.legend-scroll-container::-webkit-scrollbar,.dm-routes-list::-webkit-scrollbar{width:6px !important}.legend-scroll-container::-webkit-scrollbar-track,.dm-routes-list::-webkit-scrollbar-track{background:rgba(139,69,19,.1) !important;border-radius:3px !important}.legend-scroll-container::-webkit-scrollbar-thumb,.dm-routes-list::-webkit-scrollbar-thumb{background:#8b4513 !important;border-radius:3px !important}.legend-scroll-container::-webkit-scrollbar-thumb:hover,.dm-routes-list::-webkit-scrollbar-thumb:hover{background:#654321 !important}.legend-item{display:flex !important;align-items:center !important;margin-bottom:0 !important;padding:4px 2px !important;border-radius:3px !important;transition:none !important;border:none !important;background:0 0 !important}.legend-item:hover{background-color:transparent !important}.legend-icon-container{width:30px !important;height:30px !important;margin-right:10px !important;border-radius:4px !important;border:2px solid #8b4513 !important;padding:0 !important;background:#fff !important;flex-shrink:0 !important;overflow:hidden !important;display:flex !important;align-items:flex-start !important;justify-content:center !important}.legend-icon{width:50px !important;height:50px !important;object-fit:cover !important;object-position:center top !important;margin:-4px !important;border:none !important;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3)) !important;padding:0 !important;background:0 0 !important}.legend-text{font-size:13px !important;color:#333 !important;font-weight:600 !important;flex:1 !important;line-height:1.3 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.user-route-controls{min-width:140px;margin-top:10px}.route-content{margin-top:5px}.color-grid{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;padding:2px}.color-swatch-item{width:18px;height:18px;border-radius:3px;border:1px solid #ccc;cursor:pointer;transition:transform .1s,border-color .1s}.color-swatch-item:hover{transform:scale(1.1);border-color:#8b4513}.color-swatch-item.active{border:2px solid #333;box-shadow:0 0 3px rgba(0,0,0,.5);transform:scale(1.1)}.route-actions{display:flex;flex-direction:row;gap:5px}.btn-route-action{flex:1;padding:0;cursor:pointer;border-radius:3px;font-size:16px;text-align:center;transition:all .2s;border:2px solid #8b4513;color:#8b4513;background-color:#e1d1ab;display:flex;align-items:center;justify-content:center}.btn-route-action:hover{background:#8b4513;color:#fff}.btn-save-route{border-color:#28a745 !important;color:#28a745 !important}.btn-save-route:hover,.btn-save-route.route-mode-active{background:#28a745 !important;color:#fff !important}#clear-route{opacity:.8}.dm-routes-legend{min-width:160px}.dm-routes-list{max-height:120px;overflow-y:auto;overflow-x:hidden;margin-top:5px;padding-right:4px}.dm-route-item{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:12px}.dm-route-item span{color:#333 !important;font-weight:700;font-size:13px}.dm-route-initials{width:20px;height:20px;border-radius:3px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.5);flex-shrink:0}.dm-control-container{border:2px solid #8b4513 !important;background:#e9dfc7;border-radius:4px;box-shadow:0 1px 5px rgba(0,0,0,.4);padding:5px 10px;display:flex;align-items:center;margin-top:0 !important}.leaflet-top.leaflet-right .dm-control{margin-top:10px !important}.dm-toggle-label{display:flex;align-items:center;cursor:pointer;font-size:12px;font-weight:700;color:#333}.dm-toggle-checkbox{display:none !important}.dm-toggle-slider{width:36px;height:20px;background-color:#ccc;border-radius:34px;position:relative;margin-right:8px;transition:.4s}.dm-toggle-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}.dm-toggle-checkbox:checked+.dm-toggle-slider{background-color:#8b4513}.dm-toggle-checkbox:checked+.dm-toggle-slider:before{transform:translateX(16px)}.hex-color-legend{display:flex;flex-wrap:wrap;gap:20px;padding:8px;align-items:center}.hex-toggle{-webkit-appearance:none;appearance:none;margin:0;cursor:pointer;width:24px;height:24px;border:2px solid #8b4513;border-radius:4px;background-color:#fff;display:grid;place-content:center;transition:all .2s ease-in-out}.hex-toggle:checked{background-color:var(--hex-color)}.hex-toggle:before{content:"";width:14px;height:14px;transform:scale(0);transition:.12s transform ease-in-out;background-color:#8b4513;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.hex-toggle:checked:before{transform:scale(1)}.hex-toggle:hover{transform:scale(1.1)}.marker-popup .leaflet-marker-icon{width:40px !important;height:40px !important}.marker-popup .leaflet-popup-close-button{position:absolute;top:3px !important;right:3px !important;width:24px !important;height:24px !important;line-height:20px !important;text-align:center !important;font-size:18px !important;font-weight:700;color:#666 !important;background:#fff !important;border:1px solid #ddd !important;border-radius:3px !important;padding:0 !important;margin:0 !important;z-index:1000}.dnd-fullscreen-map{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:9999 !important;background:#1a1a1a !important}.dnd-fullscreen-back{position:fixed !important;top:20px !important;left:20px !important;z-index:10000 !important;background:#8b4513 !important;color:#fff !important;padding:11px 17px !important;border-radius:5px !important;text-decoration:none !important;font-weight:700 !important}.dnd-fullscreen-back:hover{background:#654321 !important;color:#fff !important}.dm-routes-mobile-embedded{margin-top:10px}.dm-routes-divider{border-top:1px dashed #8b4513;opacity:.5;margin-bottom:5px}.dm-routes-mobile-embedded h4{color:#8b4513 !important;font-weight:700}body.fullscreen-map .leaflet-bottom{bottom:0 !important}.refresh-control-container{border:none !important;background:0 0 !important;margin-top:10px !important;box-shadow:0 2px 10px rgba(0,0,0,.3) !important;border-radius:5px !important}.refresh-control-container .manual-refresh{border-radius:5px !important;font-size:22px !important;line-height:31px !important}body.logged-in .refresh-control-container .manual-refresh{border-radius:5px 5px 0 0 !important;border-bottom:1px solid #8b4513 !important}.auto-refresh-select{display:block !important;width:35px !important;height:25px !important;background-color:#e9dfc7 !important;border:2px solid #8b4513 !important;border-top:none !important;color:#8b4513 !important;font-weight:700 !important;font-size:10px !important;text-align:center !important;text-align-last:center !important;padding:0 !important;margin:0 !important;cursor:pointer !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;border-radius:0 0 5px 5px !important;transition:all .3s ease !important;box-sizing:border-box !important;font-family:inherit !important}.auto-refresh-select:hover{background-color:#8b4513 !important;color:#fff !important}.auto-refresh-select:focus{outline:none !important}.refresh-icon{display:inline-flex !important;align-items:center;justify-content:center;width:100%;height:100%}@keyframes spin{to{transform:rotate(360deg)}}.reset-control{margin-top:10px !important}.header-icon{display:none}.header-icon svg{display:block}.route-header h4,.legend-header h4{display:flex !important;align-items:center;gap:6px}@media (max-width:1024px){.leaflet-control-zoom{display:none !important}.hex-color-legend{gap:7px}.markers-legend,.hex-color-legend{padding:8px 10px !important;max-width:180px !important;min-width:140px !important}.user-route-controls{padding:8px 10px !important;max-width:180px !important;min-width:155px !important}body.mobile-map .dnd-map-panel.collapsed,body.fullscreen-map .dnd-map-panel.collapsed{min-width:44px !important;width:44px !important;height:44px !important;padding:0 !important;border-radius:50% !important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}body.mobile-map .dnd-map-panel.collapsed .legend-header,body.fullscreen-map .dnd-map-panel.collapsed .route-header{border:none !important;margin:0 !important;padding:0 !important;width:100%;height:100%;display:flex !important;align-items:center;justify-content:center !important}body.mobile-map .dnd-map-panel.collapsed h4,body.fullscreen-map .dnd-map-panel.collapsed h4{margin:0 !important;padding:0 !important}body.mobile-map .dnd-map-panel.collapsed .header-icon,body.fullscreen-map .dnd-map-panel.collapsed .header-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}body.mobile-map .dnd-map-panel.collapsed .header-text,body.fullscreen-map .dnd-map-panel.collapsed .header-text,body.mobile-map .dnd-map-panel.collapsed .toggle-btn-icon,body.fullscreen-map .dnd-map-panel.collapsed .toggle-btn-icon{display:none !important}}