.human-history-root .map-page{max-width:1600px;margin:0 auto;padding:100px 24px 80px}.human-history-root .map-svg-wrap{min-width:0;position:relative}.human-history-root .map-svg-wrap svg{cursor:grab;touch-action:none;width:100%;height:auto}.human-history-root .map-svg-wrap.is-panning svg{cursor:grabbing}.human-history-root .map-toolbar{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklab,var(--bg-card)92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;gap:6px;padding:6px;display:flex;position:absolute;top:10px;right:10px}.human-history-root .map-tool-btn{border:1px solid var(--border);background:var(--bg);min-width:34px;height:32px;color:var(--parchment-dim);cursor:pointer;font-family:var(--sans);border-radius:6px;font-size:.78rem}.map-tool-btn:hover,.human-history-root .map-tool-btn.active{color:var(--parchment);border-color:var(--gold);background:color-mix(in oklab,var(--gold)12%,transparent)}.human-history-root .map-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:32px;display:grid}.human-history-root .map-chip{border-radius:var(--radius);text-align:center;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);font-family:var(--serif);color:var(--parchment);padding:16px;transition:all .25s}.map-chip:hover,.human-history-root .map-chip.active{border-color:var(--border-hover)}.human-history-root .map-chip .chip-emoji{color:var(--gold);justify-content:center;align-items:center;margin-bottom:4px;font-size:1.5rem;display:flex}.human-history-root .map-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:16px;padding:24px}.human-history-root .map-info-panel{max-width:900px;margin:0 auto;padding:0 24px 80px}.human-history-root .map-era-bar{margin:0 auto 16px}.human-history-root .map-era-track{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;display:grid}.human-history-root .map-era-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);min-height:40px;color:var(--parchment-dim);cursor:pointer;font-family:var(--sans);padding:9px 10px;font-size:.82rem;transition:all .2s}.map-era-btn:hover,.human-history-root .map-era-btn.active{color:var(--parchment);border-color:var(--era-color,var(--gold));background:color-mix(in oklab,var(--era-color,var(--gold))12%,transparent)}.human-history-root .map-region-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 16px;display:flex}.human-history-root .map-region-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--parchment-dim);border-radius:var(--radius);cursor:pointer;font-family:var(--sans);padding:8px 12px;transition:all .2s}.map-region-btn:hover,.human-history-root .map-region-btn.active{color:var(--parchment);border-color:var(--region-color,var(--gold));background:color-mix(in oklab,var(--region-color,var(--gold))12%,transparent)}.human-history-root .map-time-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);margin:0 auto 16px;padding:14px 16px 16px}.map-time-head,.human-history-root .map-time-labels{justify-content:space-between;align-items:center;gap:12px;display:flex}.human-history-root .map-time-head{margin-bottom:12px}.human-history-root .map-time-head span{color:var(--parchment);font-family:var(--serif);font-weight:700}.human-history-root .map-time-count{color:var(--parchment-dim);margin-left:auto;font-size:.78rem}.human-history-root .map-time-reset{border:1px solid var(--border);background:var(--bg);color:var(--parchment-dim);cursor:pointer;font-family:var(--sans);border-radius:6px;padding:6px 9px}.human-history-root .map-time-reset:disabled{cursor:default;opacity:.35}.human-history-root .map-time-body{gap:10px;display:grid}.human-history-root .map-time-label{color:var(--gold);font-family:var(--serif);font-size:.95rem}.human-history-root .map-time-ranges{gap:8px;display:grid}.human-history-root .map-time-range{width:100%;accent-color:var(--gold)}.human-history-root .map-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 auto 16px;display:grid}.human-history-root .map-summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.human-history-root .map-summary-card span{color:var(--parchment-dim);font-size:.72rem;display:block}.human-history-root .map-summary-card strong{color:var(--parchment);font-family:var(--serif);margin-top:2px;font-size:1rem;display:block}.human-history-root .map-summary-card.wide{grid-column:span 2}.human-history-root .map-explorer{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;margin-bottom:32px;display:grid}@media (min-width:1120px){.human-history-root .map-explorer{grid-template-columns:minmax(0,1fr) 320px}.human-history-root .map-side-list{max-height:610px}}.human-history-root .map-side-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.human-history-root .map-side-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.human-history-root .map-side-head strong{color:var(--parchment);font-family:var(--serif)}.human-history-root .map-side-head span{color:var(--parchment-dim);font-size:.75rem}.human-history-root .map-side-list{max-height:520px;padding:6px;overflow-y:auto}.human-history-root .map-side-event{cursor:pointer;text-align:left;width:100%;font-family:var(--sans);background:0 0;border:0;border-left:2px solid transparent;border-radius:6px;grid-template-columns:92px minmax(0,1fr);gap:2px 10px;padding:9px 10px;display:grid}.map-side-event:hover,.human-history-root .map-side-event.active{background:color-mix(in oklab,var(--event-color,var(--gold))10%,transparent);border-left-color:var(--event-color,var(--gold))}.human-history-root .map-marker{cursor:pointer}.human-history-root .map-marker-hit{pointer-events:all}.map-marker-halo,.map-marker-core,.human-history-root .map-marker-ring{pointer-events:none;transition:r .16s,opacity .16s}.human-history-root .map-marker-stem{pointer-events:none;stroke-width:.6px;stroke-opacity:.28;vector-effect:non-scaling-stroke}.human-history-root .map-marker-anchor{pointer-events:none;opacity:.45}.human-history-root .map-marker-cluster-count{pointer-events:none;fill:var(--parchment-dim);font-family:var(--sans);paint-order:stroke;stroke:var(--bg);stroke-width:2px;stroke-linejoin:round;font-size:7px;font-weight:700}.human-history-root .map-continent{transition:fill-opacity .3s}.human-history-root .map-continent:hover{fill-opacity:.25}.map-country-layer,.map-land-layer,.map-country-boundaries,.map-land-shape,.human-history-root .map-country-boundary{pointer-events:none}.human-history-root .map-land-shape{fill:color-mix(in oklab,var(--gold)20%,var(--bg-card));fill-opacity:.24;stroke:var(--gold);stroke-width:.35px;stroke-opacity:.16;vector-effect:non-scaling-stroke}.human-history-root .map-country-boundary{fill:none;stroke:var(--parchment);stroke-width:.45px;stroke-opacity:.18;vector-effect:non-scaling-stroke}.map-tooltip,.human-history-root .map-tooltip-layer{pointer-events:none}.human-history-root .map-reference-line{fill:none;stroke:var(--parchment);stroke-width:.7px;stroke-dasharray:4 5;stroke-linecap:round;stroke-linejoin:round;opacity:.18;vector-effect:non-scaling-stroke}.human-history-root .map-detail h2{font-family:var(--serif);color:var(--parchment);margin-bottom:4px;font-size:1.5rem}.human-history-root .map-detail .map-desc{color:var(--parchment-dim);margin-bottom:16px;font-size:.9rem;line-height:1.8}.human-history-root .map-story-card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in oklab,var(--bg)72%,transparent);margin:14px 0;padding:16px}.human-history-root .map-story-head{gap:4px;margin-bottom:10px;display:grid}.human-history-root .map-story-head span{color:var(--gold);font-size:.72rem}.human-history-root .map-story-head strong{color:var(--parchment);font-family:var(--serif);font-size:1.08rem}.human-history-root .map-story-card p{color:var(--parchment-dim);margin:0;line-height:1.8}.human-history-root .map-story-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.human-history-root .map-story-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--parchment);cursor:pointer;font-family:var(--sans);border-radius:6px;padding:7px 10px}.human-history-root .map-story-btn:disabled{cursor:default;opacity:.35}.human-history-root .map-story-dots{align-items:center;gap:5px;display:flex}.human-history-root .map-story-dots span{background:var(--border);border-radius:999px;width:6px;height:6px}.human-history-root .map-story-dots span.active{background:var(--gold)}.human-history-root .map-cluster-detail{border-left:3px solid var(--gold)}.human-history-root .map-cluster-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.human-history-root .map-cluster-head span{color:var(--gold);font-size:.78rem}.human-history-root .map-cluster-head h2{margin:3px 0}.human-history-root .map-cluster-head p{color:var(--parchment-dim);margin:0;font-size:.82rem}.human-history-root .map-cluster-list{gap:8px;display:grid}.human-history-root .map-cluster-event{border:1px solid var(--border);border-left:3px solid var(--event-color,var(--gold));border-radius:var(--radius);background:color-mix(in oklab,var(--bg)70%,transparent);cursor:pointer;text-align:left;font-family:var(--sans);grid-template-columns:112px minmax(0,1fr);gap:2px 12px;padding:10px 12px;display:grid}.map-cluster-event:hover,.human-history-root .map-cluster-event.active{background:color-mix(in oklab,var(--event-color,var(--gold))12%,transparent);border-color:color-mix(in oklab,var(--event-color,var(--gold))55%,var(--border))}.human-history-root .map-cluster-event span{color:var(--gold);font-family:var(--serif);grid-row:span 2}.human-history-root .map-cluster-event strong{color:var(--parchment);font-size:.95rem}.human-history-root .map-cluster-event em{color:var(--parchment-dim);font-size:.78rem;font-style:normal}.human-history-root .map-highlights{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.human-history-root .map-event-list{flex-direction:column;gap:6px;display:flex}.human-history-root .map-event-item{border:0;border-left:2px solid var(--event-color,var(--gold));background:color-mix(in oklab,var(--event-color,var(--gold))6%,transparent);cursor:pointer;text-align:left;font-family:var(--sans);border-radius:6px;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;font-size:.85rem;display:grid}.human-history-root .map-event-item:last-child{border-bottom:none}.human-history-root .map-ev-year{color:var(--gold);font-family:var(--serif);white-space:nowrap;text-align:right;min-width:90px;font-weight:600}.human-history-root .map-ev-title{color:var(--parchment);font-family:var(--serif)}.human-history-root .map-ev-desc{color:var(--parchment-dim);font-size:.75rem}.human-history-root .map-detail-subtitle{font-family:var(--serif);color:var(--parchment);margin-bottom:8px;font-size:.95rem}.human-history-root .map-facts{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.human-history-root .map-facts span{color:var(--parchment);border:1px solid var(--border);border-radius:999px;padding:4px 8px;font-size:.75rem}.human-history-root .map-detail-hint{color:var(--gold);opacity:.75;margin-top:12px;font-size:.75rem}.human-history-root .map-related{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.human-history-root .map-related h4{color:var(--gold);letter-spacing:.08em;margin:0 0 8px;font-size:.75rem}.human-history-root .map-related-list{flex-direction:column;gap:6px;display:flex}.human-history-root .map-related-btn{text-align:left;background:var(--bg);border:1px solid var(--border);color:var(--parchment-dim);cursor:pointer;border-radius:6px;padding:8px 10px;font-size:.78rem}.human-history-root .map-related-btn:hover{color:var(--gold);border-color:var(--gold)}