.arcade-history{--hist-ink:#f3eee6;--hist-muted:#c0c8d6;--hist-accent:#f4b486;max-width:1320px;margin:90px auto 0;padding:0 28px 70px;color:var(--hist-ink);font-family:var(--font-body,Arial,sans-serif);isolation:isolate}
.arcade-history *{box-sizing:border-box}.arcade-history [hidden]{display:none!important}.arcade-history a{color:inherit;text-underline-offset:4px}.arcade-history button,.arcade-history input{font:inherit}.arcade-history :is(a,button,input,summary):focus-visible{outline:3px solid #8fe6de;outline-offset:5px}.arcade-history :is(h2,h3,h4,h5,p,figure){margin:0}.arcade-history p{line-height:1.7}.arcade-history .history-kicker{font:500 11px/1.6 var(--font-mono,monospace);letter-spacing:.15em;color:var(--hist-accent)}
.history-intro{position:relative;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:60px 0 48px;border-top:1px solid #455062}.history-intro h2{font:750 clamp(34px,4.6vw,64px)/1.08 var(--font-body,Arial,sans-serif);letter-spacing:-.045em;margin:22px 0}.history-intro h2 em{font-style:normal;color:#f4b486}.history-lead{font-size:18px;color:var(--hist-muted);max-width:560px}.history-start{display:inline-block;margin-top:26px;padding:13px 20px;background:#f4b486;color:#171b29!important;font-weight:750;text-decoration:none;border-radius:8px}.history-intro-art{min-width:0;background:radial-gradient(ellipse at 50% 45%,#49655e88,transparent 68%),repeating-linear-gradient(0deg,transparent 0 39px,#ffffff06 39px 40px);border:1px solid #41505b;border-radius:24px 24px 80px 24px;padding:26px;transform:rotate(2deg);box-shadow:0 24px 50px #0003}.history-intro-art>span{font:12px var(--font-mono,monospace);letter-spacing:.2em;color:#a2d9cc}.history-intro-art img{width:100%;height:240px;object-fit:contain;mix-blend-mode:screen;margin:20px 0}.history-intro-art>div{font:600 36px var(--font-mono,monospace);letter-spacing:-.04em}.history-intro-art b{color:#a2d9cc;font-weight:400}.history-intro-art small{display:block;margin-top:8px;font:13px/1.6 var(--font-body,Arial,sans-serif);color:var(--hist-muted);letter-spacing:0}
.history-personal{display:grid;grid-template-columns:210px 1fr;column-gap:32px;row-gap:15px;background:#1b2935;border-left:3px solid #e8a775;padding:28px 32px;border-radius:0 18px 18px 0}.history-personal>span{font:11px/1.8 var(--font-mono,monospace);letter-spacing:.13em;color:#f4b486}.history-personal>.history-small{grid-column:2}.arcade-history .history-small{font-size:12px;line-height:1.7;color:#b4bdca}.history-era-nav{display:flex;flex-wrap:wrap;gap:10px;padding:34px 0 24px}.history-era-nav a{font:13px var(--font-mono,monospace);padding:10px 16px;border-bottom:1px solid #526073;text-decoration:none}.history-era-nav a:hover{color:#f4b486;border-color:#f4b486}.history-tools{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.history-filters{display:flex;gap:8px;flex-wrap:wrap}.history-filters button,.history-remember{border:1px solid #536175;color:#e7edf5;background:#182536;border-radius:30px;padding:11px 16px;cursor:pointer;min-height:44px}.history-filters button[aria-pressed=true]{background:#b6ddd0;border-color:#b6ddd0;color:#102c28}.history-search{font-size:12px;color:#c0c8d6;display:grid;gap:7px}.history-search input{width:285px;max-width:100%;border:1px solid #536175;border-radius:8px;background:#111d2e;color:#fff;padding:12px;font-size:14px}.history-search input::placeholder{color:#a9b4c6}.history-status{margin-bottom:8px!important}
.history-timeline{position:relative;margin-top:44px}.history-timeline:before{content:'';position:absolute;left:23px;top:25px;bottom:0;width:1px;background:linear-gradient(#f4b486,#bcb2f0 30%,#94d4c6 65%,transparent)}.history-era{position:relative;margin-bottom:64px;scroll-margin-top:110px}.history-era-heading{display:flex;gap:26px;align-items:start;margin-bottom:26px}.history-era-number{position:relative;z-index:1;flex:0 0 48px;height:48px;border:1px solid #766653;border-radius:50%;display:grid;place-items:center;background:#162331;color:#f4b486;font:14px var(--font-mono,monospace)}.history-era h3{font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-.035em;margin:8px 0 14px}.history-era-heading p:last-child{max-width:800px;color:var(--hist-muted);font-size:15px}.history-machines{margin-left:74px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.history-machine{min-width:0;overflow:hidden;border:1px solid #46505e;border-radius:16px;background:linear-gradient(150deg,#202d3a,#151e2e);scroll-margin-top:110px}.history-machine-top{padding:17px 20px;display:flex;align-items:center;justify-content:space-between}.history-year{font:600 25px var(--font-mono,monospace);color:#f4b486}.history-kind{text-transform:uppercase;font:9px var(--font-mono,monospace);letter-spacing:.12em;color:#c4cdda}.history-photo{height:205px;padding:18px;background:radial-gradient(ellipse at center,#fff,#d9e1e7);border-block:1px solid #697583}.history-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.history-machine-copy{padding:22px}.arcade-history .history-date{font:11px/1.6 var(--font-mono,monospace);color:#a9c8ce;min-height:36px;margin-bottom:10px}.history-machine h4{font:700 23px/1.2 var(--font-body,Arial,sans-serif);letter-spacing:-.025em;color:#fff;margin-bottom:14px}.history-machine .history-hook{color:#f4b486;font-size:15px;font-weight:600;margin-bottom:9px}.history-machine-copy>p:not(.history-hook):not(.history-date){font-size:14px;color:#cbd2df}.history-machine details{margin-top:22px;border-top:1px solid #46505e;border-bottom:1px solid #46505e}.history-machine summary{font-size:12px;line-height:1.5;padding:16px 0;cursor:pointer;color:#b6ddd0}.history-extra{padding-bottom:18px;font-size:13px;color:#cbd2df}.history-extra h5{font-size:13px;color:#fff;margin:10px 0 6px}.history-extra p{margin-bottom:16px}.history-extra .history-credit{font-size:11px;overflow-wrap:anywhere;color:#a9b6c8;margin-bottom:0}.history-remember{font-size:12px;background:transparent;margin-top:18px;padding:9px 13px}.history-remember[aria-pressed=true]{border-color:#f4b486;color:#ffd0ac;background:#f4b48612}.history-remember span{font-size:18px;vertical-align:middle;margin-right:6px}.history-outro{padding:45px;text-align:center;background:radial-gradient(ellipse at top,#54406555,transparent 70%),#182432;border:1px solid #46505e;border-radius:24px}.history-outro h3{font-size:32px;margin:14px 0}.history-outro p{color:#c0c8d6}.history-outro #history-memory-count{font-size:13px;color:#b6ddd0;margin-top:12px}.history-era:nth-child(2) .history-year{color:#bfb2ee}.history-era:nth-child(3) .history-year{color:#8edbd5}.history-era:nth-child(4) .history-year{color:#b8d48b}.history-era:nth-child(5) .history-year{color:#e6b1d8}
@media(min-width:1100px){.history-machine:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.history-machine:first-child .history-machine-top{grid-column:1/-1}.history-machine:first-child .history-photo{height:100%;min-height:320px;border-bottom:0;border-right:1px solid #697583}.history-machine:first-child .history-machine-copy{border-top:1px solid #697583}}
@media(max-width:1099px){.history-machines{grid-template-columns:repeat(2,minmax(0,1fr))}.history-intro h2{font-size:44px}}
@media(max-width:700px){.arcade-history{margin-top:55px;padding:0 18px 42px}.history-intro{grid-template-columns:1fr;padding-top:35px;gap:30px}.history-intro h2{font-size:40px}.history-intro-art{transform:none;padding:20px}.history-intro-art img{height:180px;margin:10px 0}.history-intro-art>div{font-size:28px}.history-personal{display:block;padding:24px}.history-personal p{margin-top:15px}.history-era-nav{gap:7px}.history-era-nav a{padding:10px;font-size:12px}.history-search,.history-search input{width:100%}.history-machines{margin-left:0;grid-template-columns:1fr}.history-timeline:before{display:none}.history-era-heading{gap:15px}.history-era-number{flex-basis:38px;height:38px}.history-era h3{font-size:28px}.history-photo{height:240px}.history-outro{padding:30px 20px}.history-outro h3{font-size:27px}.history-machine h4{font-size:26px}}
@media(prefers-reduced-motion:reduce){.arcade-history{scroll-behavior:auto}}
.modern .arcade-history{padding:0 28px 70px;scroll-margin-top:100px}.modern .arcade-history :is(h2,h3){color:#f3eee6}.modern .arcade-history .history-era{scroll-margin-top:100px}.history-intro-art img{mix-blend-mode:normal;border-radius:12px;background:#e4e8eb}.history-intro-art{overflow:hidden}
@media(max-width:700px){.modern .arcade-history{padding:0 18px 42px}}
.history-interlude{margin:28px 0 0 74px;padding:32px 38px;border-block:1px solid #645c72;background:linear-gradient(120deg,#40364d66,#293f4255);border-radius:0 24px 24px 0;max-width:900px}.history-interlude h4{font-size:27px;line-height:1.2;margin:14px 0;color:#f3eee6}.history-interlude p:not(.history-kicker){font-size:15px;line-height:1.8;color:#cbd2df;margin-bottom:16px}.history-interlude a{font-size:13px;color:#f4b486}.history-era:not(:has(.history-machine:not([hidden]))) .history-interlude{display:none}@media(max-width:700px){.history-interlude{margin-left:0;padding:26px}.history-interlude h4{font-size:24px}}