:root{--ink:#171714;--paper:#f3f0e7;--red:#ef4938;--acid:#d7ed57;--line:#bbb8af}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-height:100vh;display:flex;flex-direction:column}header,footer{height:72px;border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 4vw;justify-content:space-between}.brand{font:900 25px/1 Arial,sans-serif;letter-spacing:-2px;text-decoration:none;color:inherit}.brand span{color:var(--red);font-size:14px;margin-left:8px}.privacy{font-size:11px;letter-spacing:.08em}main{flex:1;display:grid;place-items:center;padding:5vh 20px}.hero{width:min(900px,100%);text-align:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.16em;margin:0 0 28px}.hero h1{font:900 clamp(44px,8vw,92px)/.89 Arial,sans-serif;letter-spacing:-.07em;margin:0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.lede{max-width:570px;margin:28px auto 36px;font:17px/1.6 Georgia,serif}.systems{display:grid;grid-template-columns:1fr 1fr;max-width:600px;margin:auto}.system{background:transparent;border:1px solid var(--ink);padding:18px;text-align:left;cursor:pointer}.system+button{border-left:0}.system.active{background:var(--ink);color:var(--paper)}.system b,.system small{display:block}.system b{font-size:15px}.system small{margin-top:6px;opacity:.65}.drop{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;border:1px dashed var(--ink);max-width:600px;margin:14px auto 0;padding:26px;cursor:pointer;transition:.15s}.drop:hover,.drop.over{background:var(--acid);border-style:solid}.drop small{opacity:.65}.plus{font-size:28px}.error{height:20px;color:#b22;font-size:12px}.player{width:min(1050px,100%);border:1px solid var(--ink);background:#cbc7bc;box-shadow:12px 12px 0 var(--ink)}.player-bar{height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);font-size:11px}.player-bar button{background:transparent;border:0;text-decoration:underline;cursor:pointer}.player-bar span{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;margin-right:9px}.screen-wrap{background:#191a18;padding:3vw;display:grid;place-items:center}canvas{width:min(768px,100%);height:auto;image-rendering:pixelated;background:#000;aspect-ratio:256/240}.controls{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;padding:18px;font-size:10px}kbd{border:1px solid #777;background:#eee;border-radius:3px;padding:3px 5px;margin-left:3px;box-shadow:0 2px 0 #777}footer{border-top:1px solid var(--ink);border-bottom:0;height:54px;justify-content:flex-start;gap:25px;font-size:9px;letter-spacing:.08em}footer span{margin-right:auto}footer a{color:inherit}@media(max-width:600px){header{height:58px}.privacy{display:none}.systems{grid-template-columns:1fr}.system+button{border-left:1px solid;border-top:0}.controls{justify-content:flex-start}.player{box-shadow:5px 5px 0}.hero h1{font-size:48px}}