.faction-history-chart{height:auto!important;min-height:0!important;overflow:visible!important}
.history-scroll{overflow-x:auto;padding:12px 0 4px;scrollbar-width:thin}
.history-plot{min-width:510px}
.history-lane,.history-axis{display:grid;grid-template-columns:104px 1fr}
.history-lane{--event-color:#3d786b;--event-tint:#e6eee5;--event-glow:#3d786b24;border-radius:10px;margin:5px 0;background:linear-gradient(90deg,transparent 15%,var(--event-tint) 100%)}
.history-lane:nth-child(2){--event-color:#a6533b;--event-tint:#f4e6d9;--event-glow:#a6533b24}
.history-lane:nth-child(3){--event-color:#736289;--event-tint:#eee7ee;--event-glow:#73628924}
.history-label{align-self:center;font-size:12px;color:var(--event-color,var(--muted));font-weight:600;letter-spacing:.035em}
.history-track{position:relative;min-height:72px;background:linear-gradient(90deg,var(--event-color),transparent) 0 36px/100% 2px no-repeat}
.history-marker{position:absolute;transform:translateX(-50%);width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--event-color);border-radius:8px;background:var(--event-tint);color:var(--event-color);font-size:21px;line-height:1;cursor:pointer;box-shadow:0 2px 4px #322a1710;transition:background .18s,box-shadow .18s,transform .18s}
.history-marker[aria-pressed=true]{background:var(--event-color);color:#fff;border-color:var(--event-color);box-shadow:0 0 0 4px var(--event-tint),0 0 0 5px var(--event-color),0 5px 12px var(--event-glow);transform:translateX(-50%) scale(1.06);z-index:2}
.history-marker:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 5px 12px var(--event-glow)}
.history-marker:focus-visible{outline:2px solid var(--event-color);outline-offset:5px;z-index:3}
.history-ticks{position:relative;height:36px}.history-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:11px;color:var(--muted);padding-top:11px}
.history-selection{--event-color:#3d786b;--event-tint:#e6eee5;box-sizing:border-box;padding:18px 20px;margin:10px 0 18px;min-height:120px;border:1px solid var(--line);border-left:4px solid var(--event-color);border-radius:0 12px 12px 0;background:linear-gradient(110deg,var(--event-tint),var(--panel));box-shadow:0 4px 14px #3b302508}
.history-selection[data-category=Building]{--event-color:#a6533b;--event-tint:#f4e6d9}.history-selection[data-category=Governance]{--event-color:#736289;--event-tint:#eee7ee}
.history-selection .history-date{font-size:11px;color:var(--event-color);letter-spacing:.035em}
.history-selection h4{font-size:17px;text-transform:none;letter-spacing:-.015em;margin:8px 0;color:var(--text)}
.history-selection p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.history-all{border-top:1px solid var(--line);padding-top:14px;font-size:12px}.history-all summary{cursor:pointer;color:var(--text)}.history-all summary:hover{color:var(--copper)}
.history-all ol{list-style:none;padding:0;margin:12px 0;max-height:240px;overflow:auto}.history-all li{display:flex;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.history-all time{flex:0 0 48px;color:var(--muted)}.history-empty{color:var(--muted);font-size:13px;padding:30px 0}
@media(prefers-reduced-motion:reduce){.history-marker{transition:none}}