@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--ink:#d0ddd7;--muted:#a1afb1;--green:#96c7a5;--line:#304048;--mono:'IBM Plex Mono',Consolas,monospace;--display:'Barlow Condensed',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#050b0e;color:var(--ink);font:14px/1.8 var(--mono);background-image:linear-gradient(90deg,#a6c8cf03 1px,transparent 1px),linear-gradient(#a6c8cf03 1px,transparent 1px);background-size:80px 80px}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid #e3c979;outline-offset:5px}header{max-width:1500px;margin:auto;padding:24px 40px;border-bottom:1px solid #34454e;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#070e12}.brand{font-size:12px;font-weight:600;letter-spacing:1px;text-decoration:none;display:grid;grid-template-columns:10px 1fr;gap:0 12px;align-items:center}.brand-small{grid-column:2;font-size:8px;color:var(--muted);letter-spacing:1px}.signal{width:6px;height:6px;background:var(--green);box-shadow:0 0 12px #95c69f77}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:10px;letter-spacing:1px}nav a:hover{color:#b6e1be}.langs{display:flex;gap:4px}.langs button{background:transparent;border:1px solid transparent;font-size:10px;padding:4px 8px;color:var(--muted)}.langs button[aria-pressed=true]{border-color:#709986;color:var(--ink)}main{max-width:1500px;margin:auto}section{padding:60px 50px;border-bottom:1px solid var(--line)}.hero{height:700px;min-height:620px;position:relative;overflow:hidden;padding:75px 50px;background:#020506}.hero-art{position:absolute;right:0;bottom:0;width:76%;height:100%;object-fit:cover;object-position:center 65%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04090c 0%,#04090cef 20%,#04090c8c 46%,transparent 70%),linear-gradient(0deg,#04090c 0%,transparent 20%,#04090c22 70%,#04090c77 100%)}.hero-copy{position:relative;max-width:640px;padding-top:5px}.eyebrow{margin:0 0 22px;color:#9fb7bd;font-size:10px;letter-spacing:2px}.hero h1{font:600 clamp(70px,10vw,148px)/1 var(--display);letter-spacing:18px;margin:25px 0 0;color:#ceddd4;text-shadow:0 0 30px #72a09a22}.subtitle{font-size:15px;letter-spacing:6px;color:#95bdac;margin:5px 0 35px}.tagline{font:700 34px/1.15 var(--display);max-width:390px}.intro{color:#b0bfc1;font-size:12px;max-width:360px;margin-bottom:30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid #729280;background:#152325;color:#dce6db;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:1px;min-height:48px;transition:background .15s}.button.primary{background:#aac5a5;color:#07130e;border-color:#c1d4b8}.button:hover{background:#2d4440;border-color:#a5c9b4}.button.primary:hover{background:#d5ddba}.spec{font-size:9px;color:#a0afb1;letter-spacing:1px;margin-top:25px}.hero-footer{position:absolute;bottom:22px;left:50px;right:50px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#bdae79;border-top:1px solid #776c4944;padding-top:15px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.columns p{margin-top:0;color:var(--muted);font-size:12px}h2{font:700 clamp(38px,4vw,60px)/1.06 var(--display);margin:0 0 25px;color:#d1ded7;text-transform:uppercase}h3{font:600 29px/1.2 var(--display);margin:0 0 12px}.stats{display:flex;gap:38px;margin-top:35px}.stats b{display:block;font:700 47px/1 var(--display);color:#adc2b6}.stats small{font-size:9px;letter-spacing:1px;color:var(--muted)}.field{background:#071116}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}figure{margin:0;border:1px solid #3f555e;background:#03070a;padding:7px}.shots img{width:100%;height:auto;display:block;image-rendering:pixelated}figcaption{padding:12px 6px;font-size:9px;letter-spacing:1px;color:#a4b9ba}.note{font-size:10px;color:#9baaa9;line-height:1.9}.field .note{margin-top:20px}#downloads{background:linear-gradient(115deg,#111b1c,#0b1112);border-top:3px solid #6d6345}.download-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:28px 0;border-top:1px solid #3c4a47}.download-list article p{max-width:730px;font-size:12px;color:#a7b7b4}.file-meta{font-size:9px!important;color:#bdae79!important;letter-spacing:1px;margin-top:0}.download-list .button{min-width:230px}.minor{font-size:11px;color:#b7d2ba;text-underline-offset:5px}.command{background:#020709;border:1px solid #44564e;padding:20px;margin:25px 0;color:#b8d7c0;font-size:20px}.controls{border-left:2px solid #687f66;padding-left:28px}.controls h3{color:#b5ccbd;font-size:24px}dl{margin:0}dl>div{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}dt{font-size:10px;font-weight:600}dd{font-size:11px;color:var(--muted);margin:0}footer{max-width:1500px;margin:auto;display:flex;justify-content:space-between;gap:25px;padding:25px 40px;font-size:9px;letter-spacing:1px;color:#a0b0ae}.play-main{max-width:1100px;padding:40px 24px;margin:auto}.play-main h1{font:700 76px/1 var(--display);letter-spacing:12px;margin:10px 0}.play-main .subtitle{margin-bottom:15px}.play-main>p{font-size:12px}.machine{width:100%;max-width:768px;position:relative;padding:0;margin:30px auto 15px;background:#000;box-shadow:0 0 0 1px #465c60,0 15px 50px #000b;border:0}.machine canvas{display:block;width:100%;max-width:768px;height:auto;max-height:544px;image-rendering:pixelated}.machine:fullscreen{max-width:none;height:100%;display:flex;justify-content:center;align-items:center}.machine:fullscreen canvas{width:min(768px,100vw);max-height:min(544px,100vh);object-fit:contain}#launch{position:absolute;inset:0;background:#030709;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}#launch[hidden]{display:none}#launch img{width:70%;max-height:70%;object-fit:contain}.play-tools,.touch-controls{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.play-tools .button{padding:10px 16px;font-size:10px}.touch-controls button{padding:12px 18px;background:#1d2e30;border:1px solid #708e7d;color:#dce5d8;font-weight:600;touch-action:none}.play-main .controls{margin:35px 0}.button[aria-pressed=true]{background:#735b32;color:#fff}.button:disabled{opacity:.45;cursor:default}#play-error{color:#e8a998}
@media(max-width:950px){header{padding:20px 24px}nav{gap:18px}.hero{padding:55px 30px;height:670px}.hero-art{width:90%}.hero h1{font-size:108px}.hero-footer{left:30px;right:30px}.columns{gap:35px}section{padding:45px 30px}.shots{gap:10px}.download-list .button{min-width:200px}.stats{gap:25px}}
@media(max-width:650px){header{flex-wrap:wrap;gap:18px;padding:16px 20px}.langs{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}.hero{height:750px;padding:38px 24px;min-height:0}.hero-art{width:100%;height:55%;object-position:center 65%;opacity:.85}.hero-shade{background:linear-gradient(0deg,#04090c 0%,#04090c08 20%,#04090c66 36%,#04090c 54%)}.hero h1{font-size:22vw;letter-spacing:8px;margin:15px 0}.subtitle{font-size:11px;letter-spacing:4px;margin-bottom:25px}.tagline{font-size:28px;margin:20px 0}.intro{font-size:11px;max-width:320px;margin-bottom:22px}.hero-footer{left:24px;right:24px;font-size:7px}.hero-copy .eyebrow{font-size:8px}.spec{font-size:8px}.actions{gap:8px}.button{font-size:10px;padding:12px 17px}.columns,.shots{grid-template-columns:1fr;gap:24px}section{padding:35px 24px}h2{font-size:39px}.shots figure{max-width:640px}.download-list article{grid-template-columns:1fr;gap:15px}.download-list .button{justify-self:start;min-width:220px}.stats{gap:28px}.stats b{font-size:40px}.controls{padding-left:18px}.play-main h1{font-size:17vw;letter-spacing:8px}.play-tools{gap:7px}.play-tools .button{padding:10px}.touch-controls button{padding:10px 13px}footer{flex-wrap:wrap;padding:25px 24px;font-size:8px}.play-main{padding:30px 18px}.play-main .subtitle{letter-spacing:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}