:root{--panel-bg: #ffffffee;--border: #d9d9d9;--text: #1a1a1a;--muted: #666;--accent: #0a66c2;--toll-yes: #c62828;--toll-cond: #ef6c00;--toll-amb: #9e9e9e;--chains-yes: #1565c0;--chains-cond: #0288d1;--chains-amb: #90a4ae;--ferry: #00838f;--lez: #2e7d32}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text)}#map{position:absolute;inset:0}#panel{position:absolute;top:12px;left:12px;width:300px;max-height:calc(100vh - 24px);overflow-y:auto;padding:12px 14px;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 10px #00000014;backdrop-filter:blur(6px);z-index:10;font-size:13px;line-height:1.4}#panel header{display:flex;align-items:center;justify-content:space-between;gap:8px}#panel header h1{font-size:15px;margin:0;flex:1}#panel header .sub{display:block;margin:2px 0 0;color:var(--muted);font-size:11px}#panel-toggle{display:none;background:none;border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:16px;line-height:1;flex-shrink:0}.block{border-top:1px solid var(--border);padding:10px 0}details.block>summary{cursor:pointer;font-size:13px;font-weight:600;user-select:none;list-style:none;display:flex;align-items:center;gap:6px;padding:2px 0}details.block>summary::-webkit-details-marker{display:none}details.block>summary:before{content:"▶";font-size:9px;color:var(--muted);transition:transform .15s;flex-shrink:0}details.block[open]>summary:before{transform:rotate(90deg)}details.block>.block-body{padding-top:6px}.block h2{font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;color:var(--muted)}.block label{display:block;padding:3px 0;cursor:pointer}.legend{list-style:none;padding:0;margin:0 0 6px}.legend li{display:flex;align-items:center;gap:8px;padding:2px 0}.sw{width:22px;height:4px;border-radius:2px;flex-shrink:0}.sw-toll-yes{background:var(--toll-yes)}.sw-toll-point{width:12px;height:12px;border-radius:50%;background:var(--toll-yes);border:2px solid #fff;box-shadow:0 0 0 1.5px var(--toll-yes);flex-shrink:0}.sw-toll-cond{background:var(--toll-cond)}.sw-toll-amb{background:var(--toll-amb);border:1px dashed #555}.sw-chains-yes{background:var(--chains-yes)}.sw-chains-cond{background:var(--chains-cond)}.sw-chains-amb{background:var(--chains-amb);border:1px dashed #555}.sw-ferry{background:var(--ferry);border:2px dashed var(--ferry)}.sw-car-shuttle{background:#7b1fa2;border:2px dashed #7b1fa2}.sw-lez{background:repeating-linear-gradient(135deg,rgba(46,125,50,.55) 0 2px,transparent 2px 6px);border:1px solid var(--lez)}.sw-seasonal-closure{background:#455a64;border:1px dashed #455a64}.sw-seasonal-winter{background:#80deea;border:1px dashed #00838f}.hint{font-size:11px;color:var(--muted);margin:6px 0 0}#coord-form{display:flex;gap:6px}#coord-input{flex:1;min-width:0;padding:5px 8px;border:1px solid var(--border);border-radius:5px;font:inherit}#coord-form button,#share-link{padding:5px 10px;border:1px solid var(--border);background:#fff;border-radius:5px;cursor:pointer;font:inherit;white-space:nowrap}#coord-form button:hover,#share-link:hover{border-color:var(--accent);color:var(--accent)}.error{color:#c62828;margin:6px 0 0;font-size:12px}.cursor{margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted);word-break:break-all}#style-select{width:100%;padding:5px 6px;border:1px solid var(--border);border-radius:5px;font:inherit;font-size:12px;background:#fff;cursor:pointer}.popup-links{display:flex;flex-direction:column;gap:2px;margin-top:6px}#panel footer{border-top:1px solid var(--border);padding-top:8px;margin-top:6px;font-size:11px;color:var(--muted)}#panel footer a{color:var(--accent)}#panel footer .credits{margin:6px 0 0}.disclaimer summary{cursor:pointer;font-weight:600;color:var(--text);padding:2px 0;font-size:11px}.disclaimer p{margin:6px 0}.disclaimer .version{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.maplibregl-popup-content{font-size:12px;max-width:280px}.popup-status{font-weight:600;font-size:13px;margin-bottom:4px}.popup-reason{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);margin-bottom:6px;word-break:break-all}.popup-meta{margin:6px 0 4px}.popup-name{color:var(--muted);font-size:12px;margin-bottom:2px}.popup-operator{color:var(--muted);font-size:11px;margin-bottom:2px}.popup-sources{display:flex;flex-direction:column;gap:2px;margin-top:2px}.popup-tags{border-top:1px solid var(--border);padding-top:6px;margin-top:6px}.popup-tags>summary{cursor:pointer;font-size:11px;color:var(--muted);padding:2px 0;user-select:none}.popup-tags>summary:hover{color:var(--accent)}.popup-tags[open]>div{max-height:160px;overflow-y:auto;margin-top:4px}.popup-tags table{width:100%;border-collapse:collapse}.popup-tags td{padding:1px 4px 1px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;vertical-align:top}.popup-tags td:first-child{color:var(--muted);white-space:nowrap}.popup-link{display:block;margin-top:6px;font-size:11px}.map-ctx-menu{position:absolute;z-index:20;background:#fff;border:1px solid var(--border);border-radius:7px;box-shadow:0 3px 12px #00000026;padding:4px 0;min-width:160px;font-size:13px}.map-ctx-menu button{display:block;width:100%;padding:7px 14px;border:none;background:none;text-align:left;cursor:pointer;font:inherit;color:var(--text);white-space:nowrap}.map-ctx-menu button:hover{background:#f0f4ff;color:var(--accent)}.map-ctx-menu hr{margin:3px 0;border:none;border-top:1px solid var(--border)}.route-input{display:block;width:100%;padding:5px 8px;margin:3px 0;border:1px solid var(--border);border-radius:5px;font:inherit;font-size:12px}.route-input:focus{outline:none;border-color:var(--accent)}.route-btns{display:flex;gap:5px;margin-top:5px;flex-wrap:wrap}.route-btns button{padding:4px 9px;border:1px solid var(--border);background:#fff;border-radius:5px;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}.route-btns button:hover{border-color:var(--accent);color:var(--accent)}#route-clear{color:#c62828}#route-clear:hover{border-color:#c62828;color:#c62828}.route-status{margin:5px 0 0;font-size:12px;color:var(--muted)}#route-gpx{margin-top:5px;padding:4px 9px;border:1px solid var(--border);background:#fff;border-radius:5px;cursor:pointer;font:inherit;font-size:12px}#route-gpx:hover{border-color:var(--accent);color:var(--accent)}.route-wp-shell{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:grab}.route-wp-shell:active{cursor:grabbing}.route-wp-dot{border-radius:50%;border:2.5px solid #fff;box-shadow:0 1px 6px #00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:8px;line-height:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;user-select:none;pointer-events:none}.route-wp-dot--start{background:#2e7d32;width:20px;height:20px}.route-wp-dot--end{background:#c62828;width:20px;height:20px}.route-wp-dot--via{background:#e65100;width:11px;height:11px;border-width:2px}#route-wp-list{list-style:none;padding:0;margin:5px 0 0}.route-wp-item{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px;border-top:2px solid transparent}.route-wp-item.dragging{opacity:.35}.route-wp-item.drag-over{border-top-color:var(--accent)}.route-wp-handle{flex-shrink:0;cursor:grab;color:var(--muted);font-size:14px;line-height:1;user-select:none;padding:0 1px}.route-wp-handle:active{cursor:grabbing}.route-wp-label{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#e65100;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.route-wp-label--start{background:#2e7d32}.route-wp-label--end{background:#c62828}.route-wp-label--via{background:#e65100}.route-wp-coords{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-wp-rm{flex-shrink:0;padding:1px 5px;border:1px solid var(--border);background:none;border-radius:4px;cursor:pointer;font-size:10px;color:var(--muted);line-height:1.4}.route-wp-rm:hover{border-color:#c62828;color:#c62828}.route-search-row{display:flex;gap:6px;margin-top:4px}.route-search-row input{flex:1;min-width:0;padding:5px 8px;border:1px solid var(--border);border-radius:5px;font:inherit;font-size:12px}.route-search-row input:focus{outline:none;border-color:var(--accent)}.route-search-row button{padding:5px 10px;border:1px solid var(--border);background:#fff;border-radius:5px;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}.route-search-row button:hover{border-color:var(--accent);color:var(--accent)}#route-summary{margin-top:8px}.route-summary{border-top:1px solid var(--border);padding-top:6px;font-size:12px}.rs-header{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:6px 0 3px}.rs-header:first-child{margin-top:0}.rs-row{display:flex;align-items:flex-start;gap:6px;padding:3px 0;line-height:1.4}.rs-icon{flex-shrink:0;font-size:13px;line-height:1.3}.rs-text{flex:1}.rs-sub{color:var(--muted);font-size:11px}.rs-count-link{background:none;border:none;padding:0;margin:0;font:inherit;font-size:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.rs-count-link:hover{text-decoration-style:solid}@media (max-width: 600px){#panel{top:8px;left:8px;right:8px;width:auto;max-height:50vh;padding:10px 12px}#panel-toggle{display:block}#panel.collapsed #panel-body{display:none}.maplibregl-ctrl-top-right{top:60px;right:8px}.maplibregl-popup-content{max-width:240px;font-size:11px}}