/* History: editorial timeline, using the site's existing color scheme. */
:root{--history-warm:#e9ba79;--history-violet:#b9a7ee;--history-green:#81c9b4}
:root[data-theme="light"]{--history-warm:#915315;--history-violet:#7153a4;--history-green:#26735b}
.site-container{overflow:clip;max-width:1200px}
.site-container>header{gap:16px;padding-inline:26px}
.site-container>header nav ul{gap:16px}
.lw-history{min-width:0;position:relative;display:block}
.lw-history :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.history-hero{padding:64px 58px 0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.85fr);gap:36px 56px;position:relative;isolation:isolate}
.history-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,var(--accent-wash),transparent 68%);z-index:-1;pointer-events:none}
.history-kicker{font:600 .7rem/1.6 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:12px}
.history-kicker span:not(.history-dot){color:var(--text-secondary);letter-spacing:.02em}
.history-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}
.history-range{margin-left:auto}
.history-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.9rem,5.5vw,4.85rem);font-weight:400;line-height:1.09;letter-spacing:-.045em;margin:28px 0 24px;text-wrap:balance}
.history-hero h1 em{color:var(--history-warm);font-weight:400}
.history-intro{max-width:48ch;color:var(--text-secondary);font-size:1.02rem;line-height:1.9}
.history-start{display:inline-flex;align-items:center;gap:28px;margin-top:26px;min-height:44px;color:var(--text-primary);text-decoration:none;font-size:.85rem;font-weight:600;border-bottom:1px solid var(--accent-line)}
.history-start span{color:var(--accent);font-size:1.4rem}
.history-start:hover{color:var(--accent)}
.history-portrait{margin:0;align-self:start;position:relative;padding-top:8px}
.history-portrait-frame{position:relative;background:var(--bg-sunk);border-radius:140px 140px 16px 16px;overflow:hidden;border:1px solid var(--border);aspect-ratio:4/4.7;box-shadow:var(--shadow-soft)}
.history-portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 36%;display:block}
.history-stamp{position:absolute;bottom:18px;right:18px;padding:12px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;color:var(--history-warm);font:600 .82rem/1.2 var(--font-mono);text-align:center;box-shadow:var(--shadow-soft)}
.history-stamp span{display:block;margin:4px 0;color:var(--text-secondary)}
.history-portrait figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 2px;font-size:.78rem;color:var(--text-secondary)}
.history-portrait figcaption strong{color:var(--text-primary);font-size:.9rem;font-weight:600}
.history-facts{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:20px 34px;padding:24px 0;border-top:1px solid var(--border)}
.history-facts p{font:500 .75rem/1.5 var(--font-mono);color:var(--text-secondary)}
.history-facts strong{color:var(--text-primary);font-size:1.6rem;font-weight:500;margin-right:6px}
.history-facts p:last-child{margin-left:auto}.history-facts p:last-child span{color:var(--history-warm);padding-inline:6px}
.history-chapters{position:sticky;top:70px;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 40px;background:var(--bg-panel);border-block:1px solid var(--border)}
.history-chapters a{min-height:68px;display:flex;align-items:center;gap:10px;position:relative;text-decoration:none;font-size:.8rem;color:var(--text-secondary);padding:12px 16px;flex-wrap:wrap;border-bottom:2px solid transparent}
.history-chapters a[aria-current]{color:var(--text-primary);border-bottom-color:var(--accent)}
.history-chapters a:hover{background:var(--accent-wash);color:var(--text-primary)}
.history-nav-number{font:500 .7rem var(--font-mono);color:var(--accent)}
.history-nav-years{display:block;flex-basis:100%;padding-left:25px;color:var(--text-secondary);font:400 .65rem var(--font-mono)}
.history-story{padding:0 58px}
.history-chapter{--chapter-color:var(--accent);padding-top:68px;scroll-margin-top:158px}
.history-chapter-1{--chapter-color:var(--history-green)}.history-chapter-2{--chapter-color:var(--history-violet)}.history-chapter-3{--chapter-color:var(--history-warm)}
.history-chapter-heading{padding:0 0 36px 134px}
.history-chapter-heading .history-kicker{color:var(--chapter-color)}
.history-chapter-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.85rem,3.3vw,2.55rem);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:14px 0 12px;text-wrap:balance}
.history-chapter-heading>p:last-child{font-size:.9rem;color:var(--text-secondary);line-height:1.75}
.history-timeline{list-style:none;position:relative;padding:0;margin:0}
.history-timeline::before{content:"";position:absolute;top:20px;bottom:0;left:108px;width:1px;background:var(--border)}
.history-event{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;position:relative;padding:28px 0 36px;scroll-margin-top:165px;min-width:0}
.history-event::before{content:"";position:absolute;left:104px;top:42px;width:9px;height:9px;border:2px solid var(--chapter-color);background:var(--bg-panel);border-radius:50%;box-shadow:0 0 0 6px var(--bg-panel);z-index:1}
.history-year{font:400 1.62rem/1.3 var(--font-mono);color:var(--chapter-color);padding-top:4px;letter-spacing:-.07em}
.history-year>span{display:block;font-size:.65rem;letter-spacing:0;margin-top:5px;color:var(--text-secondary)}
.history-event-copy{max-width:66ch;min-width:0}
.history-event-copy h3{font-size:1.12rem;font-weight:600;line-height:1.5;letter-spacing:-.018em;margin-bottom:10px;text-wrap:balance}
.history-event-copy p{font-size:.9rem;line-height:1.85;color:var(--text-secondary)}
.history-tags{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;margin-top:15px}
.history-tags li{font:400 .65rem/1.6 var(--font-mono);color:var(--chapter-color);position:relative}
.history-tags li+li::before{content:"/";color:var(--text-faint);margin-right:14px}
.history-event-feature{grid-template-columns:110px minmax(0,1fr) 255px;gap:24px}
.history-text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;margin-top:8px;color:var(--chapter-color);font-size:.78rem;text-decoration:none}
.history-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.history-motif{width:100%;min-width:0;align-self:start;margin:3px 0 0;border:1px solid var(--border);border-radius:12px;background:var(--bg-sunk);overflow:hidden;color:var(--chapter-color);padding:22px;min-height:168px;position:relative;box-shadow:0 6px 24px -15px var(--chapter-color)}
.history-motif small{display:block;font:400 .65rem/1.65 var(--font-mono);color:var(--text-secondary);margin-top:14px}
.history-motif-browser{padding:0;transform:rotate(-2deg)}
.history-browser-bar{display:flex;align-items:center;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--tint)}
.history-browser-bar i{width:5px;height:5px;border:1px solid var(--text-faint);border-radius:50%}
.history-browser-bar span{margin-left:10px;font:.6rem var(--font-mono);color:var(--text-secondary)}
.history-browser-body{padding:18px;text-align:center;font-family:var(--font-mono)}
.history-browser-body b{font-size:.74rem;font-weight:500;display:block;color:var(--text-primary)}
.history-pixel-star{font-size:2.3rem;line-height:1.3}.history-pixel-line{display:block;width:80%;height:1px;background:var(--accent-line);margin:14px auto}
.history-browser-body small{margin:0}.history-console-title{font:.65rem var(--font-mono);color:var(--text-secondary);border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px}
.history-motif-terminal pre{white-space:pre-wrap;overflow-wrap:anywhere;font:.67rem/1.7 var(--font-mono);color:var(--text-secondary)}
.history-motif-terminal pre span{color:var(--chapter-color)}
.history-chat-lines{display:flex;flex-direction:column;gap:9px;font:.68rem var(--font-mono)}
.history-chat-lines span{padding:5px 8px;border-left:1px solid var(--accent-line);background:var(--tint);color:var(--text-secondary)}
.history-chat-lines i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--chapter-color);margin-right:8px}.history-chat-lines b{float:right;color:var(--chapter-color)}
.history-network{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;text-align:center;font:.65rem var(--font-mono);position:relative;padding:22px 0}
.history-network strong{font:.9rem var(--font-mono);border:1px solid var(--chapter-color);border-radius:50%;padding:16px 0;background:var(--bg-panel)}
.history-network span{border:1px solid var(--border);border-radius:5px;padding:8px 6px}.history-network span:last-child{grid-column:2}
.history-motif-network small{text-align:center;margin-top:2px}
.history-books{height:104px;display:flex;align-items:flex-end;gap:6px;position:relative;padding-left:5px}
.history-books i{width:21px;height:82px;background:var(--accent-wash);border:1px solid var(--chapter-color);border-radius:3px 3px 0 0;transform:rotate(-6deg)}
.history-books i:nth-child(2){height:95px;transform:none}.history-books i:nth-child(3){height:70px;transform:none}.history-books i:nth-child(4){height:84px;transform:rotate(7deg)}
.history-books b{margin-left:auto;align-self:center;font:400 1.55rem/1.15 Georgia,serif;letter-spacing:-.03em}
.history-motif-game{text-align:center}
.history-game-grid{position:absolute;inset:0;opacity:.11;display:grid;grid-template-columns:repeat(3,1fr);align-content:center;gap:10px;font-size:2rem;transform:rotate(-12deg)}
.history-motif-game>strong{display:block;font:400 3.5rem/1.25 var(--font-mono);letter-spacing:-.08em;position:relative;margin-top:9px}.history-motif-game>strong span{font-size:2rem}
.history-motif-game small{position:relative}.history-stats{padding:0;min-height:0}.history-stats img{display:block;width:100%;height:auto}.history-stats figcaption{padding:8px 12px;font:.65rem var(--font-mono);color:var(--text-secondary)}
.history-sound-wave{height:82px;display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:12px}
.history-sound-wave i{width:6px;height:var(--bar);border-radius:3px;background:var(--chapter-color);opacity:.65}
.history-motif-sound>strong{font:.8rem var(--font-mono);font-weight:500}.history-motif-sound small{margin-top:5px}
.history-data-flow{display:flex;justify-content:space-between;align-items:center;font:.65rem var(--font-mono)}
.history-data-flow span{border:1px solid var(--border);border-radius:4px;padding:6px}.history-data-flow i{font-style:normal}
.history-motif-analytics svg{width:100%;height:70px;display:block;margin-top:16px}.history-motif-analytics small{margin-top:4px}
.history-project-names{display:flex;flex-direction:column;gap:9px;font:500 .8rem var(--font-mono);color:var(--text-primary)}
.history-project-names span{border-bottom:1px solid var(--border);padding:4px 0 9px}.history-project-names b{float:right;color:var(--chapter-color);font-weight:400}
.history-outro{padding:48px 58px 56px;margin-top:40px;border-top:1px solid var(--border);background:linear-gradient(120deg,var(--accent-wash),transparent)}
.history-outro h2{font:400 clamp(2rem,3.6vw,3rem)/1.25 Georgia,serif;letter-spacing:-.035em;margin:14px 0 20px}
.history-outro>p:not(.history-kicker){max-width:66ch;color:var(--text-secondary);font-size:.95rem;line-height:1.85}
.history-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.history-actions a{min-height:46px;display:inline-flex;align-items:center;gap:22px;border:1px solid var(--border);border-radius:8px;padding:10px 18px;text-decoration:none;color:var(--text-primary);font-size:.82rem;font-weight:600}
.history-actions a:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.history-actions a:hover{filter:brightness(var(--hover-brightness))}
@keyframes history-arrive{from{transform:translateY(14px)}to{transform:translateY(0)}}
.history-event.history-seen .history-motif{animation:history-arrive .6s ease-out both}
@media(min-width:1121px){.site-container>header{min-height:70px}.site-container>header .site-title{font-size:1rem}}
@media(max-width:1120px){.history-chapters{top:70px}}
@media(max-width:900px){.history-hero{padding:44px 30px 0;gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}.history-story{padding:0 30px}.history-chapters{padding:0 18px}.history-event-feature{grid-template-columns:88px minmax(0,1fr) 210px;gap:20px}.history-event{grid-template-columns:88px minmax(0,1fr);gap:20px}.history-event-feature{grid-template-columns:88px minmax(0,1fr) 210px}.history-timeline::before{left:86px}.history-event::before{left:82px}.history-chapter-heading{padding-left:108px}.history-outro{padding:40px 30px}.history-year{font-size:1.4rem}.history-motif{padding:18px;min-height:150px}.history-motif-browser,.history-stats{padding:0}.history-facts{gap:16px}}
@media(max-width:700px){body{padding:10px}.history-hero{grid-template-columns:minmax(0,1fr) 160px;gap:24px;padding:34px 24px 0}.history-hero h1{font-size:2.85rem}.history-portrait{padding-top:40px}.history-portrait figcaption span{font-size:.66rem}.history-stamp{font-size:.65rem;bottom:10px;right:10px;padding:8px 10px}.history-intro{font-size:.9rem;line-height:1.8}.history-facts p:last-child{margin-left:0}.history-facts{gap:12px 24px}.history-chapters{padding:0 10px;top:70px}.history-chapters a{padding:12px 8px;font-size:.72rem;gap:6px;min-height:64px}.history-nav-years{padding-left:0;font-size:.55rem}.history-nav-number{font-size:.6rem}.history-story{padding:0 24px}.history-chapter{padding-top:48px}.history-chapter-heading{padding-left:82px}.history-event{grid-template-columns:62px minmax(0,1fr);gap:20px;padding-bottom:32px}.history-timeline::before{left:60px}.history-event::before{left:56px;top:39px}.history-year{font-size:1.08rem}.history-event-copy h3{font-size:1rem}.history-event-copy p{font-size:.86rem}.history-event-feature{grid-template-columns:62px minmax(0,1fr)}.history-motif{grid-column:2;max-width:330px;min-height:0;margin-top:4px}.history-chapter-heading h2{font-size:1.85rem}.history-tags{gap:5px 10px}.history-tags li+li::before{margin-right:10px}.history-outro{padding:36px 24px}.history-range{display:none}}
@media(max-width:480px){body{padding:0}.site-container{border-radius:0;border-inline:0}.site-container>header{padding:12px 18px;gap:12px;min-height:70px}.history-hero{grid-template-columns:minmax(0,1fr);padding:34px 22px 0;gap:26px}.history-hero h1{font-size:3.25rem;line-height:1.06;margin:23px 0 22px}.history-portrait{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;padding:0}.history-portrait-frame{aspect-ratio:1;border-radius:50%;box-shadow:none}.history-stamp{display:none}.history-portrait figcaption{padding:0}.history-portrait figcaption span{font-size:.73rem;max-width:25ch}.history-facts{padding:19px 0;gap:10px 20px}.history-facts p{font-size:.65rem}.history-facts strong{font-size:1.25rem}.history-facts p:last-child{flex-basis:100%}.history-chapters{padding:0 6px;top:70px}.history-chapters a{padding:10px 6px;gap:4px;min-height:64px;font-size:.66rem}.history-nav-number{display:none}.history-nav-years{font-size:.53rem}.history-story{padding:0 22px}.history-chapter-heading{padding-left:0}.history-chapter-heading h2{font-size:1.9rem}.history-chapter-heading{padding-bottom:18px}.history-chapter-heading .history-kicker{font-size:.62rem;gap:5px}.history-year{font-size:1rem;padding-top:4px}.history-event{grid-template-columns:52px minmax(0,1fr);gap:15px;padding-top:24px}.history-timeline::before{left:51px}.history-event::before{left:47px;top:35px;width:9px;height:9px;box-shadow:0 0 0 4px var(--bg-panel)}.history-event-copy h3{font-size:1.03rem;line-height:1.4}.history-tags li{font-size:.6rem}.history-chapter{scroll-margin-top:151px}.history-event{scroll-margin-top:151px}.history-outro{padding:32px 22px 40px}.history-actions a{width:100%;justify-content:space-between}.history-kicker{font-size:.63rem}.history-intro{font-size:.93rem}.history-start{font-size:.8rem;margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.lw-history *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.history-motif-browser{transform:none}}