:root{--bg:#0f1016;--panel:#1a1c26;--panel-2:#232634;--text:#f2f2f5;--body:#d6d7e0;--muted:#9a9db0;--accent:#ffc83d;--ink:#1a1400;--shell:#ffc83d;--shell-hi:#ffe08a;--shell-lo:#e9b12a;--shell-edge:#c48a10;--key:#232634;--key-edge:#0b0c12;--gutter:clamp(16px, 4vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:18px/1.55 DejaVu Sans,Verdana,sans-serif}a{color:inherit}:focus-visible{outline:3px solid var(--text);outline-offset:3px;border-radius:6px}code{font:.9em DejaVu Sans Mono,ui-monospace,monospace}kbd{vertical-align:.12em;border:2px solid;border-radius:.35em;place-items:center;min-width:1.7em;height:1.5em;padding:0 .3em;font:800 .72em/1 DejaVu Sans,Verdana,sans-serif;display:inline-grid}.bar{max-width:1200px;padding:18px var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin:0 auto;display:flex}.bar nav{gap:22px;display:flex}.bar nav a{color:var(--muted);font-size:16px;font-weight:700;text-decoration:none}.bar nav a:hover{color:var(--text)}.brand{color:var(--accent);letter-spacing:.3px;font-size:21px;font-weight:800;text-decoration:none}footer.bar{border-top:1px solid var(--panel-2);color:var(--muted);margin-top:48px;padding-top:28px;padding-bottom:40px;font-size:15px}.hero{max-width:1200px;padding:24px var(--gutter) 72px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:56px;margin:0 auto;display:grid}h1{letter-spacing:-.025em;text-wrap:balance;margin:0 0 24px;font-size:clamp(36px,4.3vw,56px);font-weight:800;line-height:1.06}h1 span{text-wrap:balance;display:block}.lede{max-width:34em;color:var(--body);margin:0 0 32px;font-size:19px}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{background:var(--panel-2);height:50px;color:var(--text);border-radius:999px;align-items:center;gap:10px;padding:0 22px 0 14px;font-size:17px;font-weight:800;text-decoration:none;display:inline-flex}.button:hover{background:#2d3142}.button.primary{background:var(--accent);color:var(--ink)}.button.primary:hover{background:#ffd665}.button kbd{vertical-align:0;font-size:13px}.small{color:var(--muted);margin:20px 0 0;font-size:15px}.stage{margin:0}figcaption{max-width:40em;color:var(--muted);text-align:center;margin:22px auto 0;font-size:14px}.handheld{--w:clamp(300px, min(42vw, calc((100svh - 150px) / 1.36)), 500px);width:var(--w);font-size:calc(var(--w) / 52);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:3.2em;margin:0 auto}.handheld:focus-visible{outline-offset:8px;border-radius:3.4em}.lid{background:linear-gradient(180deg, var(--shell-hi), var(--shell) 9%, var(--shell) 90%, var(--shell-lo));border-radius:3.2em 3.2em 1.2em 1.2em;padding:2em 2em 2.4em;position:relative;box-shadow:inset 0 .25em #ffffff59,0 1.6em 3em #00000073}.bezel{background:#101118;border-radius:1.3em;padding:1.4em;box-shadow:inset 0 0 0 .2em #1b1d27}.screen{aspect-ratio:3/2;background:#000;border-radius:.3em;position:relative;overflow:hidden}.screen iframe{transform-origin:0 0;background:var(--bg);border:0;width:720px;height:480px;position:absolute;top:0;left:0}.screen .still{width:100%;height:100%;display:block}.off{width:100%;color:var(--muted);cursor:pointer;background:#000;border:0;flex-direction:column;justify-content:center;align-items:center;gap:.8em;font:700 1.6em/1.3 DejaVu Sans,Verdana,sans-serif;display:flex;position:absolute;inset:0}.off span{color:var(--text);align-items:center;gap:.4em;display:flex}.off[hidden],.screen [hidden]{display:none}.hinge{background:linear-gradient(180deg, var(--shell-edge), var(--shell-lo));height:1.7em;margin:0 1.4em;position:relative}.base{background:linear-gradient(180deg, var(--shell-lo), var(--shell) 7%, var(--shell) 88%, var(--shell-lo));border-radius:1.2em 1.2em 3.8em 3.8em;height:25em;position:relative;box-shadow:0 1.6em 3em #00000073}.handheld button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:none;cursor:pointer;padding:0;font-weight:800}.shoulder,.face button,.menu button{background:var(--key);color:var(--muted);box-shadow:0 .32em 0 var(--key-edge);border:0;transition:transform 60ms ease-out,box-shadow 60ms ease-out}.shoulder.pressed,.face .pressed,.menu .pressed{box-shadow:0 .08em 0 var(--key-edge);color:var(--accent);transform:translateY(.24em)}.shoulder{border-radius:.9em .9em .4em .4em;width:8em;height:1.8em;line-height:1;position:absolute;top:.1em}.shoulder.l{left:.6em}.shoulder.r{right:.6em}.dpad{width:11.4em;height:11.4em;position:absolute;top:5em;left:5.6em}.dpad:before,.dpad:after{content:"";background:var(--key);box-shadow:0 .32em 0 var(--key-edge);border-radius:.6em;position:absolute}.dpad:before{width:100%;height:3.8em;top:3.8em;left:0}.dpad:after{width:3.8em;height:100%;top:0;left:3.8em}.dpad button{z-index:1;background:0 0;border:0;width:3.8em;height:3.8em;padding:0;position:absolute}.dpad button:after{content:"";background:#3a3e52;border-radius:50%;position:absolute;inset:1.25em}.dpad button.pressed:after{background:var(--accent)}.dpad [data-key=ArrowUp]{top:0;left:3.8em}.dpad [data-key=ArrowDown]{top:7.6em;left:3.8em}.dpad [data-key=ArrowLeft]{top:3.8em;left:0}.dpad [data-key=ArrowRight]{top:3.8em;left:7.6em}.face{width:12.4em;height:12.4em;position:absolute;top:4.4em;right:5.2em}.face button{border-radius:50%;width:34.7%;height:34.7%;font-size:1.7em;line-height:1;position:absolute}.face .x{top:0;left:32.6%}.face .y{top:32.6%;left:0}.face .a{top:32.6%;right:0}.face .b{bottom:0;left:32.6%}.face .a{color:var(--accent)}.menu{grid-template-columns:5em 5em;justify-items:center;gap:.6em 2.6em;display:grid;position:absolute;bottom:3.4em;left:50%;transform:translate(-50%)}.menu button{border-radius:1em;width:5em;height:1.5em;padding:0}.menu span{color:var(--shell-edge);font-size:1.1em;font-weight:800}.column{max-width:1200px;padding:40px var(--gutter);margin:0 auto}.column>*{max-width:720px}h2{letter-spacing:-.015em;margin:0 0 20px;font-size:30px;font-weight:800;line-height:1.2}.column>p{color:var(--body);margin:0 0 18px}.steps{margin:0;padding:0;list-style:none}.steps li{background:var(--panel);border-radius:10px;gap:18px;margin-bottom:10px;padding:18px 22px 18px 18px;display:flex}.steps li>kbd{color:var(--muted);flex:none;margin-top:1px;font-size:15px}.steps h3{margin:0 0 4px;font-size:18px;line-height:1.35}.steps h3 a{color:var(--accent)}.steps p{color:var(--muted);margin:0;font-size:16px}.note{color:var(--muted);margin:18px 0 0;font-size:16px}.code{background:var(--panel);border-radius:10px;margin:0 0 22px;padding:18px 22px;position:relative}.code pre{margin:0;overflow-x:auto}.code code{font-size:15px;line-height:1.75}.copy{border:2px solid var(--muted);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:6px;padding:2px 8px;font:800 13px/1.4 DejaVu Sans,Verdana,sans-serif;position:absolute;top:14px;right:14px}.copy:hover{color:var(--text);border-color:var(--text)}@media (width<=920px){.hero{grid-template-columns:minmax(0,1fr);gap:48px;padding-top:8px}.stage{container-type:inline-size}.handheld{--w:min(100cqw, 460px)}}@media (width<=560px){.bar nav a:not(:last-child){display:none}.lede{font-size:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.handheld *{transition:none!important}}