*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a2e;color:#eee;overflow:hidden}#app{height:100vh;display:grid;grid-template-columns:350px 1fr;grid-template-rows:80px 1fr;grid-template-areas:"header header" "controls map"}.header{grid-area:header;background:linear-gradient(135deg,#16213e,#0f172a);display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:2px solid #3b82f6;box-shadow:0 2px 10px #0000004d}.header h1{font-size:2rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:5px}.header p{color:#94a3b8;font-size:.9rem}.control-panel{grid-area:controls;background-color:#16213e;padding:20px;overflow-y:auto;border-right:2px solid #3b82f6;box-shadow:2px 0 10px #0000004d}.control-panel h3{color:gold;margin-bottom:15px;border-bottom:1px solid #3b82f6;padding-bottom:5px;font-size:1.1rem}.timeline-section{margin-bottom:30px}.timeline-controls{margin-bottom:15px}.timeline-controls label{display:block;margin-bottom:8px;color:#cbd5e1;font-size:.9rem}#yearRange{width:100%;margin-bottom:10px}#currentYear{background-color:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:.9rem;display:inline-block}.timeline-buttons{display:flex;gap:8px}.timeline-buttons button{flex:1;padding:8px 4px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.timeline-buttons button:hover{background-color:#2563eb}.civilization-section{margin-bottom:30px}.civilization-filters{display:flex;flex-direction:column;gap:8px}.civilization-filters label{display:flex;align-items:center;color:#cbd5e1;font-size:.85rem;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.civilization-filters label:hover{background-color:#3b82f61a}.civilization-filters input[type=checkbox]{margin-right:8px;accent-color:#ffd700}.search-section{margin-bottom:30px}#locationSearch{width:100%;padding:8px;margin-bottom:10px;background-color:#0f172a;border:1px solid #3b82f6;border-radius:4px;color:#fff;font-size:.9rem}#locationSearch::placeholder{color:#64748b}#searchRadius{width:80px;padding:4px;background-color:#0f172a;border:1px solid #3b82f6;border-radius:4px;color:#fff;font-size:.9rem;margin-left:8px;margin-bottom:10px}#searchJourneys{width:100%;padding:10px;background-color:gold;color:#1a1a2e;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}#searchJourneys:hover{background-color:#ffed4a}.notes-section,.journeys-section,.browse-journeys-section{margin-bottom:20px}.journey-select{width:100%;padding:10px;background-color:#0f172a;border:1px solid #3b82f6;border-radius:4px;color:#cbd5e1;font-size:.9rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23cbd5e1' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.journey-select:focus{outline:none;border-color:gold;box-shadow:0 0 0 2px #ffd70033}.journey-select option{background-color:#0f172a;color:#cbd5e1;padding:6px}.journey-select optgroup{background-color:#16213e;color:gold;font-weight:700;font-style:normal}#notesContainer,#activeJourneysContainer{background-color:#0f172a;padding:15px;border-radius:4px;border:1px solid #3b82f6;color:#cbd5e1;font-size:.85rem;line-height:1.4;min-height:100px;max-height:200px;overflow-y:auto}.active-journey-item{background-color:#16213e;border:1px solid #3b82f6;border-radius:4px;padding:10px;margin-bottom:8px;cursor:pointer;transition:all .2s;position:relative}.active-journey-item:hover{background-color:#1e293b;border-color:gold;transform:translateY(-1px)}.active-journey-item.selected{border-color:gold;background-color:#ffd7001a}.journey-item-title{color:gold;font-weight:700;font-size:.9rem;margin-bottom:4px}.journey-item-civilization{font-size:.75rem;margin-bottom:4px;font-weight:700}.journey-item-period{color:#94a3b8;font-size:.75rem;margin-bottom:6px}.journey-item-stats{display:flex;justify-content:space-between;font-size:.7rem;color:#64748b}.journey-item-actions{display:none;position:absolute;top:5px;right:5px;gap:4px}.active-journey-item:hover .journey-item-actions{display:flex}.journey-action-btn{padding:2px 6px;background-color:#3b82f6;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.7rem;transition:background-color .2s}.journey-action-btn:hover{background-color:#2563eb}.no-active-journeys{text-align:center;color:#64748b;font-style:italic;padding:20px}.journey-count-badge{background-color:#3b82f6;color:#fff;font-size:.75rem;padding:2px 6px;border-radius:10px;margin-left:8px}.journeys-controls{margin-bottom:10px}.journey-filter-input{width:100%;padding:6px 8px;background-color:#0f172a;border:1px solid #3b82f6;border-radius:4px;color:#fff;font-size:.8rem}.journey-filter-input::placeholder{color:#64748b}.journey-filter-input:focus{outline:none;border-color:gold}.map-container{grid-area:map;position:relative}.map-container .leaflet-tile-pane{filter:brightness(.55) saturate(.35) contrast(1.1);transition:filter .3s ease}.map-container:hover .leaflet-tile-pane{filter:brightness(.6) saturate(.4) contrast(1.1)}.info-panel{position:absolute;top:20px;right:20px;width:400px;background-color:#16213e;border:2px solid #3b82f6;border-radius:8px;box-shadow:0 4px 20px #0006;z-index:1000;max-height:80vh;overflow-y:auto}.info-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#1e293b;border-bottom:1px solid #3b82f6;border-radius:6px 6px 0 0}.info-header h3{color:gold;margin:0}#closeInfo{background:none;border:none;color:#cbd5e1;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}#closeInfo:hover{background-color:#ffffff1a}.journey-details{padding:15px;color:#cbd5e1;line-height:1.5}.notes-input{padding:15px;border-top:1px solid #3b82f6}#journeyNotes{width:100%;height:100px;padding:10px;background-color:#0f172a;border:1px solid #3b82f6;border-radius:4px;color:#fff;font-size:.9rem;resize:vertical;font-family:inherit}#journeyNotes::placeholder{color:#64748b}#saveNotes{width:100%;margin-top:10px;padding:8px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}#saveNotes:hover{background-color:#2563eb}.search-results{position:absolute;top:20px;left:20px;width:350px;background-color:#16213e;border:2px solid #3b82f6;border-radius:8px;box-shadow:0 4px 20px #0006;z-index:1000;max-height:70vh;overflow-y:auto}.search-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#1e293b;border-bottom:1px solid #3b82f6;border-radius:6px 6px 0 0}.search-header h3{color:gold;margin:0}#closeSearch{background:none;border:none;color:#cbd5e1;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}#closeSearch:hover{background-color:#ffffff1a}#searchResultsList{padding:15px}.search-result-item{padding:12px;margin-bottom:10px;background-color:#0f172a;border:1px solid #3b82f6;border-radius:4px;cursor:pointer;transition:all .2s}.search-result-item:hover{background-color:#1e293b;border-color:gold}.search-result-title{color:gold;font-weight:700;margin-bottom:5px}.search-result-info{color:#cbd5e1;font-size:.85rem}.hidden{display:none!important}.leaflet-popup-content-wrapper{background-color:#16213e;color:#cbd5e1;border-radius:8px;box-shadow:0 4px 20px #0006}.leaflet-popup-tip{background-color:#16213e}.animated-route{animation:dash-flow 1.5s linear infinite}@keyframes dash-flow{to{stroke-dashoffset:-18}}.pulse-marker{animation:pulse-ring 1.5s ease-out}@keyframes pulse-ring{0%{opacity:1;r:6}to{opacity:0;r:25}}.journey-marker{transition:transform .3s ease}.journey-marker:hover{transform:scale(1.3);z-index:1000!important}.journey-popup{min-width:200px}.journey-popup h4{color:gold;margin-bottom:8px}.journey-popup p{margin-bottom:5px;font-size:.85rem}.journey-popup button{margin-top:8px;padding:4px 8px;background-color:#3b82f6;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.8rem}.journey-popup button:hover{background-color:#2563eb}@media (max-width: 1024px){#app{grid-template-columns:300px 1fr}.info-panel,.search-results{width:320px}}@media (max-width: 768px){#app{grid-template-columns:1fr;grid-template-rows:60px auto 1fr;grid-template-areas:"header" "controls" "map"}.header{padding:5px 10px}.header h1{font-size:1.3rem}.header p{font-size:.75rem}.control-panel{padding:10px 15px;max-height:220px;overflow-y:auto;transition:max-height .3s ease,padding .3s ease,opacity .3s ease}.control-panel.mobile-collapsed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;border-right:none}.info-panel,.search-results{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:45vh;border-radius:12px 12px 0 0;border:none;border-top:2px solid #3b82f6}.info-panel .info-content,.info-header{padding:10px 15px}.leaflet-popup-content-wrapper{max-width:220px}.leaflet-popup-content{margin:8px 10px;font-size:.8rem}.journey-popup{min-width:160px}.journey-popup h4{font-size:.85rem;margin-bottom:4px}.journey-popup p{font-size:.75rem;margin-bottom:3px}.journey-popup button{padding:5px 10px;font-size:.75rem}.journey-actions{flex-direction:column}.action-btn{min-width:unset;padding:10px 12px;font-size:.9rem}.mobile-animation-toggle{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1100;background-color:#ef4444;color:#fff;border:2px solid white;border-radius:30px;padding:10px 24px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #0006;display:none}.mobile-animation-toggle.visible{display:block}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.route-details-modal{background-color:#16213e;border:2px solid #3b82f6;border-radius:8px;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:20px;background-color:#1e293b;border-bottom:1px solid #3b82f6;display:flex;justify-content:space-between;align-items:center}.modal-header h3{color:gold;margin:0}.modal-header button{background:none;border:none;color:#cbd5e1;font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-header button:hover{background-color:#ffffff1a}.modal-content{padding:20px;overflow-y:auto;max-height:70vh}.route-table table{width:100%;border-collapse:collapse;color:#cbd5e1}.route-table th{background-color:#1e293b;color:gold;padding:12px 8px;text-align:left;border-bottom:2px solid #3b82f6}.route-table td{padding:10px 8px;border-bottom:1px solid #3b82f6}.route-table tr:hover{background-color:#3b82f61a}.small-btn{padding:4px 8px;background-color:#3b82f6;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.8rem}.small-btn:hover{background-color:#2563eb}.welcome-modal{z-index:3000}.welcome-content{background-color:#16213e;border:2px solid #ffd700;border-radius:12px;max-width:600px;width:90vw;max-height:80vh;overflow-y:auto}.welcome-header{padding:20px;background:linear-gradient(135deg,#1e293b,#16213e);border-bottom:2px solid #ffd700;display:flex;justify-content:space-between;align-items:center}.welcome-header h2{color:gold;margin:0}.welcome-body{padding:30px;color:#cbd5e1;line-height:1.6}.welcome-features{margin:20px 0}.feature-item{margin:15px 0;border-left:3px solid #3b82f6;padding:10px 0 10px 15px}.welcome-footer{padding:20px;background-color:#1e293b;border-top:1px solid #3b82f6;display:flex;justify-content:space-between;align-items:center}.welcome-checkbox{color:#cbd5e1;cursor:pointer;display:flex;align-items:center;gap:8px}.welcome-btn{padding:10px 20px;background-color:gold;color:#1a1a2e;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .2s}.welcome-btn:hover{background-color:#ffed4a}.journey-overview{margin-bottom:20px}.journey-meta{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.civilization-badge{padding:4px 10px;border-radius:12px;color:#fff;font-size:.8rem;font-weight:700}.journey-period{background-color:#1e293b;padding:4px 10px;border-radius:12px;color:#cbd5e1;font-size:.8rem;border:1px solid #3b82f6}.journey-stats{background-color:#0f172a;padding:15px;border-radius:6px;margin:15px 0}.stat-item{margin:8px 0;font-size:.9rem}.current-location{margin:20px 0;padding:15px;background-color:#1e293b;border-radius:6px;border-left:4px solid #ffd700}.current-location h4{color:gold;margin-bottom:10px}.location-details strong{color:#cbd5e1;font-size:1.1rem}.location-year{color:#3b82f6;font-weight:700;margin:5px 0}.journey-route{margin:20px 0}.route-timeline{position:relative;background-color:#0f172a;padding:20px;border-radius:6px;margin:10px 0;height:60px}.route-point{position:absolute;cursor:pointer;transform:translate(-50%)}.route-point .point-marker{width:12px;height:12px;border-radius:50%;background-color:#3b82f6;border:2px solid #fff;margin-bottom:5px}.route-point.active .point-marker{background-color:gold;width:16px;height:16px;margin-left:-2px}.route-point.passed .point-marker{background-color:#10b981}.route-point .point-info{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#1e293b;color:#cbd5e1;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.route-point:hover .point-info{opacity:1}.journey-actions{margin:20px 0;display:flex;flex-wrap:wrap;gap:8px}.action-btn{flex:1;min-width:120px;padding:8px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.action-btn:hover{background-color:#2563eb}.journey-notes-section{margin:20px 0;padding:15px;background-color:#0f172a;border-radius:6px;border-left:4px solid #3b82f6}.journey-notes-section h4{color:gold;margin-bottom:10px;font-size:.95rem}.journey-notes-list{list-style:none;padding:0;margin:0}.journey-notes-list li{position:relative;padding:8px 0 8px 20px;border-bottom:1px solid rgba(59,130,246,.15);font-size:.85rem;line-height:1.5;color:#cbd5e1}.journey-notes-list li:last-child{border-bottom:none}.journey-notes-list li:before{content:"•";position:absolute;left:4px;color:#3b82f6;font-weight:700}.small-action-btn{padding:4px 8px;background-color:#3b82f6;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:.75rem;margin-right:5px}.small-action-btn:hover{background-color:#2563eb}.error-notification{position:fixed;top:20px;right:20px;z-index:2500;background-color:#dc2626;color:#fff;border-radius:6px;box-shadow:0 4px 12px #0006;animation:slideInRight .3s ease-out}.error-content{padding:15px 20px;display:flex;align-items:center;gap:10px}.error-content button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.error-content button:hover{background-color:#fff3}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.search-summary{padding:15px;background-color:#1e293b;color:#cbd5e1;font-size:.9rem;border-bottom:1px solid #3b82f6}.results-list{max-height:50vh;overflow-y:auto}.search-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.search-result-distance{color:#3b82f6;font-size:.8rem;font-weight:700}.result-civilization{font-size:.8rem;font-weight:700;margin-bottom:5px}.result-location{font-size:.85rem;margin-bottom:5px}.result-description{font-size:.8rem;color:#94a3b8;line-height:1.3;margin-bottom:8px}.result-actions{display:flex;gap:5px;margin-top:8px}.no-results{padding:30px 20px;text-align:center;color:#94a3b8}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.timeline-progress{animation:pulse 2s infinite}.control-panel::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.results-list::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track,.results-list::-webkit-scrollbar-track{background:#0f172a}.control-panel::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.results-list::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.control-panel::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover,.results-list::-webkit-scrollbar-thumb:hover{background:#2563eb}