.map-timeline{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(22,27,34,.94);border:1px solid var(--border);border-radius:14px;padding:15px 26px 12px;backdrop-filter:blur(14px);box-shadow:var(--shadow)}
.map-timeline-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.map-timeline-label{font-size:11px;color:var(--muted);letter-spacing:2px}.map-timeline-year{font-size:15px;color:var(--gold);letter-spacing:1px}
.timeline-events{position:relative;min-height:24px;margin-bottom:10px}.timeline-event{position:absolute;height:24px;border:1px solid;border-radius:6px;display:flex;align-items:center;padding:0 9px;font-size:10.5px;font-weight:500;white-space:nowrap;overflow:hidden;cursor:pointer;transition:.18s;backdrop-filter:blur(4px)}.timeline-event:hover{filter:brightness(1.15);transform:translateY(-1px)}.timeline-event.active{filter:brightness(1.3);box-shadow:0 0 12px currentColor}.timeline-event.future{opacity:.45}.timeline-event.ongoing{box-shadow:0 0 10px currentColor}
.map-timeline-track{position:relative;height:55px}.map-timeline-rail{position:absolute;left:0;right:0;top:8px;height:12px;background:#232a34;border-radius:6px;box-shadow:inset 0 2px 4px rgba(0,0,0,.45)}.map-timeline-fill{position:absolute;left:0;top:8px;height:12px;width:100%;background:linear-gradient(90deg,#8a6d3f,#d4a76a);border-radius:6px;box-shadow:0 0 12px rgba(212,167,106,.45);transition:width .15s}
.map-timeline-range{position:absolute;left:0;right:0;top:0;width:100%;height:28px;-webkit-appearance:none;appearance:none;background:transparent;outline:none;cursor:pointer;z-index:3;margin:0}.map-timeline-range::-webkit-slider-runnable-track{height:12px;background:transparent}.map-timeline-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e6c187,#b98d4e);border:3px solid #0e1116;box-shadow:0 0 18px rgba(212,167,106,.75);margin-top:-7px}.map-timeline-range::-moz-range-track{height:12px;background:transparent}.map-timeline-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e6c187,#b98d4e);border:3px solid #0e1116;box-shadow:0 0 18px rgba(212,167,106,.75)}
.map-timeline-ticks{position:absolute;left:0;right:0;top:8px;display:flex;justify-content:space-between;pointer-events:none}.map-timeline-ticks button{position:relative;background:none;color:#5a6572;font-size:10.5px;padding-top:26px;cursor:pointer;pointer-events:auto}.map-timeline-ticks button:before{content:"";position:absolute;left:50%;top:-5px;transform:translateX(-50%);width:2px;height:22px;background:#3d4a58}.map-timeline-ticks button.active{color:var(--gold)}.map-timeline-ticks button.active:before{background:var(--gold);box-shadow:0 0 8px rgba(212,167,106,.8)}
.map-timeline-stat{display:flex;gap:22px;font-size:10.5px;color:var(--muted)}.timeline-stat-item b{color:var(--gold);font-weight:600}