.feature-detail-panel{position:absolute;width:420px;max-width:calc(100vw - 40px);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a,inset 0 1px #fff3;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(10px) scale(.98);z-index:1000;max-height:600px;overflow:hidden;display:flex;flex-direction:column}.feature-detail-panel.active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.detail-panel-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;position:relative;overflow:hidden}.detail-title{font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.detail-close{background:#fff3;border:none;border-radius:6px;padding:6px;cursor:pointer;color:#fff;transition:background .2s;display:flex;align-items:center;justify-content:center}.detail-close:hover{background:#ffffff4d}.detail-panel-body{padding:24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.detail-panel-body::-webkit-scrollbar{width:6px}.detail-panel-body::-webkit-scrollbar-track{background:transparent}.detail-panel-body::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.detail-panel-body::-webkit-scrollbar-thumb:hover{background:#0006}.detail-info{margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s ease;border-radius:8px;margin:0 -12px;padding:14px 12px}.detail-row:hover{background-color:#00000005}.detail-row:last-child{border-bottom:none}.detail-label{font-size:14px;color:#6b7280;font-weight:500}.detail-value{font-size:14px;color:#111827;font-weight:600;text-align:right}.detail-value a{color:#3b82f6;text-decoration:none;transition:color .2s}.detail-value a:hover{color:#2563eb;text-decoration:underline}@media (prefers-color-scheme: dark){.feature-detail-panel{background:#1f2937;color:#f3f4f6}.detail-panel-header,.detail-row{border-bottom-color:#374151}.detail-label{color:#9ca3af}.detail-value{color:#f3f4f6}}@media (max-width: 640px){.feature-detail-panel{right:10px;top:auto;bottom:10px;width:calc(100vw - 20px);max-height:50vh;transform:translateY(calc(100% + 20px))}.feature-detail-panel.active{transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.ski-area-compact-info{position:absolute;top:100px;left:20px;width:280px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 16px #0000001a;z-index:500;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ski-area-compact-info.collapsed{width:48px;height:48px;border-radius:24px}.ski-area-compact-info.collapsed .info-content{opacity:0;pointer-events:none}.info-toggle{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s;z-index:10}.info-toggle:hover{background:#0000001a;transform:scale(1.1)}.ski-area-compact-info.collapsed .info-toggle{top:12px;right:12px;background:#fff;box-shadow:0 2px 8px #0000001a}.info-content{padding:16px;transition:opacity .2s}.info-name{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px;padding-right:30px}.info-location{font-size:13px;color:#6b7280;margin:0 0 12px}.info-main-stats{display:flex;justify-content:space-around;gap:8px;margin:12px 0;padding:10px;background:#f9fafb;border-radius:8px}.main-stat{display:flex;align-items:center;gap:6px}.main-stat-icon{font-size:20px}.main-stat-value{font-size:18px;font-weight:700;color:#111827;margin-right:2px}.main-stat-label{font-size:11px;color:#6b7280;font-weight:500}.info-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:8px}.quick-stat{text-align:center}.quick-stat-value{display:block;font-size:20px;font-weight:700;color:#111827;line-height:1}.quick-stat-label{display:block;font-size:11px;color:#6b7280;margin-top:2px}.info-elevation{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(90deg,#dbeafe,#e0e7ff);border-radius:8px;margin:8px 0}.elevation-item{display:flex;flex-direction:column;align-items:center}.elevation-label{font-size:10px;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.elevation-value{font-size:16px;font-weight:700;color:#1e40af}.elevation-arrow{color:#3b82f6;font-size:18px}.info-piste-details{margin:8px 0}.info-piste-distribution{margin-bottom:12px}.piste-mini-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;display:flex}.piste-segment{height:100%;transition:opacity .2s}.piste-segment:hover{opacity:.8}.piste-segment.blue{background:#3b82f6}.piste-segment.red{background:#ef4444}.piste-segment.black{background:#111827}.piste-legend{display:flex;justify-content:space-around;margin-top:6px;font-size:12px}.piste-item{display:flex;align-items:center;gap:2px;font-weight:600;color:#4b5563}.info-lift-types{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;padding:8px;background:#f3f4f6;border-radius:6px;font-size:11px}.lift-type{display:flex;align-items:center;gap:4px;color:#374151;font-weight:500}.info-season{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#fef3c7;border-radius:6px;margin-top:8px}.season-label{font-size:11px;font-weight:600;color:#92400e;text-transform:uppercase}.season-dates{font-size:12px;font-weight:700;color:#b45309}.info-features{display:flex;gap:8px;padding-top:8px;border-top:1px solid #e5e7eb}.info-features span{font-size:18px;cursor:help;transition:transform .2s}.info-features span:hover{transform:scale(1.2)}@media (prefers-color-scheme: dark){.ski-area-compact-info{background:#1f2937f2}.ski-area-compact-info.collapsed .info-toggle{background:#374151}.info-toggle{background:#ffffff0d;color:#9ca3af}.info-toggle:hover{background:#ffffff1a}.info-name{color:#f3f4f6}.info-location{color:#9ca3af}.info-main-stats,.info-quick-stats{background:#374151}.main-stat-value,.quick-stat-value{color:#f3f4f6}.main-stat-label,.quick-stat-label{color:#9ca3af}.info-elevation{background:linear-gradient(90deg,#1e3a8a,#312e81)}.elevation-value{color:#93c5fd}.elevation-label{color:#9ca3af}.elevation-arrow{color:#60a5fa}.piste-item{color:#d1d5db}.info-lift-types{background:#4b5563}.lift-type{color:#e5e7eb}.info-season{background:#7c2d12}.season-label{color:#fed7aa}.season-dates{color:#fb923c}.piste-mini-bar{background:#4b5563}.info-features{border-top-color:#4b5563}}@media (max-width: 640px){.ski-area-compact-info{left:10px;top:90px;width:calc(100vw - 80px);max-width:280px}.info-quick-stats{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.quick-stat-value{font-size:16px}}.map-legend-control{background:#fffffffa;border-radius:12px;box-shadow:0 2px 6px #0000001f;min-width:240px;max-width:320px}.dark .map-legend-control{background:#1f2937fa}.map-legend-control .legend-header{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:12px 12px 0 0}.dark .map-legend-control .legend-header{border-bottom:1px solid rgba(255,255,255,.08)}.map-legend-control .legend-title{font-size:13px;font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.5px}.dark .map-legend-control .legend-title{color:#f3f4f6}.map-legend-control .legend-toggle{width:20px;height:20px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .3s ease;padding:0}.map-legend-control.collapsed .legend-toggle{transform:rotate(-90deg)}.map-legend-control .legend-content{padding:10px;max-height:350px;overflow-y:auto;transition:all .3s ease}.map-legend-control.collapsed .legend-content{max-height:0;padding:0 10px;overflow:hidden}.map-legend-control .legend-section{margin-bottom:12px}.map-legend-control .legend-section:last-child{margin-bottom:0}.map-legend-control .legend-section-title{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.dark .map-legend-control .legend-section-title{color:#9ca3af}.map-legend-control .legend-items{display:grid;gap:4px}.map-legend-control .legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#374151;padding:2px 0}.dark .map-legend-control .legend-item{color:#e5e7eb}.map-legend-control .legend-color{width:18px;height:10px;border-radius:2px;flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.dark .map-legend-control .legend-color{border:1px solid rgba(255,255,255,.15)}.map-legend-control .legend-icon{width:18px;text-align:center;flex-shrink:0;font-size:14px}.map-legend-control .legend-peak{font-size:12px;color:#6b7280}.stats-control{background:#fffffffa;border-radius:12px;padding:10px;min-width:200px}.dark .stats-control{background:#1f2937fa}.stats-control .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.stats-control .stat-item{text-align:center;padding:4px}.stats-control .stat-value{font-size:20px;font-weight:700;color:#3b82f6;line-height:1}.dark .stats-control .stat-value{color:#60a5fa}.stats-control .stat-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.dark .stats-control .stat-label{color:#9ca3af}.filter-control{background:#fffffffa;border-radius:12px;padding:6px}.dark .filter-control{background:#1f2937fa}.filter-control .filter-buttons{display:flex;flex-direction:column;gap:4px}.filter-control .filter-btn{position:relative;width:40px;height:40px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;opacity:.4}.filter-control .filter-btn.active{opacity:1;background:#3b82f626}.dark .filter-control .filter-btn.active{background:#60a5fa40}.filter-control .filter-btn:hover{background:#3b82f640;opacity:1}.filter-control .filter-btn:after{content:attr(data-tooltip);position:absolute;right:48px;top:50%;transform:translateY(-50%);background:#1f2937f2;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1000;box-shadow:0 2px 8px #0003}.filter-control .filter-btn:before{content:"";position:absolute;right:40px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 6px;border-color:transparent transparent transparent rgba(31,41,55,.95);pointer-events:none;opacity:0;transition:opacity .2s ease}.filter-control .filter-btn:hover:after,.filter-control .filter-btn:hover:before{opacity:1}.dark .filter-control .filter-btn:after{background:#fffffff2;color:#1f2937}.dark .filter-control .filter-btn:before{border-color:transparent transparent transparent rgba(255,255,255,.95)}.coordinates-control{background:#fffffffa;border-radius:12px;padding:8px 12px}.dark .coordinates-control{background:#1f2937fa}.coordinates-display-ctrl{display:flex;align-items:center;gap:12px;font-family:SF Mono,Monaco,monospace;font-size:11px}.coordinates-control .coordinate-item{display:flex;align-items:center;gap:4px}.coordinates-control .coordinate-label{color:#6b7280;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dark .coordinates-control .coordinate-label{color:#9ca3af}.coordinates-control .coordinate-item span:last-child{color:#1f2937;font-weight:500}.dark .coordinates-control .coordinate-item span:last-child{color:#f3f4f6}.maplibregl-ctrl-bottom-left .map-legend-control{margin:0 0 10px 10px}.maplibregl-ctrl-top-left .coordinates-control,.maplibregl-ctrl-top-left .stats-control{margin:10px 0 0 10px}.maplibregl-ctrl-top-right .filter-control{margin:10px 10px 0 0}@media (max-width: 768px){.map-legend-control{min-width:auto;max-width:calc(100vw - 80px)}.map-legend-control .legend-items{font-size:11px}.stats-control{min-width:160px}.stats-control .stat-value{font-size:16px}.coordinates-control{padding:6px 8px}.coordinates-display-ctrl{font-size:10px;gap:8px}.filter-control{padding:4px}.filter-control .filter-btn{width:36px;height:36px;font-size:18px}.filter-control .filter-btn:after,.filter-control .filter-btn:before{display:none}.coordinates-control .coordinate-item:nth-child(4){display:none}}.maplibregl-ctrl-group{z-index:2}.maplibregl-ctrl{transition:opacity .3s ease}.map-legend-control .legend-content::-webkit-scrollbar{width:4px}.map-legend-control .legend-content::-webkit-scrollbar-track{background:transparent}.map-legend-control .legend-content::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.dark .map-legend-control .legend-content::-webkit-scrollbar-thumb{background:#fff3}.search-control-maplibre{background:transparent;box-shadow:none}.search-wrapper-ctrl{position:relative;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 2px 10px #0000001f;overflow:visible;min-width:320px}.dark .search-wrapper-ctrl{background:#1f2937fa}.search-input-ctrl{width:100%;padding:10px 14px 10px 40px;font-size:14px;border:none;background:transparent;color:#1f2937;outline:none;font-weight:500}.dark .search-input-ctrl{color:#f3f4f6}.search-icon-ctrl{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.search-results-ctrl{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:300px;overflow-y:auto;z-index:10}.dark .search-results-ctrl{background:#1f2937fa}.search-result-item-ctrl{padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05);transition:background .2s}.dark .search-result-item-ctrl{border-bottom:1px solid rgba(255,255,255,.05)}.search-result-item-ctrl:hover{background:#3b82f61a}.search-result-item-ctrl:last-child{border-bottom:none}.search-result-name{font-size:14px;font-weight:600;color:#1f2937}.search-result-region{font-size:12px;color:#6b7280;margin-top:2px}.search-no-results{padding:12px;text-align:center;color:#6b7280;font-size:13px}.info-control{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:10px 14px;box-shadow:0 2px 8px #0000001f;min-width:200px}.dark .info-control{background:#1f2937fa}.info-area-name{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:4px}.dark .info-area-name{color:#f3f4f6}.info-area-details{font-size:12px;color:#6b7280;line-height:1.4}.dark .info-area-details{color:#9ca3af}.attribution-control{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:4px 8px;font-size:11px}.dark .attribution-control{background:#1f2937e6}.attribution-content{color:#6b7280}.dark .attribution-content{color:#9ca3af}.attribution-content a{color:#3b82f6;text-decoration:none}.attribution-content a:hover{text-decoration:underline}.maplibregl-ctrl-top-center{position:absolute;top:10px;left:50%;transform:translate(-50%)}.maplibregl-ctrl-top-center .maplibregl-ctrl{margin:0 0 10px}@media (max-width: 768px){.search-wrapper-ctrl{min-width:calc(100vw - 40px);max-width:calc(100vw - 40px)}.info-control{max-width:calc(100vw - 120px)}.attribution-control{font-size:10px;padding:3px 6px}}nav{position:fixed!important;top:0;left:0;right:0;z-index:9999!important}.map-container{position:fixed;inset:80px 0 0;width:100%;height:calc(100vh - 80px)}#map{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#87ceeb,#e0f6ff);z-index:1}.map-legend{position:absolute;bottom:20px;left:20px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 4px 20px #0000001f;z-index:150;min-width:240px;max-width:320px;transition:all .3s ease}.dark .map-legend{background:#1f2937fa}.legend-header{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .legend-header{border-bottom:1px solid rgba(255,255,255,.08)}.legend-title{font-size:14px;font-weight:600;color:#1f2937;text-transform:uppercase;letter-spacing:.5px}.dark .legend-title{color:#f3f4f6}.legend-toggle{width:24px;height:24px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:transform .3s ease}.legend-toggle:hover{color:#374151}.dark .legend-toggle:hover{color:#e5e7eb}.map-legend.collapsed .legend-toggle{transform:rotate(-90deg)}.legend-content{padding:12px;max-height:400px;overflow-y:auto;transition:all .3s ease}.map-legend.collapsed .legend-content{max-height:0;padding:0 12px;overflow:hidden}.legend-section{margin-bottom:16px}.legend-section:last-child{margin-bottom:0}.legend-section-title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dark .legend-section-title{color:#9ca3af}.legend-items{display:grid;gap:6px}.legend-item{display:flex;align-items:center;gap:10px;font-size:13px;color:#374151}.dark .legend-item{color:#e5e7eb}.legend-color{width:20px;height:12px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.dark .legend-color{border:1px solid rgba(255,255,255,.1)}.legend-icon{width:20px;text-align:center;flex-shrink:0;font-size:16px}.legend-peak{font-size:14px;color:#6b7280}.dark .legend-peak{color:#9ca3af}.coordinates-display{position:absolute;top:20px;left:20px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:10px 16px;font-family:SF Mono,Monaco,monospace;font-size:13px;color:#374151;box-shadow:0 2px 8px #0000001a;z-index:100;display:flex;align-items:center;gap:12px}.dark .coordinates-display{background:#1f2937f2;color:#e5e7eb}.coordinate-item{display:flex;align-items:center;gap:4px}.coordinate-label{color:#6b7280;font-size:11px;text-transform:uppercase}.search-container{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:100;width:90%;max-width:420px}.search-wrapper{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50px;box-shadow:0 4px 20px #00000026;overflow:hidden;border:1px solid rgba(255,255,255,.8)}.dark .search-wrapper{background:#1f2937f2}.search-input{width:100%;padding:14px 20px 14px 48px;font-size:15px;border:none;background:transparent;color:#1a1a1a;outline:none;font-weight:500}.dark .search-input{color:#f3f4f6}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#6b7280}.search-results{max-height:400px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.1);background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 12px 12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark .search-results{border-top:1px solid rgba(255,255,255,.1);background:#1f2937fa}.search-result-item{padding:12px 20px;cursor:pointer;transition:all .2s;border-bottom:1px solid rgba(0,0,0,.05);background:#fffffff2}.dark .search-result-item{border-bottom:1px solid rgba(255,255,255,.05);background:#1f2937f2}.search-result-item:hover{background:linear-gradient(90deg,#3b82f626,#3b82f60d);transform:translate(2px)}.dark .search-result-item:hover{background:linear-gradient(90deg,#3b82f640,#3b82f61a)}.search-result-name{font-weight:600;color:#1f2937;margin-bottom:2px;font-size:14px}.dark .search-result-name{color:#f3f4f6}.search-result-region{font-size:12px;color:#6b7280;opacity:.9}.dark .search-result-region{color:#9ca3af}.filter-panel{position:absolute;top:20px;right:20px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;width:280px;box-shadow:0 4px 20px #0000001f;z-index:99;border:1px solid rgba(255,255,255,.8)}.dark .filter-panel{background:#1f2937fa;border:1px solid rgba(55,65,81,.8)}.filter-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#374151;margin-bottom:16px;display:flex;align-items:center;gap:8px}.dark .filter-title{color:#e5e7eb}.filter-section{margin-bottom:20px}.filter-section-title{font-size:12px;font-weight:600;color:#fff;margin-bottom:10px;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:6px;justify-content:space-between}.feature-count{font-size:11px;color:#9ca3af;background:#0000000d;padding:2px 6px;border-radius:8px}.filter-options{display:flex;flex-direction:column;gap:8px}.filter-option{display:flex;align-items:center;padding:8px 12px;background:#00000008;border-radius:8px;cursor:pointer;transition:all .2s}.dark .filter-option{background:#ffffff0d}.filter-option:hover{background:#3b82f61a}.filter-option.active{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.filter-checkbox{width:18px;height:18px;margin-right:10px;accent-color:#3B82F6}.filter-label{flex:1;font-size:14px;color:#fff;color:#374151}.dark .filter-label{color:#e5e7eb}.filter-section.collapsible .filter-section-title{position:relative;padding-right:20px}.filter-section.collapsible .filter-section-title:after{content:"▼";position:absolute;right:0;font-size:10px;color:#fff9;transition:transform .2s}.filter-section.collapsible.collapsed .filter-section-title:after{transform:rotate(-90deg)}.filter-section.collapsed .filter-options{display:none}.filter-section label{color:#fff}.feature-count{font-size:11px;color:#fff9;margin-left:auto;background:#ffffff1a;padding:2px 6px;border-radius:8px;min-width:28px;text-align:center}.filter-count{font-size:12px;color:#9ca3af;background:#0000000d;padding:2px 8px;border-radius:12px}.dark .filter-count{background:#ffffff1a}.info-panel{position:absolute;bottom:100px;right:20px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px;max-width:320px;box-shadow:0 4px 20px #0000001f;z-index:98;transition:transform .3s,opacity .3s;border:1px solid rgba(255,255,255,.8)}.dark .info-panel{background:#1f2937fa;border:1px solid rgba(55,65,81,.8)}.info-panel.hidden{transform:translate(400px);opacity:0}.info-title{font-size:20px;font-weight:700;margin-bottom:12px;color:#1f2937}.dark .info-title{color:#f3f4f6}.info-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.stat-item{background:#0000000d;padding:10px;border-radius:8px}.dark .stat-item{background:#ffffff0d}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:4px}.stat-value{font-size:18px;font-weight:600;color:#1f2937}.dark .stat-value{color:#f3f4f6}.legend{position:absolute;bottom:30px;left:20px;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:16px;box-shadow:0 4px 16px #0000001f;z-index:99;border:1px solid rgba(255,255,255,.8)}.dark .legend{background:#1f2937fa;border:1px solid rgba(55,65,81,.8)}.legend-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#6b7280;margin-bottom:12px}.legend-item{display:flex;align-items:center;margin-bottom:8px;gap:8px}.legend-color{width:20px;height:3px;border-radius:2px}.legend-color.lift{border-bottom:2px dashed;height:0;width:24px}.legend-label{font-size:13px;color:#4b5563;font-weight:500}.dark .legend-label{color:#d1d5db}.toggle-switch{position:relative;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:before{transform:translate(20px)}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right .maplibregl-ctrl-attrib{display:none}.ski-area-marker{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:6px 12px;border-radius:16px;font-weight:600;font-size:12px;box-shadow:0 4px 12px #3b82f666;cursor:pointer;white-space:nowrap;border:2px solid rgba(255,255,255,.9);will-change:transform;transform:translateZ(0);-webkit-font-smoothing:antialiased;backface-visibility:hidden}.ski-area-marker:hover{transform:scale(1.1) translateZ(0);box-shadow:0 6px 20px #3b82f699}.stats-section{background:#3b82f60d;border-radius:8px;padding:12px;margin-top:16px}.stats-title{font-size:12px;font-weight:600;color:#4b5563;margin-bottom:12px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-mini{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#fff;border-radius:6px;border:1px solid rgba(0,0,0,.05)}.stat-mini-label{font-size:11px;color:#6b7280}.stat-mini-value{font-size:14px;font-weight:600;color:#1f2937}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;z-index:100;display:none}.loading.active{display:block}@media (max-width: 768px){.map-legend{bottom:10px;left:10px;right:10px;max-width:none;min-width:auto}.legend-content{max-height:200px}.legend-items{display:flex;flex-wrap:wrap;gap:8px}.legend-item{font-size:11px;flex:0 0 calc(50% - 4px)}.legend-section{margin-bottom:12px}.coordinates-display{inset:90px 10px auto}.filter-panel{width:100%;height:auto;max-height:70vh;right:0;top:auto;bottom:0;border-radius:20px 20px 0 0}.search-container{top:140px;left:10px;right:10px;width:auto;max-width:none}}@media (min-width: 769px) and (max-width: 1024px){.map-legend{max-width:280px}}