:root{--paper:#f3f0e9;--ink:#232721;--muted:#61655d;--line:#cacbbf;--accent:#a8381c;--panel:#e9e6de;--body:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--body);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.18}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:var(--paper);padding:12px;z-index:10}.skip:focus{top:12px}.site-header{min-height:104px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-weight:700;font-size:25px;line-height:1.12;letter-spacing:-.035em;max-width:280px}.site-header nav{display:flex;gap:30px;font-size:15px}.site-header nav a{color:var(--ink);text-decoration:none}.site-header nav a:hover{text-decoration:underline}.intro{padding-block:47px 50px}.intro h1{font-size:clamp(30px,3.2vw,42px);font-weight:500;letter-spacing:-.04em}.intro-note{max-width:680px;color:var(--muted);font-size:18px;line-height:1.6;margin-top:14px}.featured{display:grid;grid-template-columns:.8fr 1.6fr;gap:48px;align-items:center}.status{font-size:13px;color:var(--muted);margin-bottom:12px}.game-copy h2{font-size:clamp(34px,3.8vw,49px);font-weight:700;letter-spacing:-.05em}.deck{font-size:23px;line-height:1.35;letter-spacing:-.015em;margin-top:17px;max-width:350px}.description{font-size:15px;line-height:1.7;color:var(--muted);margin-top:18px;max-width:390px}.play{display:inline-block;padding:12px 22px;background:var(--accent);color:#fff;font-weight:700;font-size:15px;text-decoration:none;margin-top:24px;border-radius:3px}.play:hover{background:var(--ink);color:#fff;text-decoration:none}.platforms{font-size:12px;line-height:1.6;margin-top:13px;color:var(--muted);max-width:270px}.game-image{display:block}.crop{display:block;aspect-ratio:1280/680;overflow:hidden;background:#080d19;border-radius:3px}.crop img{width:100%;max-width:none}figcaption{font-size:12px;margin-top:12px;color:var(--muted)}.development{display:grid;grid-template-columns:.8fr 1.6fr;gap:48px;margin-block:40px 64px;border-top:1px solid var(--line);padding-top:28px}.development h3{font-size:17px;font-weight:600}.development p{font-size:14px;color:var(--muted);margin-top:7px}details{background:var(--panel);align-self:start;border-radius:3px}summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;padding:17px 20px;font-size:15px;font-weight:500}summary::-webkit-details-marker{display:none}.plus{font-size:23px;font-weight:400}details[open] .plus{transform:rotate(45deg)}.release{padding:0 20px 20px;font-size:14px}.release-date{font-size:12px}.release ul{padding-left:19px;color:var(--muted);margin-block:13px 18px}.release li+li{margin-top:10px}.release a{display:inline-block;margin-top:14px}.experiments .section-heading{margin-bottom:22px}.experiments h2{font-size:24px;font-weight:600;letter-spacing:-.025em}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.experiment{display:grid;grid-template-columns:150px 1fr;gap:24px;border-top:1px solid var(--line);padding-block:24px 8px;align-items:start}.experiment h3{font-size:22px;font-weight:600;letter-spacing:-.025em;margin-bottom:10px}.experiment p{font-size:14px;color:var(--muted)}.experiment a{display:inline-block;font-size:14px;margin-top:17px}.experiment-art{aspect-ratio:315/250;overflow:hidden;background:#1f2423;border-radius:2px}.experiment-art img{height:100%;object-fit:contain}.mach{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background:#193846;color:#fff;font:italic 700 26px/1 Arial}.mach strong{font-size:60px;color:#dfa775}.about{display:grid;grid-template-columns:235px 1fr;gap:36px;border-top:1px solid var(--line);margin-top:40px;padding-block:40px 50px}.about h2{font-size:27px;font-weight:500;letter-spacing:-.025em;max-width:220px}.about p{font-size:17px;line-height:1.75;max-width:650px}.about p+p{font-size:15px;color:var(--muted);margin-top:16px}footer{display:flex;justify-content:space-between;gap:24px;padding-block:22px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer a{color:var(--muted)}
.atomic{--paper:#f7f1df;--ink:#273b32;--muted:#596458;--line:#c6cbb7;--accent:#a42247;--panel:#e4eadb}.atomic .brand{font:700 28px/1.1 Georgia,serif;letter-spacing:-.04em;max-width:230px}.atomic .intro h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.atomic .game-copy h2,.atomic .experiments h2,.atomic .experiment h3,.atomic .about h2{font-family:Georgia,serif}.atomic .game-copy h2{font-weight:700}.atomic .play{border-radius:3px}.atomic .crop{border:4px solid var(--panel)}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.featured,.development{grid-template-columns:.85fr 1.4fr;gap:30px}.game-copy h2{font-size:36px}.deck{font-size:21px}.experiment-grid{gap:28px}.experiment{grid-template-columns:110px 1fr;gap:18px}.experiment h3{font-size:20px}.about{grid-template-columns:190px 1fr;gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:96px;gap:16px;flex-wrap:wrap;padding-block:21px 14px}.brand{font-size:23px;max-width:260px}.atomic .brand{font-size:26px;max-width:220px}.site-header nav{gap:22px;font-size:14px}.intro{padding-block:32px}.intro-note{max-width:550px;font-size:16px}.featured{display:flex;flex-direction:column;gap:20px;align-items:stretch}.game-copy{display:contents}.status{order:0;margin-bottom:-12px}.game-copy h2{order:1;font-size:38px;margin:0}.deck{order:2;margin:0;max-width:400px}.featured figure{order:3}.description{order:4;margin:0;max-width:550px}.play{order:5;align-self:flex-start;margin-top:0}.platforms{order:6;margin-top:-8px;max-width:none}.development{grid-template-columns:1fr;gap:22px;margin-block:27px 45px;padding-top:23px}.experiment-grid{grid-template-columns:1fr;gap:12px}.experiment{grid-template-columns:125px 1fr;gap:22px;padding-block:22px 10px}.about{grid-template-columns:1fr;gap:19px;margin-top:28px;padding-block:30px 35px}.about h2{max-width:none;font-size:25px}.about p{font-size:16px}footer{flex-wrap:wrap;gap:10px 20px}footer p:nth-child(2){display:none}}
@media(max-width:390px){.site-header nav{width:100%}.experiment{grid-template-columns:95px 1fr;gap:16px}.experiment h3{font-size:19px}.mach{font-size:20px}.mach strong{font-size:45px}.intro h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the studio name together at desktop and phone widths. */
.atomic .brand{max-width:none;white-space:nowrap;font-size:clamp(22px,2.2vw,28px)}