@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:JetBrains Mono,monospace;background:#000}#app{width:100%;height:100%}canvas{display:block}.head-count{position:fixed;top:24px;left:24px;padding:12px 24px;background:#00ffff1a;border:1px solid rgba(0,255,255,.4);border-radius:8px;color:#0ff;font-size:14px;font-weight:500;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}#help-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;z-index:1500;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#help-overlay.visible{display:flex}.help-panel{padding:28px 36px;background:#0a0a14f2;border:1px solid rgba(0,255,255,.4);border-radius:12px;box-shadow:0 0 40px #00ffff26}.help-title{color:#0ff;font-size:16px;font-weight:500;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px}.help-table{border-collapse:collapse;color:#aaa;font-size:14px}.help-table tr+tr td{padding-top:10px}.help-table td:first-child{color:#0ff;padding-right:24px;white-space:nowrap}kbd{display:inline-block;padding:2px 8px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:4px;font-family:inherit;font-size:13px}.help-hint{position:fixed;bottom:20px;right:24px;color:#0ff6;font-size:12px;letter-spacing:1px;z-index:1000}.help-hint kbd{font-size:11px;color:#0ff9;border-color:#0ff3;background:#00ffff12}#config-panel{position:fixed;top:0;right:-360px;width:340px;height:100%;background:#0a0a14f7;border-left:1px solid rgba(0,255,255,.3);z-index:1200;transition:right .3s ease;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#config-panel.open{right:0}.config-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,255,255,.2);color:#0ff;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.config-header button{background:none;border:none;color:#0ff9;font-size:24px;cursor:pointer;padding:0;line-height:1}.config-header button:hover{color:#0ff}.config-content{flex:1;overflow-y:auto;padding:8px 0}.config-section{border-bottom:1px solid rgba(0,255,255,.1)}.config-section-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;color:#0ff;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.config-section-header:hover{background:#00ffff0d}.config-expand{font-size:16px;transition:transform .2s ease}.config-section.expanded .config-expand{transform:rotate(45deg)}.config-section-content{display:none;padding:0 20px 16px}.config-section.expanded .config-section-content{display:block}.config-row{display:grid;grid-template-columns:1fr 100px 58px;gap:10px;align-items:center;padding:8px 0}.config-row label{color:#888;font-size:11px;letter-spacing:.5px}.config-row input[type=range]{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0ff3;border-radius:2px;outline:none}.config-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#0ff;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #00ffff80}.config-row input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#0ff;border-radius:50%;cursor:pointer;border:none}.config-row input[type=color]{width:32px;height:24px;padding:0;border:1px solid rgba(0,255,255,.3);border-radius:4px;background:transparent;cursor:pointer}.config-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.config-row input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.config-value{color:#0ff;font-size:11px;text-align:right;font-family:JetBrains Mono,monospace;min-width:50px;width:50px;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:4px;padding:2px 4px;outline:none;-moz-appearance:textfield}.config-value::-webkit-outer-spin-button,.config-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.config-value:focus{border-color:#0ff9;background:#00ffff1a}.config-actions{padding:16px 20px;display:flex;flex-direction:column;gap:8px}.config-action-btn{display:block;width:100%;padding:12px;background:#00ffff1a;border:1px solid rgba(0,255,255,.3);border-radius:6px;color:#0ff;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.config-action-btn:hover{background:#0ff3;border-color:#00ffff80}.config-reset-btn{display:block;width:100%;padding:12px;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:6px;color:#f66;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.config-reset-btn:hover{background:#ff646433;border-color:#ff646480}.config-hint{position:fixed;bottom:20px;left:24px;color:#0ff6;font-size:12px;letter-spacing:1px;z-index:1000}