*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000}canvas{display:block}.statistics{color:#8fa6c4;white-space:pre;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0e1699;border:1px solid #8fa6c426;border-radius:4px;padding:10px 14px;font:12px/1.6 ui-monospace,monospace;position:fixed;top:12px;left:12px}.controls{color:#8fa6c4;-webkit-user-select:none;user-select:none;background:#0a0e1699;border:1px solid #8fa6c426;border-radius:4px;flex-direction:column;gap:6px;padding:10px 14px;font:12px/1.6 ui-monospace,monospace;display:flex;position:fixed;bottom:12px;left:12px}.controls-buttons{gap:6px;margin-bottom:2px;display:flex}.controls-row{grid-template-columns:76px 130px 52px;align-items:center;gap:8px;display:grid}.controls-label{color:#6d829e}.controls-value{text-align:right;color:#cfe0f5}.controls button,.controls select{color:#cfe0f5;font:inherit;cursor:pointer;background:#8fa6c41a;border:1px solid #8fa6c440;border-radius:3px;padding:3px 10px}.controls button:hover,.controls select:hover{background:#8fa6c433}.controls select{grid-column:2/span 2;width:100%}.controls input[type=range]{accent-color:#69f;cursor:pointer;width:100%}.report{color:#cfe0f5;white-space:pre;height:100%;margin:0;padding:20px;font:13px/1.6 ui-monospace,monospace;overflow:auto}.inspector{color:#8fa6c4;-webkit-user-select:none;user-select:none;background:#0a0e16b8;border:1px solid #8fa6c426;border-radius:4px;width:340px;padding:10px 14px;font:12px/1.5 ui-monospace,monospace;position:fixed;top:12px;right:12px}.inspector-title{color:#cfe0f5;margin-bottom:8px;font-weight:600}.inspector-rows{grid-template-columns:160px 1fr;gap:2px 8px;display:grid}.inspector-label{color:#6d829e}.inspector-value{color:#cfe0f5;overflow-wrap:anywhere}.hint{color:#6d829e;-webkit-user-select:none;user-select:none;background:#0a0e1699;border-radius:4px;padding:8px 12px;font:12px/1.6 ui-monospace,monospace;position:fixed;bottom:12px;left:12px}