html,body{color:#e8e8e8;background:#14161a;height:100%;margin:0;font:14px/1.4 system-ui,sans-serif;overflow:hidden}.proto{grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.proto-stage{grid-area:1/1/3;min-height:0}.proto-stage canvas{width:100%;height:100%;display:block}.proto-bar,.proto-hands{z-index:1;pointer-events:none;grid-column:1}.proto-bar{background:#14161acc;flex-wrap:wrap;grid-row:1;align-items:center;gap:.5rem 1rem;padding:.5rem .75rem;display:flex}.proto-bar>*{pointer-events:auto}.proto-bar h1{margin:0;font-size:1rem}.proto-bar a{color:#8fc7ff}.proto-bar button,.proto-bar label{font:inherit;color:inherit}.proto-bar button{cursor:pointer;background:#2a2f38;border:1px solid #454c59;border-radius:4px;padding:.15rem .6rem}.proto-bar button[aria-pressed=true]{background:#3d5a80;border-color:#8fc7ff}.proto-seed{opacity:.6;margin-left:auto}.proto-hands{grid-row:3;justify-content:space-between;align-items:flex-end;gap:1rem;padding:.75rem;display:flex}.proto-hand{pointer-events:auto;flex-direction:column;gap:.4rem;display:flex}.proto-hand[data-hand=Right]{align-items:flex-end}.proto-hand[data-hand=None]{align-items:center}.proto-fatigue{font-variant-numeric:tabular-nums;opacity:.8;background:#14161acc;border-radius:4px;padding:.1rem .4rem}.proto-buttons{flex-wrap:wrap;gap:.4rem;max-width:40rem;display:flex}.proto-hand[data-hand=Right] .proto-buttons{justify-content:flex-end}.proto-gesture{text-align:left;min-width:7rem;font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:#2a2f38;border:2px solid #454c59;border-radius:6px;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem;padding:.4rem .6rem;display:grid}.proto-gesture kbd{text-align:center;grid-row:span 2;min-width:1.6rem;font:600 1.1rem ui-monospace,monospace}.proto-gesture small{opacity:.7}.proto-gesture.is-down{border-color:#8fc7ff}.proto-gesture.is-fired{animation:.25s ease-out proto-fired}@keyframes proto-fired{0%{color:#14161a;background:#f2c14e}to{background:#2a2f38}}.proto-caption{z-index:1;text-align:center;pointer-events:none;background:#14161ae6;border:1px solid #454c59;border-radius:8px;grid-area:2/1;place-self:start center;max-width:44rem;margin:.75rem 1rem;padding:.6rem 1rem;font-size:1.15rem;line-height:1.45}.proto-caption[hidden]{display:none}.proto-reference{border-collapse:collapse;background:#14161acc;border-radius:6px;font-size:.85rem}.proto-reference[hidden]{display:none}.proto-reference td,.proto-reference th{text-align:left;white-space:nowrap;padding:.1rem .5rem}.proto-reference th{font-weight:600}.proto-reference td:last-child{opacity:.7}.proto-reference kbd{font:600 .85rem ui-monospace,monospace}.proto-veil{z-index:3;background:#0b0d10b0;place-items:center;display:grid;position:absolute;inset:0}.proto-veil[hidden]{display:none}.proto-card{background:#1b1f26;border:1px solid #454c59;border-radius:10px;max-width:34rem;margin:1rem;padding:1.2rem 1.5rem;line-height:1.5}.proto-card h2{margin:0 0 .4rem;font-size:1.4rem}.proto-card p{margin:.5rem 0}.proto-card ul{margin:.5rem 0;padding-left:1.2rem}.proto-card kbd{background:#2a2f38;border-radius:4px;padding:0 .3rem;font:600 .9em ui-monospace,monospace}.proto-card .quiet{opacity:.75;font-size:.9rem}.proto-card-row{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.proto-card button,.proto-corner{font:inherit;color:#e8e8e8;cursor:pointer;background:#2a2f38;border:1px solid #454c59;border-radius:6px;padding:.3rem .7rem}.proto-card button.main{color:#10131a;background:#7bd88f;border-color:#7bd88f;font-weight:700}.proto-corner{z-index:2;font-size:.85rem;position:absolute;bottom:.75rem;left:.75rem}