html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{color:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#black-hole-canvas{cursor:grab;touch-action:none;width:100vw;height:100vh;display:block}body.is-dragging #black-hole-canvas{cursor:grabbing}.performance-panel{z-index:2;box-sizing:border-box;color:#eef6ffdb;letter-spacing:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#060a0ec2;border:1px solid #7cb9d23d;border-radius:8px;min-width:150px;padding:10px 12px;font-size:11px;position:fixed;top:16px;left:16px;box-shadow:0 10px 30px #00000047}.performance-panel__title{color:#d8eef7c7;margin-bottom:6px;font-size:11px;font-weight:650}.performance-panel dl{gap:4px;margin:0;display:grid}.performance-panel dl div{grid-template-columns:56px 1fr;align-items:baseline;gap:10px;display:grid}.performance-panel dt,.performance-panel dd{margin:0}.performance-panel dt{color:#eef6ff94}.performance-panel dd{color:#a5def2;font-variant-numeric:tabular-nums;text-align:right;font-weight:650}.controls-panel{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#060a0ec7;border:1px solid #7cb9d23d;border-radius:8px;width:min(300px,100vw - 32px);max-height:calc(100vh - 32px);padding:14px;position:fixed;top:16px;right:16px;overflow:auto;box-shadow:0 16px 48px #0000005c}.controls-header,.toggle-row,.control-row span{justify-content:space-between;align-items:center;gap:12px;display:flex}.controls-header{margin-bottom:12px}.controls-header h1,.control-section h2,.collapsible-section summary{margin:0;font-size:15px;font-weight:650}.control-section{border-top:1px solid #a0d2e624;gap:10px;padding-top:12px;display:grid}.control-section+.control-section{margin-top:12px}.control-section h2,.collapsible-section summary{color:#d8eef7c7;font-size:12px}.collapsible-section summary{cursor:pointer;justify-content:space-between;align-items:center;list-style:none;display:flex}.collapsible-section summary::-webkit-details-marker{display:none}.collapsible-section summary:after{content:"+";color:#a5def2eb;font-size:14px}.collapsible-section[open] summary:after{content:"-"}.controls-header button{color:#f5f7fb;font:inherit;cursor:pointer;background:#ffffff12;border:1px solid #a0d2e647;border-radius:6px;padding:7px 9px;font-size:12px;line-height:1}.toggle-row,.control-row{color:#eef6ffe0;gap:7px;margin-top:10px;font-size:12px;display:grid}.toggle-row{grid-template-columns:1fr auto}.control-row output{color:#a5def2eb;font-variant-numeric:tabular-nums}.control-description{color:#d8eef7ad;margin:0;font-size:11px;line-height:1.45}.control-row input[type=range]{accent-color:#70d8ff;width:100%;margin:0}.control-row select{box-sizing:border-box;color:#f5f7fb;width:100%;font:inherit;background:#00000042;border:1px solid #a0d2e642;border-radius:6px;padding:7px 8px;font-size:12px}.control-row input:disabled{opacity:.38}.toggle-row input{accent-color:#70d8ff}@media (width<=720px){.controls-panel{width:auto;max-height:46vh;inset:auto 10px 10px}}#fatal-error{color:#f4f6fb;text-align:center;background:#050507;place-items:center;padding:32px;font-size:16px;line-height:1.5;display:grid;position:fixed;inset:0}#fatal-error[hidden]{display:none}