*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{flex-direction:column;height:100vh;display:flex}header{text-align:center;background:#fff;border-bottom:2px solid #c41e3a;justify-content:center;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:flex;box-shadow:0 2px 4px #0000001a}header h1{color:#333;letter-spacing:1px;margin:0;font-size:1.2rem}header .subtitle{color:#c41e3a;margin:0;font-size:.85rem}.main-content{flex:1;min-height:0;display:flex}.map-container{flex:1;min-height:400px;position:relative}.map-container.loading{color:#666;background:#f5f5f5;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.error-boundary{text-align:center;background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:2rem;display:flex}.error-boundary h2{color:#c41e3a;margin-bottom:1rem}.error-boundary p{color:#666;margin-bottom:1.5rem}.error-boundary button{color:#fff;cursor:pointer;background:#c41e3a;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem}.error-boundary button:hover{background:#a01830}.error-boundary details{text-align:left;max-width:600px;margin-top:1.5rem}.error-boundary pre{background:#fff;border:1px solid #ddd;border-radius:4px;padding:1rem;font-size:.85rem;overflow-x:auto}.event-list-toggle{z-index:1001;cursor:pointer;background:#fff;border:2px solid #c41e3a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:none;position:fixed;top:5rem;left:1rem;box-shadow:0 2px 8px #00000026}.toggle-icon{font-size:1.2rem}.toggle-text{color:#333;font-size:.85rem}.event-list-overlay{display:none}.event-list{background:#fff;border-right:2px solid #c41e3a;flex-direction:column;width:320px;display:flex;overflow:hidden}.event-list-title{color:#333;border-bottom:1px solid #eee;flex-shrink:0;padding:1rem;font-size:1.1rem;font-weight:600}.event-list-search{border-bottom:1px solid #eee;padding:.75rem 1rem}.search-input{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:.5rem .75rem;font-size:.85rem;transition:border-color .2s}.search-input:focus{border-color:#c41e3a}.search-input::placeholder{color:#999}.event-list-filters{border-bottom:1px solid #eee;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;display:flex}.filter-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.35rem .6rem;font-size:.75rem;transition:all .2s}.filter-btn:hover{border-color:#c41e3a}.filter-btn.active{color:#fff;background:#c41e3a;border-color:#c41e3a}.filter-btn.filter-battle.active{background:#c41e3a;border-color:#c41e3a}.filter-btn.filter-siege.active{background:#8b4513;border-color:#8b4513}.filter-btn.filter-other.active{background:#2e7d32;border-color:#2e7d32}.event-list-empty{text-align:center;color:#999;padding:2rem 1rem;font-size:.9rem}.event-list-items{flex:1;list-style:none;overflow-y:auto}.event-list-item{cursor:pointer;border-bottom:1px solid #eee;flex-direction:column;gap:.25rem;padding:.75rem 1rem;transition:background .2s;display:flex}.event-list-item:hover{background:#f5f5f5}.event-list-item.active{background:#c41e3a}.event-list-date{color:#888;font-size:.7rem}.event-list-item.active .event-list-date{color:#fffc}.event-list-name{color:#333;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.category-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.category-battle{background:#c41e3a}.category-siege{background:#8b4513}.category-other{background:#2e7d32}.event-list-item.active .event-list-name{color:#fff}.event-list-location{color:#c41e3a;font-size:.75rem}.event-list-item.active .event-list-location{color:#ffffffe6}.map{z-index:1;width:100%;height:100%}.sepia-filter .leaflet-tile-pane{filter:sepia(.35)saturate(.85)brightness(.95)}.event-info{z-index:1000;background:#fff;border:2px solid #c41e3a;border-radius:8px;max-width:300px;padding:1.5rem;position:absolute;top:1rem;right:220px;box-shadow:0 4px 12px #00000026}.close-info{color:#999;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:.5rem;right:.75rem}.close-info:hover{color:#c41e3a}.event-name{color:#333;margin-bottom:.5rem;padding-right:1.5rem;font-size:1.2rem;font-weight:600}.event-date{color:#c41e3a;margin-bottom:1rem;font-size:.9rem}.event-link{color:#06c;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-block}.event-link:hover{color:#049;text-decoration:underline}.timeline-container{background:#fff;border-top:2px solid #c41e3a;padding:.5rem 1.5rem;box-shadow:0 -2px 4px #0000001a}.timeline-controls{justify-content:center;gap:.75rem;margin-bottom:.5rem;display:flex}.control-btn{color:#c41e3a;cursor:pointer;background:#fff;border:2px solid #c41e3a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex}.control-btn:hover:not(:disabled){color:#fff;background:#c41e3a;transform:scale(1.1)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.play-btn.playing{color:#fff;background:#c41e3a}.timeline-slider-container{padding:0 1rem;position:relative}.timeline-slider{appearance:none;cursor:pointer;background:#ddd;border-radius:3px;outline:none;width:100%;height:6px}.timeline-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#c41e3a;border-radius:50%;width:16px;height:16px;transition:transform .2s;box-shadow:0 2px 4px #c41e3a66}.timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.timeline-slider::-moz-range-thumb{cursor:pointer;background:#c41e3a;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #c41e3a66}.timeline-years{justify-content:space-between;margin-top:.25rem;padding:0 .5rem;display:flex}.timeline-years span{color:#666;font-size:.7rem}.custom-marker-container{background:0 0!important;border:none!important}.custom-marker{cursor:pointer;transition:all .3s}.custom-marker svg{width:100%;height:100%}.custom-marker:hover{transform:scale(1.2)}.custom-marker.active{animation:1.5s ease-in-out infinite pulse;z-index:1000!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.leaflet-popup-content-wrapper{color:#333;background:#fff;border:1px solid #c41e3a;border-radius:8px}.leaflet-popup-tip{background:#fff;border-bottom:1px solid #c41e3a;border-left:1px solid #c41e3a}.leaflet-popup-content{margin:.75rem 1rem}.leaflet-popup-content a{color:#06c}.map-legend{z-index:1000;background:#fff;border:2px solid #c41e3a;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex;position:absolute;bottom:1rem;left:1rem;box-shadow:0 4px 12px #00000026}.legend-item{color:#333;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.legend-icon{filter:drop-shadow(0 1px 2px #0000004d);width:20px;height:20px}.legend-battle{color:#c41e3a}.legend-siege{color:#8b4513}.legend-other{color:#2e7d32}.minimap-container{z-index:1000;background:#fff;border:2px solid #c41e3a;border-radius:8px;width:200px;height:160px;position:absolute;bottom:1rem;right:1rem;overflow:hidden;box-shadow:0 4px 12px #00000026}.minimap{cursor:pointer;width:100%;height:100%}.minimap .leaflet-control-container{display:none}@media (width<=768px){header{flex-direction:column;gap:.25rem;padding:.4rem 1rem}header h1{font-size:1rem}header .subtitle{font-size:.75rem}.main-content{flex-direction:column}.event-list-toggle{display:flex}.event-list{z-index:1002;border-right:2px solid #c41e3a;width:85%;max-width:320px;height:100vh;transition:left .3s;position:fixed;top:0;left:-100%}.event-list.open{left:0}.event-list-overlay{z-index:1001;background:#00000080;display:block;position:fixed;inset:0}.event-info{max-width:none;inset:auto 1rem 1rem}.timeline-container{padding:1rem}.timeline-years span{font-size:.65rem}.minimap-container{width:120px;height:100px;bottom:.5rem;right:.5rem}.map-legend{gap:.25rem;padding:.5rem .75rem;bottom:.5rem;left:.5rem}.legend-item{font-size:.7rem}.legend-dot{width:10px;height:10px}}