@font-face{font-family:WantedSans;src:url('/fonts/WantedSans-Regular.woff2?v=history-2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:WantedSans;src:url('/fonts/WantedSans-Bold.woff2?v=history-2') format('woff2');font-weight:700;font-display:swap}
:root{font-family:WantedSans,-apple-system,BlinkMacSystemFont,sans-serif;color:#202637;background:#faf8f2;font-synthesis:none;--coral:#c84549;--indigo:#6653bc;--teal:#168977;--amber:#a56d15;--line:#e2ded5;--muted:#717783}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--coral);outline-offset:7px}::selection{background:#f2d6d1}.wrap{width:min(100% - 64px,1152px);margin-inline:auto}.masthead{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:21px;letter-spacing:-1px}.brand b,.footer-brand b{color:var(--coral)}.brand-symbol{display:grid;place-items:center;background:#f1e6e1;border:1px solid #ead8d1;width:38px;height:38px;border-radius:5px;font-size:24px}.closed-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.closed-label>span{width:5px;height:5px;background:var(--coral)}
.hero{min-height:calc(100svh - 92px);position:relative;display:flex;flex-direction:column;justify-content:center;padding-block:100px 115px;isolation:isolate}.hero-content{position:relative;z-index:1}.eyebrow{font-weight:700;color:var(--coral);font-size:13px;letter-spacing:2px;margin:0 0 26px}h1{font-size:clamp(42px,6.5vw,82px);line-height:1.24;letter-spacing:-.06em;font-weight:700;margin:0}h1 span{color:var(--coral)}.closure-date{margin:28px 0 0;color:var(--muted);font-size:15px;letter-spacing:2px}.history-link{position:absolute;bottom:45px;left:0;display:flex;align-items:center;gap:40px;color:var(--muted);font-size:13px}.arrow{color:var(--coral);font-size:24px}.hero-rule{position:absolute;bottom:0;left:0;right:0;height:3px;display:grid;grid-template-columns:4fr 2fr 1fr 1fr;gap:5px}.hero-rule i{background:var(--coral)}.hero-rule i:nth-child(2){background:var(--indigo)}.hero-rule i:nth-child(3){background:var(--teal)}.hero-rule i:nth-child(4){background:#d9af62}.hero-art{position:absolute;right:0;top:50%;width:350px;height:350px;transform:translateY(-50%);z-index:-1;background-image:linear-gradient(#e8e3d866 1px,transparent 1px),linear-gradient(90deg,#e8e3d866 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(90deg,transparent,#000 25%)}.tile{position:absolute;border-radius:5px;border:1px solid}.tile-coral{width:140px;height:140px;top:35px;left:105px;border-color:#d9afa7;background:#f4e2dc}.tile-indigo{width:105px;height:105px;top:175px;left:35px;border-color:#c5bedf;background:#eae6f2}.tile-teal{width:70px;height:70px;top:245px;left:245px;border-color:#aed0c6;background:#e1eee7}.outline-square{position:absolute;width:175px;height:175px;border:1px solid #cbbb9f;left:140px;top:105px;border-radius:4px}
.history{padding-block:112px 80px;display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:start;scroll-margin-top:35px}.history-heading{position:sticky;top:70px}.history-heading .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:18px;color:var(--muted)}h2{font-size:27px;letter-spacing:-1px;margin:0;font-weight:700}.history-period{font-size:12px;color:var(--muted);letter-spacing:1px;margin-top:18px}.timeline{padding:0;margin:0;list-style:none}.milestone{--accent:var(--coral);display:grid;grid-template-columns:85px 1fr;gap:22px;position:relative;padding-bottom:36px}.milestone.teal{--accent:var(--teal)}.milestone.indigo{--accent:var(--indigo)}.milestone.amber{--accent:var(--amber)}.milestone:before{content:'';position:absolute;left:73px;top:14px;bottom:-14px;border-left:1px solid var(--line)}.milestone:last-child:before{bottom:calc(100% - 14px)}.when{padding-top:8px;position:relative}.when:after{content:'';position:absolute;right:7px;top:13px;width:9px;height:9px;background:var(--accent);border:2px solid #faf8f2;box-shadow:0 0 0 1px var(--accent)}.chapter{font-size:10px;color:var(--muted);display:block;margin-bottom:10px;letter-spacing:1px}.when time{font-size:13px;letter-spacing:.5px;font-weight:700}.milestone article{border:1px solid var(--line);border-top:2px solid var(--accent);background:#fffdf8;border-radius:4px;padding:28px;position:relative}.tag{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.3px}.milestone h3{font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.8px;margin:14px 0 12px}.milestone p{font-size:14px;line-height:1.85;color:#68707b;word-break:keep-all;margin:0}.features{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.features span{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:5px 8px;color:var(--muted);background:#faf8f2}.subtitle{display:block;font-size:16px;color:var(--indigo);margin-top:3px;font-weight:400}.legend article{background:#f6f3fb;border-color:#ddd7ee;border-top-color:var(--indigo)}.final article{background:#faf0ea;border-color:#e9d2c9;border-top-color:var(--coral)}.final h3{color:var(--coral)}footer{display:flex;align-items:center;gap:24px;padding-block:30px 42px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.5px}.footer-brand{font-size:14px;font-weight:700;color:#202637;letter-spacing:-.6px}footer>a{margin-left:auto;font-size:20px}
@media(min-width:1500px){.hero{min-height:760px}}
@media(max-width:900px){.hero-art{right:-5px;opacity:.55;width:280px;overflow:hidden}.history{grid-template-columns:220px 1fr;gap:20px}.milestone{grid-template-columns:70px 1fr;gap:15px}.milestone:before{left:58px}.milestone article{padding:24px}.milestone h3{font-size:21px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.masthead{height:76px}.brand{font-size:18px;gap:9px}.brand-symbol{width:32px;height:32px;font-size:21px}.closed-label{font-size:11px}.hero{min-height:calc(100svh - 76px);padding-block:110px 145px;justify-content:center}.hero h1{font-size:clamp(36px,8.7vw,55px);letter-spacing:-.06em}.hero-art{width:210px;height:245px;top:auto;bottom:70px;transform:none;opacity:.26;right:0}.hero-content{margin-top:-40px}.hero .eyebrow{font-size:12px;margin-bottom:20px}.closure-date{font-size:12px;margin-top:24px}.history-link{bottom:35px;font-size:12px}.history{display:block;padding-block:70px 42px;scroll-margin-top:20px}.history-heading{position:static;margin-bottom:44px}h2{font-size:26px}.history-period{margin-top:13px}.milestone{grid-template-columns:60px minmax(0,1fr);gap:13px;padding-bottom:26px}.milestone:before{left:48px}.milestone article{padding:22px 19px}.when time{font-size:11px}.when:after{width:7px;height:7px;right:8px}.milestone h3{font-size:20px}.milestone p{font-size:13px}.features{gap:5px;margin-top:17px}.features span{font-size:9px;padding:5px 6px}.subtitle{font-size:14px}footer{gap:12px;font-size:9px;padding-block:25px}.footer-brand{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Individually illustrated chapters. Original artwork, no archived user data. */
.history-art{margin:-28px -28px 27px;border-bottom:1px solid var(--line);overflow:hidden;border-radius:3px 3px 0 0;background:#f6f0e5;isolation:isolate}
.history-art svg{display:block;width:100%;height:auto;font-family:WantedSans,sans-serif}
.art-arcade{background:linear-gradient(125deg,#f7ece7,#faf5e9)}
.art-market{background:linear-gradient(125deg,#edf3e9,#edf3f1)}
.art-economy{background:linear-gradient(125deg,#f0ebf7,#f8f0df)}
.art-timing{background:linear-gradient(125deg,#faf2e2,#f4efe5)}
.art-legend{background:linear-gradient(125deg,#eae3f5,#f5edf5)}
.art-resume{background:linear-gradient(125deg,#f0f0e6,#e7f1e9)}
.art-closing{background:linear-gradient(125deg,#f7eae2,#f3eee3)}
.is-revealed .chart-trace{animation:draw-market 2.2s ease-out both}
.is-revealed .candle{transform-box:fill-box;transform-origin:center bottom;animation:grow-candle 1.2s ease-out both}
.is-revealed .candle-1{animation-delay:.15s}.is-revealed .candle-2{animation-delay:.3s}
.is-revealed .reel{animation:reel-arrive .85s ease-out both}.is-revealed .reel-1{animation-delay:.12s}.is-revealed .reel-2{animation-delay:.24s}
.is-revealed .falling-coin{animation:coin-arrive 1.3s ease-out both}.is-revealed .falling-coin.late{animation-delay:.3s}
.is-revealed .clock-hand{transform-origin:280px 117px;animation:clock-turn 2.2s cubic-bezier(.25,.6,.35,1) both}
.is-revealed .timing-cursor{animation:timing-arrive 2.2s cubic-bezier(.25,.6,.35,1) both}
.is-revealed .relic-gem{animation:gem-arrive 2.4s ease-out both}.is-revealed .tower-blocks{animation:reel-arrive 1.1s ease-out both}
.is-revealed .play-panel{animation:play-arrive 1.5s ease-out both}.is-revealed .closing-leaf{animation:gem-arrive 2.4s ease-out both}
@keyframes draw-market{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes grow-candle{from{transform:scaleY(.3);opacity:.4}to{transform:scaleY(1);opacity:1}}
@keyframes reel-arrive{from{transform:translateY(12px);opacity:.25}to{transform:translateY(0);opacity:1}}
@keyframes coin-arrive{0%{transform:translateY(-22px);opacity:0}70%{transform:translateY(4px);opacity:1}100%{transform:translateY(0);opacity:1}}
@keyframes clock-turn{from{transform:rotate(-160deg)}to{transform:rotate(0)}}
@keyframes timing-arrive{from{transform:translateX(-80px)}to{transform:translateX(0)}}
@keyframes gem-arrive{0%{transform:translateY(9px)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}
@keyframes play-arrive{0%{opacity:.35}55%{opacity:1}75%{opacity:.65}100%{opacity:1}}
@media(max-width:900px){.history-art{margin:-24px -24px 25px}}
@media(max-width:650px){.history-art{margin:-22px -19px 22px}.history-art svg{min-height:135px}.milestone article{padding-top:22px}}
@media(prefers-reduced-motion:reduce){.history-art *{animation:none!important;transition:none!important}}