:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf2e9;background:#111713;font:16px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:28px}header{max-width:980px}h1{margin:.2em 0;font-size:clamp(1.6rem,3vw,2.5rem)}h2{font-size:1.05rem}p{margin:.6em 0}.eyebrow{letter-spacing:.16em;color:#c9ed83;font-size:.75rem}.notice{color:#d0d9ca;border-left:3px solid #c9ed83;padding:8px 14px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin-top:24px;display:grid}#viewport{background:#19231c;border:1px solid #3b4a3a;border-radius:12px;height:min(54vh,560px);min-height:400px;position:relative;overflow:hidden}#viewport canvas{touch-action:none;width:100%;height:100%;display:block}.placeholder{text-align:center;color:#c7d0c1;position:absolute;inset:40% 12% auto}aside{overflow-wrap:anywhere;background:#202b22;border-radius:12px;max-height:max(400px,min(54vh,560px));padding:12px 16px;overflow-y:auto}#identity,.muted,small,footer{color:#bac6b4;font-size:.85rem}#error{color:#ffbaad;white-space:pre-wrap}nav{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}button{color:inherit;font:inherit;cursor:pointer;background:#2c3c2e;border:1px solid #698354;border-radius:8px;padding:11px 22px}#start{color:#16210f;background:#c9ed83}button:hover:not(:disabled){filter:brightness(1.2)}button:disabled{opacity:.45;cursor:default}button:focus-visible,canvas:focus-visible{outline-offset:3px;outline:3px solid #e9ffac}#help-panel{background:#202b22;border-radius:12px;padding:16px 22px}#detail{white-space:pre-wrap}footer{margin-top:22px}@media (width<=800px){main{padding:16px}.workspace{grid-template-columns:1fr}#viewport{height:45vh;min-height:320px}}.hands-panel{background:#202b22;border-radius:12px;padding:14px 20px}#hand-controls{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}#hand-controls fieldset:first-child{grid-column:1/-1}fieldset{border:1px solid #698354;border-radius:8px;min-width:0}legend{text-transform:capitalize;padding:0 8px}#hand-controls label{justify-content:space-between;align-items:center;gap:8px;margin:7px 0;display:flex}#hand-controls fieldset:first-child label{justify-content:flex-start}input,select{color:inherit;font:inherit;background:#111713;border:1px solid #698354;border-radius:4px;max-width:55%;padding:4px}input[type=number]{width:100px}input[type=checkbox]{width:20px;height:20px}input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #e9ffac}#status,#hand-status{white-space:pre-wrap;font-variant-numeric:tabular-nums}@media (width<=600px){#hand-controls{grid-template-columns:1fr}}