:root{--ink:#202224;--paper:#f9f9f6;--red:#e8302b;--line:#deded8;--muted:#666963}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #2258df;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,.wordmark{font-family:'Space Grotesk',Arial,sans-serif}h2{font-size:clamp(30px,3.1vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:600}em{font-style:normal;color:var(--red)}[hidden]{display:none!important}.skip{position:absolute;left:15px;top:-80px;background:white;padding:15px;z-index:20}.skip:focus{top:15px}.header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-weight:700;font-size:30px;letter-spacing:-1.5px;line-height:1;white-space:nowrap}.wordmark>span:first-child{color:var(--red)}.brand-dot{font-size:12px;vertical-align:top;margin-left:6px}.header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.header nav a:hover{text-decoration:underline;text-underline-offset:6px}.time-switch{background:transparent;border:1px solid #c8c8c2;border-radius:30px;padding:9px 18px;font-size:14px;font-weight:600;white-space:nowrap}.time-switch>span:first-child{font-size:21px;vertical-align:-1px;margin-right:6px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:575px;padding:0 5%;overflow:hidden}.hero-copy{padding:55px 0 25px;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;line-height:1.5}.red-line{display:inline-block;width:22px;height:3px;background:var(--red);vertical-align:middle;margin-right:10px}h1{font-size:clamp(60px,6.6vw,99px);line-height:1.01;letter-spacing:-6px;font-weight:600;margin:31px 0 25px}.hero p{color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.button{display:inline-flex;justify-content:center;padding:14px 23px;border:0;border-radius:5px;font-size:14px;font-weight:700;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.red{background:var(--red);color:white}.dark{background:var(--ink);color:white}.small-note{font-size:13px;color:var(--muted)}.hero-bottom{display:flex;gap:20px;margin-top:42px;font-size:10px;letter-spacing:.9px;color:var(--muted)}.hero-bottom span:last-child{letter-spacing:0}.hero-art{position:relative;display:flex;align-items:center;min-width:0}.hero-art img{width:120%;height:auto;max-height:510px;object-fit:contain;margin-left:-8%;mix-blend-mode:multiply}.art-label{position:absolute;top:45px;right:0;border:1px solid #d1d1ce;padding:7px 11px;border-radius:3px;font-size:10px;letter-spacing:1.4px;transform:rotate(6deg)}.art-number{position:absolute;bottom:30px;right:0;font-size:10px;letter-spacing:1.2px;color:var(--muted)}.secret{position:absolute;bottom:76px;right:30px;width:46px;height:46px;border:2px solid #222;background:#eefa58;font:bold 27px 'Space Grotesk',sans-serif;box-shadow:4px 4px 0 #222;transform:rotate(-8deg)}.secret:hover{transform:rotate(0) translateY(-3px)}.ticker{background:var(--red);color:white;display:flex;justify-content:space-around;gap:20px;padding:16px 25px;font-size:12px;font-weight:700;letter-spacing:2px;overflow:hidden;white-space:nowrap}.section{padding:70px 5%;max-width:1440px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading h2{margin:14px 0 0}.section-heading>p{color:var(--muted);font-size:14px;margin:0 0 2px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 26px}.filters button{border:1px solid var(--line);border-radius:30px;padding:8px 17px;background:transparent;font-size:14px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters button span{font-size:11px;opacity:.65;margin-left:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:transparent;border:0;text-align:left;padding:0;min-width:0}.card-art{height:248px;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border-radius:7px}.card-art.green{background:#dce7d9;color:#214533}.card-art.red{background:#f0ded6;color:#c42920}.card-art.blue{background:#dce2f4;color:#2544a0}.card-art.purple{background:#e6dff0;color:#614185}.card-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px}.card-mark{font:bold 138px/.8 'Space Grotesk',sans-serif;letter-spacing:-13px;text-align:center;transform:rotate(-10deg);opacity:.87;transition:transform .25s}.card:hover .card-mark{transform:rotate(0) scale(1.08)}.card-bottom{font-size:10px;letter-spacing:1.7px}.card h3{font-size:20px;letter-spacing:-.7px;margin:17px 0 3px}.card>p{font-size:14px;color:var(--muted);margin:0}.collection-foot{font-size:12px;color:var(--muted);margin:28px 0 0}.memory-section{background:#eeefea;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.memory-intro h2{margin:20px 0}.memory-intro p{font-size:15px;max-width:340px;color:var(--muted)}.memory-stamp{display:inline-block;border:1px solid #999e92;padding:11px 22px;text-align:center;font-size:9px;letter-spacing:2px;line-height:1.3;transform:rotate(-6deg);margin-top:25px}.memory-stamp strong{font:600 40px 'Space Grotesk',sans-serif}.memory-row{display:flex;align-items:center;gap:20px;width:100%;text-align:left;border:0;border-top:1px solid #c8cbc1;background:transparent;padding:26px 0}.memory-row:last-child{border-bottom:1px solid #c8cbc1}.memory-index{font:500 15px 'Space Grotesk',sans-serif;color:#74796c;align-self:flex-start}.memory-row>span:nth-child(2){flex:1}.memory-row small{font-size:10px;letter-spacing:1.5px;color:#6e7368}.memory-row strong{display:block;font:600 21px/1.3 'Space Grotesk',sans-serif;letter-spacing:-.5px;margin:8px 0}.memory-row>span>span{font-size:13px;color:var(--muted);display:block}.row-plus{font-size:24px}.memory-row:hover strong{color:var(--red)}.time-capsule{display:flex;justify-content:space-between;gap:35px;align-items:center;border-bottom:1px solid var(--line)}.time-capsule h2{font-size:clamp(38px,4vw,60px);margin:20px 0}.time-capsule p{font-size:15px;color:var(--muted)}.capsule-right{padding-right:7%;padding-top:50px}.capsule-right small{display:block;margin-top:15px;text-align:center;color:var(--muted);font-size:12px}.about{display:grid;grid-template-columns:.7fr 1fr 1.4fr;gap:35px}.about h2{margin:0}.about p{font-size:16px;color:var(--muted)}.about-signature{grid-column:3;font-weight:700;font-size:15px}.about-signature span{display:block;font-size:10px;letter-spacing:1.7px;color:var(--muted);margin-top:4px}footer{background:#202224;color:white;padding:36px 5%;display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:center}footer .wordmark{font-size:25px}footer p{font-size:12px;line-height:1.8;color:#babcb5;margin:0}footer>span{font-size:11px;color:#bfc0b9}.footer-secret{background:transparent;padding:0;border:0;text-align:left;font-size:12px;color:#bfc0b9;width:max-content}.footer-secret:hover{color:white}dialog{border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);max-height:90dvh;overflow:auto;padding:40px;box-shadow:0 30px 100px #0006}dialog::backdrop{background:#101624b8;backdrop-filter:blur(6px)}.story-dialog{width:min(650px,90vw)}.close{border:0;background:transparent;font-size:29px;line-height:1;padding:8px}.story-dialog>.close{position:absolute;right:14px;top:12px}.story-dialog .eyebrow{margin:20px 0}.story-dialog h2{font-size:42px}.story-dialog p{color:#555a53}.story-dialog .draft-note{background:#edeee7;padding:18px;font-size:14px;border-left:3px solid var(--red)}.story-dialog .button{margin-top:15px}.game-dialog{width:min(1000px,96vw);padding:25px}.game-heading{display:flex;justify-content:space-between;align-items:start}.game-heading h2{font-size:32px;margin:8px 0}.game-intro{font-size:14px;color:var(--muted);max-width:760px;margin-bottom:12px}.game-hud{display:flex;gap:10px;align-items:center;font-size:14px;margin:10px 0}.game-hud>span{flex:1}.game-hud button{border:1px solid var(--line);border-radius:4px;background:white;padding:5px 12px}canvas{display:block;width:100%;background:#111d3c;border-radius:6px;aspect-ratio:900/440;touch-action:none}.game-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.game-controls p{font-size:12px;color:var(--muted);margin:0}.game-controls button{background:#e6e8e1;border:1px solid #c1c5b8;border-bottom:3px solid #9ba38e;border-radius:4px;min-height:46px;min-width:48px;touch-action:none;padding:5px 16px;user-select:none}.game-controls>div{display:flex;gap:8px}#game-result{text-align:center;padding:20px;background:#e6f3dd;margin-top:15px;border-radius:5px}#game-result p{font-size:14px}.retro{background-color:#080b63;background-image:radial-gradient(#5758a5 1px,transparent 1px);background-size:18px 18px;color:#ffff7d;font-family:'Courier New',monospace;padding:15px}.retro h1,.retro h2,.retro h3,.retro .wordmark{font-family:'Times New Roman',serif;letter-spacing:0}.retro .header{background:#aaa;border:5px ridge #ddd;padding:20px;flex-wrap:wrap;color:#000;max-width:1000px}.retro .header nav a{color:#0000ee;text-decoration:underline}.retro .wordmark>span:first-child{color:#b50000}.retro .time-switch{border:3px outset #ddd;border-radius:0;background:#ddd}.retro main{max-width:1000px;margin:auto;border:5px ridge #ccc;background:#101047}.retro .hero{display:block;text-align:center;min-height:0;padding:20px}.retro .hero-copy{padding:15px 0}.retro h1{font-size:64px;line-height:1.1;margin:25px 0;text-shadow:3px 3px #ff00b3;color:yellow}.retro em{color:#00ffff}.retro .hero p,.retro p,.retro small,.retro .small-note,.retro .hero-bottom,.retro .memory-row small,.retro .card>p,.retro .memory-row>span>span{color:inherit}.retro .hero-actions,.retro .hero-bottom{justify-content:center}.retro .hero-art{display:none}.retro .ticker{background:#000;color:lime;border-block:3px outset #999;flex-wrap:wrap;font-family:'Courier New',monospace}.retro .section{padding:35px 25px}.retro .section-heading{display:block;text-align:center}.retro .section-heading p{margin-top:20px}.retro .filters{justify-content:center}.retro .filters button,.retro .button,.retro .retro-only button{border:3px outset #ddd;border-radius:0;background:#ccc;color:#000}.retro .filters button.active{background:yellow}.retro .cards{grid-template-columns:repeat(2,1fr);gap:20px}.retro .card{border:3px ridge #aaa;padding:12px;color:yellow;text-align:center}.retro .card-art{border-radius:0;height:180px}.retro .card-mark{font-size:100px}.retro .memory-section{background:#003c45;display:block;border:4px ridge #ccc}.retro .memory-stamp{display:none}.retro .memory-list{margin-top:30px}.retro .memory-row{color:#fffc9e}.retro .time-capsule{display:block;text-align:center;background:#4e0059;border:4px ridge #aaa}.retro .capsule-right{padding:0}.retro .about{display:block;text-align:center}.retro .about p{margin-top:20px}.retro footer{max-width:1000px;margin:auto;background:#000;display:block;text-align:center;border:5px ridge #aaa}.retro footer>*{margin:15px auto;display:block}.retro-banner{text-align:center;color:#00ff73;font-weight:bold;border:3px ridge #ddd;background:black;max-width:1000px;margin:0 auto 10px;padding:12px}.retro-only{text-align:center;background:#000;padding:30px 20px;border:5px ridge #aaa}.retro-only h2{font-size:29px;color:#ff79b8}.hankey{font-size:26px}body.retro dialog{color:#21252a;font-family:Arial,sans-serif}body.retro dialog p{color:#555a53}body.retro dialog h2{color:#222;text-shadow:none}.retro .eyebrow{letter-spacing:1px}.retro .footer-secret{color:lime;text-decoration:underline}
@media(min-width:1500px){.ticker{padding-inline:calc((100vw - 1300px)/2)}}@media(max-width:1000px){.header nav{gap:18px}.header{padding:24px 4%}.hero{padding:0 4%}.hero-copy{padding-top:40px}h1{font-size:72px;letter-spacing:-4px}.hero-art img{width:130%;margin-left:-17%}.hero-actions{flex-wrap:wrap;gap:10px}.hero-bottom{flex-direction:column;gap:2px}.cards{gap:14px}.card-art{height:200px}.card-mark{font-size:105px}.card h3{font-size:18px}.memory-section{gap:40px}.about{grid-template-columns:1fr 2fr}.about>.eyebrow{grid-column:1/-1}.about-signature{grid-column:2}.hero{min-height:535px}}
@media(max-width:720px){.header{flex-wrap:wrap;padding:20px 5%;gap:18px}.wordmark{font-size:27px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:13px}.time-switch{font-size:12px;padding:6px 12px}.hero{grid-template-columns:1fr;padding:0 6%}.hero-copy{padding-top:35px}h1{font-size:clamp(58px,12vw,82px);letter-spacing:-4px}.hero p{font-size:16px}.hero-actions{gap:20px}.hero-bottom{margin-top:25px}.hero-art{height:330px}.hero-art img{width:100%;margin:0;height:340px}.art-label{top:20px;right:5px;font-size:9px}.art-number{bottom:18px}.secret{right:15px;bottom:50px}.ticker{justify-content:flex-start;font-size:10px;gap:25px}.section{padding:45px 6%}.section-heading{display:block}.section-heading p{margin-top:20px}.cards{grid-template-columns:repeat(2,1fr);gap:24px 15px}.card-art{height:200px;padding:15px}.card-mark{font-size:100px}.card-bottom{font-size:8px;letter-spacing:1px}.card h3{font-size:20px;line-height:1.2}.memory-section{grid-template-columns:1fr;gap:20px}.memory-stamp{display:none}.memory-row strong{font-size:20px}.time-capsule{display:block}.capsule-right{padding:10px 0 0}.capsule-right small{text-align:left}.about{display:block}.about h2{margin:15px 0}.about-signature{margin-top:25px}footer{grid-template-columns:1fr;gap:22px;padding:35px 6%}.story-dialog{padding:30px 22px}.story-dialog h2{font-size:33px}.game-dialog{padding:14px}.game-heading h2{font-size:26px}.game-controls{flex-wrap:wrap}.game-controls p{order:3;width:100%;text-align:center}.game-hud{font-size:12px;gap:6px}.game-hud button{padding:5px 8px}.game-intro{font-size:13px}.retro{padding:5px}.retro .hero h1{font-size:48px}.retro .cards{grid-template-columns:1fr}.retro .section{padding:25px 15px}.retro .eyebrow{font-size:10px}.retro .hero-actions{flex-direction:column}.retro .header{justify-content:center}.retro .header nav{border-color:#777}.retro .hero-bottom{flex-wrap:wrap}.retro .memory-row{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
