@font-face{font-family:New Academy;src:url('materia-assets/new-academy.ttf') format('truetype');font-display:swap}@font-face{font-family:Materia One;src:url('materia-assets/materia-one.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--ink:#f5f7f8;--muted:#c3ced4;--accent:#94d9ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#61717b #080c10}body{margin:0;background:#000;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px}::selection{background:#9cd7e7;color:#071018}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-100px;left:16px;z-index:5;background:white;color:black;padding:12px}.skip:focus{top:12px}.backdrop{position:absolute;inset:0 0 auto;height:1050px;background-image:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 45%,#000 96%),url('materia-assets/backdrop.jpg');background-size:cover;background-position:center top;z-index:-1}.topbar{position:absolute;top:40px;right:5%;z-index:2}.topbar a{text-decoration:none;font-weight:700;font-size:16px}.topbar a:hover{color:var(--accent)}.landing{min-height:900px;padding:100px 24px 135px;text-align:center}.brand{margin:0 auto;width:min(680px,80vw);line-height:0}.brand img{width:100%;height:auto;display:block}.tagline{font-family:New Academy,Arial,sans-serif;font-size:20px;letter-spacing:.035em;margin:-20px 0 38px;text-shadow:0 2px 6px #000}.center-stack{width:590px;max-width:100%;margin:0 auto}.steam-panel{background:linear-gradient(110deg,#34414e,#25303b);padding:15px 16px 12px;text-align:left;box-shadow:0 12px 30px #0005}.steam-heading{display:block;font-size:23px;font-weight:500;text-decoration:none;position:relative;line-height:30px;padding-right:40px}.steam-heading span{color:#a9b2ba;font-weight:400}.steam-mark{position:absolute;right:0;top:-4px;width:38px;height:38px;fill:none;stroke:#9faeba;stroke-width:2}.steam-description{display:flex;gap:13px;margin-top:15px;align-items:flex-start}.steam-description a{width:184px;flex-shrink:0}.steam-description img{width:100%;height:auto;display:block}.steam-description p{font-size:13px;line-height:1.35;margin:0;color:#e0e4e8}.steam-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:8px}.windows svg{width:21px;height:21px;fill:#fff}.purchase{display:flex;align-items:center;gap:10px;background:#263c0b;padding:5px 5px 5px 12px;margin-bottom:-30px;margin-right:-5px;box-shadow:0 2px 4px #0008;color:#d6e7b3}.purchase>span{font-size:17px}.purchase a{display:block;padding:10px 14px;background:linear-gradient(90deg,#4f7412,#3e5d0e);color:#f0f8dd;text-decoration:none;white-space:nowrap;font-size:14px}.purchase a:hover{background:#527615;color:#fff}.signup{margin-top:47px;text-align:left}.signup h2{font-family:New Academy,Arial,sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;margin:0 0 17px;text-shadow:0 2px 5px #000}.signup input{display:block;width:100%;height:39px;border:1px solid #26343c;background:#020509e8;color:white;padding:8px 12px;margin:0 0 9px;border-radius:0;caret-color:var(--accent)}.signup input::placeholder{color:#c4c9cd}.signup form{text-align:center}.signup button{border:1px solid #fff;border-radius:0;background:#f5f7f8;color:#171c21;text-transform:uppercase;letter-spacing:.08em;padding:11px 31px;min-height:42px;margin-top:9px;cursor:pointer}.signup button:hover{background:var(--accent);border-color:var(--accent)}.form-note{font-size:11px;color:#c1c9ce;line-height:1.5;margin:13px 0 0}.news-link{display:block;text-align:center;color:#d4e8f0;font-size:12px;margin-top:14px}.news-link:hover{color:white}#signup-status{font-size:13px;line-height:1.5;margin:8px auto 0;max-width:420px}#signup-status:empty{display:none}.footer{text-align:center;padding:0 24px 35px;background:#000}.footer-logo{display:block;width:290px;max-width:80%;margin:0 auto}.footer-logo img{width:100%;height:auto;display:block}.socials{display:flex;justify-content:center;gap:32px;margin:5px 0 30px}.socials a{text-decoration:none;display:flex;flex-direction:column;gap:7px;align-items:center;font-size:11px;color:#d2dbe0}.socials svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:1.8}.socials a:hover{color:var(--accent)}.studio{font-family:Materia One,New Academy,sans-serif;font-size:21px;margin:16px 0 22px}.copyright{font-size:11px;line-height:1.7;margin:0 auto 8px;max-width:620px}.legal-small{font-size:9px;line-height:1.7;max-width:650px;margin:0 auto 17px;color:#b7bec3}.privacy{font-size:11px;text-transform:uppercase;text-decoration:none}.privacy:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.document{max-width:1100px;padding:50px 28px 90px;margin:auto}.document .home{text-decoration:none}.document h1,.document h2{font-family:New Academy,Arial,sans-serif;font-weight:400}.document h1{font-size:42px;margin:60px 0 24px}.document h2{font-size:26px;margin-top:40px}.document p{max-width:70ch;line-height:1.7;color:#d2dbe0}.document .lead{font-size:20px}.facts{display:flex;flex-wrap:wrap;gap:25px 65px;border-block:1px solid #34424c;padding:24px 0;margin:35px 0}.facts div{min-width:150px}.facts dt{color:#9eb5c3;font-size:12px;margin-bottom:8px}.facts dd{margin:0}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-grid a{display:block}.media-grid img{width:100%;height:auto;display:block}.download{display:inline-block;border:1px solid #93a9b7;padding:12px 18px;margin:10px 12px 10px 0;text-decoration:none}.download:hover{background:#263643}.logo-preview{background:#0c141b;max-width:650px;width:100%}
@media(min-width:1600px){.backdrop{height:1120px;background-position:center 32%}.landing{padding-top:140px;min-height:960px}.brand{width:740px}.tagline{margin-top:-25px;margin-bottom:44px}}
@media(max-width:600px){.topbar{top:25px;right:25px}.topbar a{font-size:14px}.backdrop{height:910px;background-position:64% top}.landing{padding:105px 20px 90px;min-height:770px}.brand{width:100%;max-width:440px}.tagline{font-size:15px;line-height:1.4;margin:-3px auto 28px;max-width:280px}.steam-panel{padding:14px 13px 10px}.steam-heading{font-size:20px}.steam-description{gap:11px}.steam-description a{width:37%}.steam-description p{font-size:12px;line-height:1.4}.purchase{gap:8px;padding-left:8px}.purchase>span{font-size:12px}.purchase a{font-size:12px;padding:10px}.signup{margin-top:44px}.signup h2{font-size:19px}.signup input{height:44px}.footer{padding-inline:25px}.footer-logo{width:245px}.studio{font-size:18px}.media-grid{grid-template-columns:1fr}.document h1{font-size:34px}.document{padding-inline:22px}.socials{gap:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}