:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#dfe7f5;--dim:#8b97ad;--panel:#080b12b8;--edge:#8caadc38;--accent:#1fd6c8}html,body{height:100%;color:var(--ink);background:#05070c;margin:0;font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#crosshair{pointer-events:none;background:#ffffffd9;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:fixed;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}#crosshair.punch,#crosshair.push{outline-offset:9px;outline:2px solid #ffffffe6}#crosshair.push{outline-style:dashed;outline-color:#ffd24ae6}#hud{background:var(--panel);border:1px solid var(--edge);font-variant-numeric:tabular-nums;pointer-events:none;white-space:pre;border-radius:6px;margin:0;padding:8px 10px;font:12px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace;position:fixed;top:10px;left:12px}#spark{background:var(--panel);border:1px solid var(--edge);pointer-events:none;border-radius:6px;position:fixed;bottom:12px;left:12px}#start{background:#03050a99;place-items:center;display:grid;position:fixed;inset:0}#start[hidden]{display:none}.card{border:1px solid var(--edge);background:#0a0e16eb;border-radius:10px;width:min(540px,100vw - 32px);padding:22px 26px}.card h1{letter-spacing:.04em;margin:0;font-size:26px}.card .sub{color:var(--dim);margin:2px 0 14px}.card table{border-collapse:collapse;width:100%}.card td{vertical-align:top;padding:4px 0}.card td:first-child{white-space:nowrap;width:150px}kbd{border:1px solid var(--edge);text-transform:uppercase;background:#ffffff0d;border-bottom-width:2px;border-radius:4px;padding:1px 6px;font:12px ui-monospace,Menlo,Consolas,monospace}#play{background:var(--accent);color:#04201e;cursor:pointer;border:0;border-radius:6px;width:100%;margin-top:16px;padding:11px;font:600 15px system-ui,sans-serif}#play:hover{filter:brightness(1.1)}.note{min-height:1.4em;color:var(--dim);margin:10px 0 0;font-size:12px}.lil-gui{--width:300px}