*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--parchment-light: #fef9f0;--parchment-mid: #faf0dc;--parchment-dark: #f0e0c0;--border-gold: #c9a96e;--border-light: #e0c898;--accent-terra: #c84b31;--accent-amber: #8b6914;--text-dark: #3d2b1f;--text-mid: #6b4f3a;--text-dim: #9a7e6a;--green-ink: #4a7c59;--blue-ink: #2c5282;--shadow-warm: rgba(80, 40, 10, .12);--font-pixel: "Press Start 2P", monospace;--font-sans: "Georgia", "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace}html,body{width:100%;height:100%;background-color:var(--parchment-dark);color:var(--text-dark);font-family:var(--font-mono);overflow:hidden}#root{width:100%;height:100%}.app-container{position:relative;width:100%;height:100vh}.map-container{width:100%;height:100%;z-index:0}.leaflet-container{font-family:var(--font-mono)}.leaflet-control-zoom{border:1px solid var(--border-gold)!important;border-radius:4px!important;overflow:hidden;box-shadow:0 2px 8px var(--shadow-warm)!important}.leaflet-control-zoom a{background-color:var(--parchment-light)!important;color:var(--text-dark)!important;border-color:var(--border-light)!important;width:28px!important;height:28px!important;line-height:28px!important;font-size:16px!important}.leaflet-control-zoom a:hover{background-color:var(--parchment-mid)!important;color:var(--accent-terra)!important}.leaflet-control-attribution{background-color:#fef9f0d9!important;color:var(--text-dim)!important;font-size:10px;border-top:1px solid var(--border-light)!important}.leaflet-control-attribution a{color:var(--blue-ink)!important}@keyframes float{0%,to{margin-top:0}50%{margin-top:-6px}}.agent-marker{display:inline-block;filter:drop-shadow(0 3px 5px rgba(60,30,10,.4));cursor:pointer;-webkit-user-select:none;user-select:none;animation:float 2.8s ease-in-out infinite}.agent-marker:hover{filter:drop-shadow(0 4px 10px rgba(60,30,10,.55))}.agent-task-tooltip{background-color:var(--parchment-light)!important;border:1px solid var(--border-gold)!important;border-radius:10px!important;color:var(--text-dark)!important;font-family:var(--font-mono)!important;font-size:13px!important;padding:5px 9px!important;max-width:140px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:0 3px 10px var(--shadow-warm)!important}.agent-task-tooltip:before{border-top-color:var(--parchment-light)!important}.agent-popup-container .leaflet-popup-content-wrapper{background-color:var(--parchment-light);border:1px solid var(--border-gold);border-radius:8px;box-shadow:0 6px 24px var(--shadow-warm);color:var(--text-dark);padding:0}.agent-popup-container .leaflet-popup-content{margin:0}.agent-popup-container .leaflet-popup-tip{background-color:var(--parchment-light)}.agent-popup-container .leaflet-popup-close-button{color:var(--text-dim)!important;top:8px!important;right:8px!important}.agent-popup{font-family:var(--font-mono);min-width:210px;padding:14px 16px}.popup-title{font-family:var(--font-pixel);font-size:10px;color:var(--accent-terra);margin-bottom:11px;padding-bottom:8px;border-bottom:1px dashed var(--border-gold);line-height:1.8;letter-spacing:.5px}.popup-row{display:flex;justify-content:space-between;align-items:center;margin:7px 0;gap:12px}.popup-label{font-size:12px;color:var(--text-dim);white-space:nowrap}.popup-value{font-size:14px;color:var(--green-ink);text-align:right;font-weight:600}.waypoint-tooltip{background-color:var(--parchment-light)!important;border:1px solid var(--border-gold)!important;color:var(--text-mid)!important;font-family:var(--font-mono)!important;font-size:13px!important;padding:3px 8px!important;border-radius:4px!important;box-shadow:0 2px 6px var(--shadow-warm)!important}.waypoint-tooltip:before{display:none!important}.status-panel{position:fixed;bottom:28px;left:20px;z-index:1000;background-color:var(--parchment-light);border:1px solid var(--border-gold);border-radius:8px;outline:3px solid var(--parchment-mid);outline-offset:-5px;padding:16px 18px;min-width:250px;max-width:320px;box-shadow:0 6px 24px var(--shadow-warm),0 1px 4px #b4783c33;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--font-mono)}.status-panel-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed var(--border-gold)}.status-panel-icon{font-size:18px}.status-panel-title{font-family:var(--font-pixel);font-size:9px;color:var(--accent-terra);letter-spacing:1.5px}.status-divider{height:1px;background:repeating-linear-gradient(90deg,var(--border-gold) 0px,var(--border-gold) 4px,transparent 4px,transparent 8px);margin:9px 0}.status-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:6px 0}.status-label{font-family:var(--font-pixel);font-size:8px;color:var(--text-dim);white-space:nowrap;letter-spacing:.5px}.status-value{font-size:15px;color:var(--text-dark);text-align:right;word-break:break-all}.status-value.highlight{color:var(--accent-terra);font-weight:700;font-size:17px}.status-value.accent{color:var(--accent-amber);font-family:var(--font-pixel);font-size:10px}.status-value.small{font-size:12px;color:var(--text-dim)}.status-value.error-text{color:var(--accent-terra);font-size:11px}.status-loading{justify-content:center;padding:8px 0}.status-error{flex-direction:column;align-items:flex-start;gap:4px}.status-footer{margin-top:12px;padding-top:7px;border-top:1px dashed var(--border-gold);font-family:var(--font-pixel);font-size:7px;color:var(--text-dim);text-align:right;letter-spacing:.5px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink-slow{0%,to{opacity:1}50%{opacity:.25}}.blink{animation:blink 1s step-end infinite;color:var(--accent-amber);font-family:var(--font-pixel);font-size:10px}.blink-slow{animation:blink-slow 2.4s ease-in-out infinite;color:var(--accent-terra)}.trail-tooltip-wrapper{background-color:var(--parchment-light)!important;border:1px solid var(--border-gold)!important;border-radius:6px!important;box-shadow:0 3px 10px var(--shadow-warm)!important;padding:0!important}.trail-tooltip-wrapper:before{border-top-color:var(--parchment-light)!important}.trail-tooltip{font-family:var(--font-mono);padding:7px 11px;min-width:150px}.trail-time{font-size:12px;color:var(--text-dim);margin-bottom:4px}.trail-task{font-size:13px;color:var(--text-dark);margin-bottom:4px;word-break:break-all;line-height:1.4}.trail-km{font-size:11px;color:var(--green-ink);font-family:var(--font-pixel)}.city-arrived-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:2000;pointer-events:none;opacity:0;transition:opacity .4s ease,transform .4s ease}.city-arrived-overlay.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.city-arrived-content{background:linear-gradient(135deg,var(--parchment-light) 0%,var(--parchment-mid) 100%);border:3px solid var(--border-gold);border-radius:16px;padding:24px 40px;text-align:center;box-shadow:0 8px 32px var(--shadow-warm),0 0 0 1px #d4b47866;min-width:240px}.city-arrived-badge{display:inline-block;background-color:var(--accent-terra);color:var(--parchment-light);font-family:var(--font-pixel);font-size:11px;letter-spacing:3px;padding:4px 14px;border-radius:20px;margin-bottom:12px}.city-arrived-name{font-family:var(--font-pixel);font-size:28px;color:var(--text-dark);margin-bottom:8px;text-shadow:1px 1px 0 var(--shadow-warm)}.city-arrived-message{font-size:14px;color:var(--text-mid);font-family:var(--font-mono)}.destination-active{color:#f59e0b!important;font-weight:700;display:flex;align-items:center;gap:4px}.destination-clear-btn{background:none;border:1px solid #f59e0b;color:#f59e0b;border-radius:3px;font-size:9px;padding:1px 4px;cursor:pointer;line-height:1;opacity:.8}.destination-clear-btn:hover{opacity:1}.muted{opacity:.55;font-style:italic}.auto-explore-btn{background:none;border:1px solid var(--border-gold);color:var(--text-mid);font-family:var(--font-mono);font-size:10px;padding:2px 8px;cursor:pointer;border-radius:3px;letter-spacing:.05em;transition:all .15s}.auto-explore-btn.active{background:#06d6a01f;border-color:#06d6a0;color:#06d6a0}.auto-explore-btn:hover{opacity:.85}.city-popup{font-family:var(--font-mono);padding:2px}.city-popup-title{font-size:14px;font-weight:700;margin-bottom:2px}.city-popup-sub{font-size:11px;color:#888;margin-bottom:6px}.city-popup-btn{background:#f59e0b26;border:1px solid #f59e0b;color:#f59e0b;font-family:var(--font-mono);font-size:11px;padding:4px 10px;cursor:pointer;border-radius:4px;width:100%}.city-popup-btn:hover{background:#f59e0b4d}.destination-tooltip{font-family:var(--font-mono);font-size:11px;background:#1e140ad9;color:#f59e0b;border:1px solid #f59e0b;border-radius:4px;padding:3px 8px}.card-collection-toggle{width:100%;display:flex;align-items:center;gap:6px;background:none;border:none;border-top:1px solid var(--border-gold);color:var(--text-mid);font-family:var(--font-mono);font-size:11px;padding:8px 0 4px;cursor:pointer;margin-top:8px;text-align:left;transition:color .2s}.card-collection-toggle:hover{color:var(--text-dark)}.card-icon{font-size:13px}.card-count{flex:1;letter-spacing:1px}.card-toggle-arrow{font-size:9px;color:var(--text-dim)}.card-collection-panel{margin-top:4px;max-height:280px;overflow-y:auto}.card-collection-title{font-family:var(--font-pixel);font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-bottom:8px;text-align:center}.card-empty{font-size:10px;color:var(--text-dim);text-align:center;padding:8px 0;line-height:1.5}.card-group{margin-bottom:8px}.card-group-label{font-family:var(--font-pixel);font-size:8px;letter-spacing:1px;color:var(--text-dim);margin-bottom:4px;border-bottom:1px solid var(--border-gold);padding-bottom:2px}.card-group-list{display:flex;flex-wrap:wrap;gap:4px}.card-item{display:flex;align-items:center;gap:3px;padding:3px 6px;border-radius:4px;font-size:10px;font-family:var(--font-mono);border:1px solid transparent;cursor:default;transition:opacity .2s}.card-item:hover{opacity:.85}.card-item{background:#9ca3af1a;border-color:#9ca3af40;color:var(--text-mid)}.card-item-icon{font-size:12px}.card-item-name{font-size:9px}.card-item-count{font-size:8px;opacity:.7;margin-left:1px}.city-arrived-card{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;border:1.5px solid var(--border-gold);border-radius:8px;background:#0000000f;font-family:var(--font-mono)}.city-arrived-card-icon{font-size:18px}.city-arrived-card-name{font-size:12px;color:var(--text-dark)}.city-arrived-card-stamp{font-size:10px;opacity:.6;margin-left:auto}.route-panel{position:fixed;right:16px;top:50%;transform:translateY(-50%);width:240px;max-height:70vh;background:var(--parchment-light);border:1.5px solid var(--border-gold);border-radius:10px;box-shadow:0 4px 24px #00000038;font-family:var(--font-mono);display:flex;flex-direction:column;overflow:hidden;z-index:1200}.route-panel-preview{border-color:#f59e0b;box-shadow:0 4px 24px #f59e0b33}.route-panel-active{border-color:var(--border-gold)}.route-panel-header{display:flex;align-items:center;gap:6px;padding:10px 12px 8px;border-bottom:1px solid var(--border-light);flex-shrink:0}.route-panel-icon{font-size:14px}.route-panel-title{font-size:11px;font-weight:700;color:var(--text-dark);letter-spacing:.05em;flex:1}.route-panel-close{background:none;border:none;color:var(--text-mid);cursor:pointer;font-size:12px;padding:0 2px}.route-panel-close:hover{color:var(--text-dark)}.route-summary{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--parchment-mid);border-bottom:1px solid var(--border-light);flex-shrink:0}.route-summary-dest{font-size:12px;font-weight:700;color:var(--text-dark)}.route-summary-km{font-size:10px;color:var(--accent-amber)}.route-station-list{overflow-y:auto;flex:1;padding:4px 0}.route-station{display:flex;align-items:stretch;min-height:44px}.route-station.passed{opacity:.45}.route-station.current{opacity:1}.route-station-track{width:28px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.route-track-line{width:2px;flex:1;min-height:10px;background:#f59e0b;transition:background .2s}.route-track-line.passed{background:#94a3b8}.route-track-line.hidden{background:transparent}.route-track-dot{width:10px;height:10px;border-radius:50%;background:#fbbf24;border:2px solid #f59e0b;flex-shrink:0;transition:all .2s}.route-track-dot.current{width:14px;height:14px;background:#f59e0b;border-color:#92400e;box-shadow:0 0 6px #f59e0b80}.route-track-dot.passed{background:#64748b;border-color:#94a3b8}.route-station-info{flex:1;padding:6px 8px 6px 4px;display:flex;flex-direction:column;justify-content:center;gap:2px}.route-station-name{display:flex;align-items:center;gap:4px}.route-station-icon{font-size:11px}.route-station-text{font-size:11px;color:var(--text-dark);font-weight:500}.route-station-text.current{color:#92400e;font-weight:700}.route-station-local{font-size:9px;opacity:.65}.route-station-here{font-size:8px;color:#f59e0b;font-weight:700;white-space:nowrap}.route-segment-info{display:flex;align-items:center;gap:4px;padding-left:2px}.route-segment-type{font-size:9px;color:var(--text-mid)}.route-segment-km{font-size:9px;color:var(--accent-amber);margin-left:auto;padding-right:4px}.route-panel-actions{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-top:1px solid var(--border-light);flex-shrink:0}.route-confirm-btn{background:#f59e0b26;border:1.5px solid #f59e0b;color:#92400e;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:7px 12px;cursor:pointer;border-radius:6px;width:100%;transition:background .15s}.route-confirm-btn:hover{background:#f59e0b4d}.route-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.route-cancel-btn{background:none;border:1px solid var(--border-gold);color:var(--text-mid);font-family:var(--font-mono);font-size:10px;padding:5px 12px;cursor:pointer;border-radius:6px;width:100%}.route-cancel-btn:hover{color:var(--text-dark)}.city-popup-local{font-size:10px;opacity:.65;margin-left:2px}.route-panel-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1200;background:var(--parchment-light);border:1.5px solid var(--border-gold);border-right:none;border-radius:8px 0 0 8px;padding:12px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:-2px 2px 10px #00000026;transition:background .15s;font-family:var(--font-mono)}.route-panel-tab:hover{background:var(--parchment-mid)}.route-tab-icon{font-size:16px}.route-tab-label{writing-mode:vertical-rl;font-size:10px;color:var(--text-mid);letter-spacing:1px;max-height:100px;overflow:hidden;text-overflow:ellipsis}.route-progress-bar-wrap{position:relative;height:14px;background:#0000000f;border-radius:7px;margin:0 12px 4px;overflow:hidden;flex-shrink:0}.route-progress-bar-fill{position:absolute;left:0;top:0;bottom:0;background:#f59e0b;border-radius:7px;transition:width .6s ease}.route-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-family:var(--font-pixel);color:var(--text-dark);letter-spacing:.5px}.route-summary-local{font-size:10px;opacity:.65}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:1100;background:var(--parchment-light);border-top:1.5px solid var(--border-gold);box-shadow:0 -4px 16px #50280a24;font-family:var(--font-mono)}.bottom-bar-loading{padding:12px 16px;font-size:11px;color:var(--text-dim);text-align:center}.bottom-bar-dest{display:flex;align-items:center;gap:6px;padding:5px 16px;background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.2);font-size:11px}.bbd-label{font-size:13px}.bbd-city{color:#92400e;font-weight:700;flex:1}.bbd-sub{color:var(--text-dim);font-size:10px}.bbd-clear{background:none;border:1px solid rgba(245,158,11,.5);color:#92400e;font-size:9px;padding:2px 6px;border-radius:3px;cursor:pointer;font-family:var(--font-mono);transition:all .15s}.bbd-clear:hover{background:#f59e0b1f}.bottom-bar-main{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.bottom-bar-main:hover{background:var(--parchment-mid)}.bb-left{display:flex;flex-direction:column;gap:1px;min-width:80px;max-width:110px}.bb-name{font-size:11px;color:var(--text-dark);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-location{font-size:9px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.bb-bar{font-family:var(--font-mono);font-size:13px;letter-spacing:-1px;white-space:nowrap;line-height:1}.bb-filled{color:#f59e0b}.bb-dot{color:#16a34a;font-weight:700}.bb-empty{color:var(--text-dim);opacity:.45}.bb-next{font-size:9px;color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bb-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.bb-km{font-size:10px;color:var(--green-ink);white-space:nowrap}.bb-card-btn{background:none;border:1px solid var(--border-gold);color:var(--text-mid);font-family:var(--font-mono);font-size:9px;padding:3px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s}.bb-card-btn:hover{background:var(--parchment-mid);color:var(--text-dark)}.bb-chevron{font-size:10px;color:var(--text-dim);width:12px;text-align:center}.bottom-drawer{background:var(--parchment-mid);border-top:1px dashed var(--border-gold);padding:8px 14px;display:flex;flex-direction:column;gap:5px}.bottom-drawer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.bd-label{font-family:var(--font-pixel);font-size:7px;color:var(--text-dim);letter-spacing:.5px;white-space:nowrap}.bd-value{font-size:11px;color:var(--text-dark);text-align:right;word-break:break-all}.bd-value.accent{color:var(--accent-amber);font-family:var(--font-pixel);font-size:9px}.bd-value.small{font-size:10px;color:var(--text-dim)}.card-drawer{position:fixed;bottom:0;left:0;right:0;z-index:1300;background:var(--parchment-light);border-top:2px solid var(--border-gold);box-shadow:0 -6px 24px #50280a33;max-height:60vh;display:flex;flex-direction:column}.card-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.card-drawer-title{font-family:var(--font-pixel);font-size:9px;letter-spacing:2px;color:var(--text-mid)}.card-drawer-close{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;padding:0 4px;line-height:1}.card-drawer-close:hover{color:var(--text-dark)}.card-drawer-body{overflow-y:auto;padding:8px 16px 16px;flex:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--parchment-dark)}::-webkit-scrollbar-thumb{background:var(--border-gold);border-radius:3px}