#craps-flow{margin:14px 0;font-family:"Courier New",Courier,monospace;}
#craps-flow .craps-flow__bar{background:#000080;color:#fff;font-size:13px;font-weight:bold;
  padding:3px 8px;border:2px outset #c0c0c0;border-bottom:0;}
#craps-flow .craps-flow__panel{background:#fff;border:2px outset #c0c0c0;padding:6px;}
#craps-flow .craps-flow__controls{margin:0 0 6px;font-size:12px;display:flex;flex-wrap:wrap;
  align-items:center;gap:4px;}
#craps-flow button{font-family:inherit;font-size:12px;background:#c0c0c0;color:#000;
  border:2px outset #c0c0c0;padding:2px 8px;cursor:pointer;}
#craps-flow button:active{border-style:inset;}
#craps-flow .craps-flow__hint{color:#555;margin-left:4px;}
#craps-flow .craps-flow__svg{width:100%;height:520px;display:block;background:#f4f4f4;
  border:1px solid #808080;touch-action:none;cursor:grab;user-select:none;}
#craps-flow .craps-flow__svg.grabbing{cursor:grabbing;}
#craps-flow .cf-node{cursor:default;}
#craps-flow .cf-node.cf-expandable{cursor:pointer;}
#craps-flow .cf-title{font-size:12px;font-weight:bold;fill:#fff;}
#craps-flow .cf-detail{font-size:10px;fill:#e8e8e8;}
#craps-flow .cf-cum{font-size:10px;font-weight:bold;fill:#ffffff;}
#craps-flow .cf-edge{fill:none;stroke:#888;stroke-width:1.5;}
#craps-flow .cf-toggle{fill:#fff;stroke:#000;stroke-width:1;}
#craps-flow .cf-toggle-txt{font-size:12px;font-weight:bold;fill:#000;text-anchor:middle;}