.history-shell{--surface-rgb:255, 255, 255;--surface-alpha:.72;--surface-strong-alpha:.9;--timeline-line:rgba(var(--text-primary), 14%);--timeline-line-strong:rgba(var(--text-primary), 24%);--surface:rgba(var(--surface-rgb), var(--surface-alpha));--surface-strong:rgba(var(--surface-rgb), var(--surface-strong-alpha));--surface-border:rgba(var(--text-primary), 12%);--accent-soft:rgba(var(--accent-rgb), 10%);--accent-border:rgba(var(--accent-rgb), 30%);max-width:1000px;margin:0 auto}@media (prefers-color-scheme:dark){.history-shell{--surface-rgb:43, 51, 69;--surface-alpha:.72;--surface-strong-alpha:.92}}.history-intro{justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:3rem;display:flex}.history-intro h1{color:rgb(var(--text-primary));letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.95}.eyebrow{color:var(--accent-text);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;font-size:.7rem;font-weight:700}.lede{max-width:42rem;color:rgb(var(--text-muted));margin:1.25rem 0 0;font-size:1rem;line-height:1.5}.stats{color:rgb(var(--text-muted));white-space:nowrap;flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1.25rem;font-size:.8rem;line-height:1.4;display:flex}.stats strong{color:rgb(var(--text-primary));font-weight:700}.controls{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.platforms{flex-wrap:wrap;gap:.4rem;display:flex}.filter{appearance:none;border:1px solid var(--surface-border);color:rgb(var(--text-primary));font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.45rem .8rem;font-size:.75rem;line-height:1;transition:color .16s,background-color .16s,border-color .16s,transform .16s}.filter:hover{border-color:var(--accent-border);color:var(--accent-text)}.filter:active{transform:translateY(1px)}.filter.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.search{flex:0 260px;display:block}.search input{box-sizing:border-box;border:1px solid var(--surface-border);background:var(--surface-strong);width:100%;color:rgb(var(--text-primary));font:inherit;border-radius:999px;outline:none;padding:.65rem 1rem;font-size:.8rem;transition:border-color .16s,box-shadow .16s}.search input::placeholder{color:rgb(var(--text-muted));opacity:1}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.overview{border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--box-shadow);backdrop-filter:blur(12px);border-radius:16px;margin-bottom:4rem;padding:1.5rem 1.25rem}.overview-axis{border-bottom:1px solid var(--timeline-line);height:1.5rem;margin-bottom:.75rem;margin-left:4.5rem;position:relative}.overview-axis a{color:rgb(var(--text-primary));font-size:.65rem;font-weight:600;line-height:1;text-decoration:none;position:absolute;bottom:.35rem;transform:translate(-50%)}.overview-axis a:hover,.overview-axis a:focus-visible{color:var(--accent-text)}.overview-lanes{gap:.6rem;display:grid}.lane{grid-template-columns:4.5rem 1fr;align-items:center;gap:.75rem;display:grid}.lane>span{color:rgb(var(--text-primary));letter-spacing:.05em;text-transform:uppercase;font-size:.65rem;font-weight:700}.lane-track{height:1rem;position:relative}.lane-track:before{content:"";background:var(--timeline-line-strong);height:1px;position:absolute;top:50%;left:0;right:0}.lane-dot{border:2px solid var(--accent);background:rgb(var(--bg-primary));border-radius:50%;width:7px;height:7px;transition:transform .16s,background-color .16s,box-shadow .16s;position:absolute;top:50%;transform:translate(-50%,-50%)}.lane-dot:hover,.lane-dot:focus-visible{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:translate(-50%,-50%)scale(1.25)}.timeline{position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, transparent, var(--timeline-line-strong) 4rem, var(--timeline-line-strong) calc(100% - 4rem), transparent);width:1px;position:absolute;top:0;bottom:0;left:4.25rem}.year{grid-template-columns:4.25rem 1fr;gap:2rem;margin-bottom:4.5rem;scroll-margin-top:2rem;display:grid;position:relative}.year-marker{z-index:1;justify-content:flex-start;display:flex;position:relative}.year-marker span{border:1px solid var(--accent-border);background:rgb(var(--bg-primary));min-width:3.5rem;height:2rem;color:var(--accent-text);border-radius:999px;justify-content:center;align-items:center;padding:0 .5rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.year-content{min-width:0}.platform-block{border:1px solid var(--surface-border);background:var(--surface);box-shadow:0 4px 16px rgba(var(--text-primary), 4%);border-radius:14px;margin-bottom:1.5rem;padding:1.25rem 1.35rem;transition:border-color .16s,box-shadow .16s}.platform-block:hover{border-color:var(--accent-border);box-shadow:0 6px 20px rgba(var(--text-primary), 7%)}.platform-heading{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin-bottom:.9rem;display:flex}.platform-name{color:rgb(var(--text-primary));letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.platform-note{color:rgb(var(--text-muted));font-size:.7rem}.events{gap:.4rem;display:grid}.event{border-top:1px solid var(--surface-border)}.event:first-child{border-top:0}.event summary{color:rgb(var(--text-primary));cursor:pointer;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:baseline;gap:.75rem;padding:.7rem 1.25rem .7rem 0;list-style:none;display:grid;position:relative}.event summary::-webkit-details-marker{display:none}.event summary:after{content:"+";color:rgb(var(--text-muted));position:absolute;right:0}.event[open] summary:after{content:"−"}.event summary:hover .event-title{color:var(--accent-text)}.event-date{color:var(--accent-text);white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:600;line-height:1.4}.event-title{min-width:0;color:rgb(var(--text-primary));font-size:.9rem;line-height:1.45;transition:color .16s}.event-stats{color:rgb(var(--text-muted));white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.65rem}.event ul{color:rgb(var(--text-primary));margin:0 0 .85rem;padding:0 0 0 5.25rem;font-size:.78rem}.event li{margin:.2rem 0}.event li::marker{color:var(--accent-text)}.no-results{color:rgb(var(--text-primary));text-align:center;margin:3rem 0;font-size:.9rem}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=800px){.history-intro{flex-direction:column;align-items:flex-start;gap:1.5rem}.stats{white-space:normal;justify-content:flex-start}.controls{flex-direction:column;align-items:stretch}.search{flex-basis:auto;width:100%}.overview{overflow-x:auto}.overview-axis,.overview-lanes{min-width:520px}}@media (width<=600px){.history-shell{margin:0}.history-intro{margin-bottom:2rem}.history-intro h1{font-size:2.8rem}.lede{font-size:.9rem}.overview{border-radius:12px;margin-bottom:3rem;padding:1rem}.timeline:before{left:.35rem}.year{margin-bottom:3rem;padding-left:1.5rem;display:block}.year-marker{margin-bottom:1rem;position:relative}.year-marker span{min-width:auto;padding:.4rem .7rem}.platform-block{border-radius:12px;padding:1rem}.event summary{grid-template-columns:3.75rem minmax(0,1fr)}.event-stats{white-space:normal;grid-column:2}.event ul{padding-left:1rem}}@media (prefers-reduced-motion:reduce){.filter,.search input,.lane-dot,.platform-block,.event-title{transition:none}}