#krabka-playground{--cp-accent:#ff4d2e;--cp-accent-deep:#c82408;--cp-bg:#0c1322;--cp-panel:#0f172a;--cp-border:#ffffff1a;--cp-text:#f3f4f6;--cp-muted:#9ca3af;--cp-leader:#f7b73a;--cp-follower:#45c178;--cp-candidate:#ff8466;--cp-prospective:#d8b743;--cp-observer:#5aa0e0;--cp-idle:#6b7280;--cp-msg:#94a3b8;border:1px solid var(--cp-border);background:var(--cp-bg);color:var(--cp-text);border-radius:12px;margin:1.5rem 0;padding:1rem;font-size:.92rem}#krabka-playground .cp-controls,#krabka-playground .cp-faults{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.6rem;display:flex}#krabka-playground .cp-faults{border-top:1px dashed var(--cp-border);padding-top:.5rem}#krabka-playground .cp-label{text-transform:uppercase;letter-spacing:.06em;color:var(--cp-muted);margin-right:.15rem;font-size:.72rem;font-weight:700}#krabka-playground .cp-btn,#krabka-playground .cp-select{font:inherit;border:1px solid var(--cp-border);background:var(--cp-panel);color:var(--cp-text);cursor:pointer;border-radius:7px;padding:.34rem .7rem;font-size:.86rem;transition:background .12s,border-color .12s,transform 50ms}#krabka-playground .cp-btn:hover{border-color:var(--cp-accent);color:var(--cp-accent)}#krabka-playground .cp-btn:active{transform:translateY(1px)}#krabka-playground .cp-btn.cp-primary,#krabka-playground .cp-btn.cp-active{color:#fff;background:#e0300f;border-color:#e0300f;font-weight:600}#krabka-playground .cp-btn.cp-primary:hover,#krabka-playground .cp-btn.cp-active:hover{background:var(--cp-accent-deep);border-color:var(--cp-accent-deep);color:#fff}#krabka-playground .cp-stage{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;gap:.9rem;display:grid}@media (width<=720px){#krabka-playground .cp-stage{grid-template-columns:minmax(0,1fr)}}#krabka-playground .cp-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#krabka-playground .cp-diagram-wrap,#krabka-playground .cp-timeline-wrap{background:var(--cp-panel);border:1px solid var(--cp-border);border-radius:10px;padding:.6rem}#krabka-playground .cp-diagram{width:100%;height:auto;display:block}#krabka-playground .cp-status{border-top:1px solid var(--cp-border);color:var(--cp-muted);flex-wrap:wrap;gap:.4rem 1rem;margin-top:.4rem;padding-top:.5rem;font-size:.82rem;display:flex}#krabka-playground .cp-status b{color:var(--cp-text);font-weight:600}#krabka-playground .cp-timeline{max-height:320px;margin:.4rem 0 0;padding:0;font-size:.8rem;list-style:none;overflow-y:auto}#krabka-playground .cp-timeline:empty:before{content:"No events yet. Press Play or Step.";color:var(--cp-muted);padding:.3rem .1rem;display:block}#krabka-playground .cp-event{border-bottom:1px solid var(--cp-border);grid-template-columns:1.1rem 3.2rem minmax(0,1fr);align-items:baseline;gap:.3rem;padding:.18rem .1rem;display:grid}#krabka-playground .cp-event:last-child{border-bottom:none}#krabka-playground .cp-event-icon{color:var(--cp-accent);text-align:center}#krabka-playground .cp-event-note{overflow-wrap:anywhere}#krabka-playground .cp-event-clock{color:var(--cp-muted);font-variant-numeric:tabular-nums;font-size:.74rem}#krabka-playground .cp-node-bg{fill:var(--cp-panel);stroke:var(--cp-idle);stroke-width:2.5px;transition:stroke .15s,fill .15s}#krabka-playground .cp-node-id{fill:var(--cp-text);font-size:14px;font-weight:700}#krabka-playground .cp-node-role,#krabka-playground .cp-node-log{fill:var(--cp-muted);font-size:12px}#krabka-playground .cp-node:focus-visible{outline:2px solid var(--cp-text);outline-offset:2px}#krabka-playground .cp-node-cut{fill:var(--cp-accent);font-size:14px;display:none}#krabka-playground .cp-partitioned .cp-node-cut{display:inline}#krabka-playground .cp-leader .cp-node-bg{stroke:var(--cp-leader);stroke-width:4px}#krabka-playground .cp-follower .cp-node-bg{stroke:var(--cp-follower)}#krabka-playground .cp-candidate .cp-node-bg{stroke:var(--cp-candidate);stroke-dasharray:4 3}#krabka-playground .cp-prospective .cp-node-bg{stroke:var(--cp-prospective);stroke-dasharray:2 3}#krabka-playground .cp-observer .cp-node-bg{stroke:var(--cp-observer)}#krabka-playground .cp-partitioned .cp-node-bg{opacity:.6;stroke-dasharray:3 4}#krabka-playground .cp-msg-path{fill:none;stroke:var(--cp-msg);stroke-width:1.8px;opacity:.85}#krabka-playground .cp-arrow-tip{fill:var(--cp-msg)}#krabka-playground .cp-labels{pointer-events:none}#krabka-playground .cp-msg-label{fill:var(--cp-text);paint-order:stroke;stroke:var(--cp-panel);stroke-width:5px;stroke-linejoin:round;font-size:12px}#krabka-playground .cp-legend{color:var(--cp-muted);flex-wrap:wrap;gap:.3rem .9rem;margin-top:.7rem;font-size:.78rem;display:flex}#krabka-playground .cp-legend-item{align-items:center;gap:.28rem;display:inline-flex}#krabka-playground .cp-legend-item .cp-dot{border:2px solid;border-radius:50%;width:10px;height:10px;display:inline-block}#krabka-playground .cp-leader{color:var(--cp-leader)}#krabka-playground .cp-follower{color:var(--cp-follower)}#krabka-playground .cp-candidate{color:var(--cp-candidate)}#krabka-playground .cp-prospective{color:var(--cp-prospective)}#krabka-playground .cp-observer{color:var(--cp-observer)}#krabka-playground .cp-idle{color:#9ca3af}#krabka-playground .cp-hint{color:var(--cp-muted);margin:.7rem 0 0;font-size:.8rem;line-height:1.5}#krabka-playground .cp-error{color:#ff8466;font-size:.88rem}#krabka-playground:not(.cp-ready) .cp-fallback{color:var(--cp-muted)}