.blackhole-nav{background:#0006;border:1px solid rgba(255,255,255,.2);border-radius:2px;padding:6px 10px;backdrop-filter:blur(4px);font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#fff9;text-decoration:none;transition:all .2s ease}.blackhole-nav:hover{background:#0009;border-color:#fff6;color:#fffffff2;transform:translate(-2px)}.blackhole-nav:active{transform:translate(-3px)}:root{--bh-bg: #000;--bh-font: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background:var(--bh-bg);overflow:hidden;font-family:SF Mono,Fira Code,monospace}.blackhole-main{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#000}canvas{cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.stats-overlay{position:fixed;top:24px;right:24px;z-index:10;background:#00000080;backdrop-filter:blur(8px);padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:2px;transform:translateZ(0);will-change:transform;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:11px;line-height:1.6;letter-spacing:.5px;pointer-events:none;user-select:none;-webkit-font-smoothing:antialiased}.stats-row{display:flex;justify-content:space-between;gap:16px}.stats-label{color:#ffffff80}.stats-value{color:#ffffffbf;text-align:right;font-variant-numeric:tabular-nums}.variant-name{position:fixed;bottom:24px;right:24px;z-index:10;background:#00000080;backdrop-filter:blur(8px);padding:12px 16px;border-radius:2px;transform:translateZ(0);will-change:transform;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;font-size:13px;font-weight:500;letter-spacing:3px;color:#fffc;pointer-events:none;user-select:none;-webkit-font-smoothing:antialiased}.controls-toggle{position:fixed;top:130px;right:24px;z-index:100;width:36px;height:36px;background:#00000080;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:2px;font-family:JetBrains Mono,monospace;font-size:18px;color:#fffc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0;transform:translateZ(0);will-change:transform}.controls-toggle:hover{background:#000000b3;border-color:#fff6;color:#fff}.controls-panel{position:fixed;top:176px;right:24px;z-index:99;width:320px;max-height:calc(100vh - 100px);overflow-y:auto;background:#000000b3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:2px;padding:20px;transform:translateZ(0);will-change:transform;animation:panelSlideIn .3s ease-out}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.controls-panel::-webkit-scrollbar{width:8px}.controls-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.controls-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.controls-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.controls-title{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;letter-spacing:2px;color:#ffffffe6;margin:0 0 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.control-section{margin-bottom:20px}.control-label{display:block;font-family:JetBrains Mono,monospace;font-size:11px;color:#ffffffb3;margin-bottom:8px;letter-spacing:.5px}.control-slider{width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.control-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fffc;border-radius:50%;cursor:pointer;transition:all .15s ease}.control-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.control-slider::-moz-range-thumb{width:14px;height:14px;background:#fffc;border:none;border-radius:50%;cursor:pointer;transition:all .15s ease}.control-slider::-moz-range-thumb:hover{background:#fff;transform:scale(1.2)}.preset-buttons{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{flex:1;min-width:80px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:2px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:1px;color:#fff9;cursor:pointer;transition:all .2s ease}.preset-btn:hover{background:#ffffff1a;border-color:#fff6;color:#ffffffe6}.preset-btn.active{background:#ffffff26;border-color:#fff9;color:#fff}.reset-btn{width:100%;padding:10px 16px;margin-top:8px;background:#c8323233;border:1px solid rgba(255,100,100,.3);border-radius:2px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;letter-spacing:1.5px;color:#ff9696e6;cursor:pointer;transition:all .2s ease}.reset-btn:hover{background:#c832324d;border-color:#ff646480;color:#ffc8c8}@media(max-width:768px){.controls-panel{left:16px;right:16px;width:auto;top:60px}.controls-toggle{left:16px;top:16px}.stats-overlay{top:16px;right:16px;font-size:10px;padding:8px 12px}.variant-name{bottom:16px;right:16px;font-size:11px;padding:8px 12px}}@media(max-width:480px){.controls-panel{padding:16px}.preset-buttons{flex-direction:column}.preset-btn{min-width:100%}}@media(prefers-reduced-motion:reduce){.controls-panel{animation:none}.controls-toggle,.preset-btn,.reset-btn,.control-slider::-webkit-slider-thumb,.control-slider::-moz-range-thumb{transition:none}}.blackhole-main[data-astro-cid-xzibj6a7]{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#000}