:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-app:#fff;--bg-card:#fff;--bg-input:#f1f5f9;--border-color:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-dim:#94a3b8;--color-oop:#7c3aed;--color-oop-tree:#ea580c;--color-ecs:#0d9488;--color-ecs-tree:#f59e0b;--color-bitecs:#0284c7;--color-wasm:#c026d3;--color-collision:#e11d48;--color-accent:#2563eb;--color-success:#16a34a;--color-warning:#d97706;--bg-input-highlight:#eff6ff;--border-highlight:#bfdbfe;--text-highlight:#1e40af;--border-radius:0px;--max-width:100%}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--color-text-primary);font-family:var(--font-sans);padding:0;line-height:1.5}.font-mono{font-family:var(--font-mono)}.card{background-color:#0000;border:none;border-radius:0;margin-bottom:20px;padding:20px 0}h2{border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:8px;font-size:1.25rem;font-weight:600}h3{color:var(--color-text-primary);font-size:1rem;font-weight:600}.app-container{width:100%;margin:0}.main-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;display:flex}.header-title{align-items:center;gap:10px;display:flex}.header-title h1{font-size:1.5rem;font-weight:700}.pulse-indicator{background-color:var(--color-success);border-radius:50%;width:8px;height:8px}.pulse-indicator.running{animation:1.5s infinite pulse-green}.pulse-indicator.paused{background-color:var(--color-warning)}.status-badge-container span{font-family:var(--font-mono);font-weight:700}.controls-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:20px;display:grid}.control-group{flex-direction:column;gap:8px;display:flex}.control-group label{color:var(--color-text-secondary);justify-content:space-between;font-size:.875rem;display:flex}.control-group label span{font-family:var(--font-mono);color:var(--color-text-primary)}select{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--color-text-primary);border-radius:var(--border-radius);font-family:var(--font-sans);outline:none;padding:8px 12px}input[type=range]{width:100%;accent-color:var(--color-accent)}.action-buttons-container{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:20px;padding-top:15px;display:flex}.action-buttons{gap:10px;display:flex}.btn{border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-family:var(--font-sans);border:none;padding:8px 16px}.btn-primary{background-color:var(--color-accent);color:#fff}.btn-primary:disabled{background-color:var(--border-color);color:var(--color-text-dim);cursor:not-allowed}.btn-highlight{background-color:var(--bg-input-highlight);border:1px solid var(--border-highlight);color:var(--text-highlight);transition:all .15s ease-in-out}.btn-highlight:hover{color:#1d4ed8;background-color:#dbeafe;border-color:#3b82f6}.btn-highlight:active{background-color:#bfdbfe}.btn-secondary{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--color-text-primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-tertiary{color:var(--color-text-secondary);background-color:#0000}.control-desc{color:var(--color-text-secondary);max-width:600px;font-size:.8rem}.section-displays{margin-bottom:20px}.section-displays h2{margin-bottom:10px}.metrics-grid{flex-wrap:wrap;align-items:flex-start;gap:10px;min-height:180px;display:flex}.metrics-cards-pack{flex-wrap:wrap;flex:300px;gap:10px;min-width:0;display:flex}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-color);flex-direction:column;flex:auto;gap:5px;min-width:max-content;max-width:320px;margin-bottom:0;padding:10px;display:flex}.card-header-simple{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;display:flex}.card-header-simple h3{white-space:nowrap}.legend-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block}.card-source-link{color:var(--color-text-dim);font-size:.75rem;font-family:var(--font-mono);width:fit-content;margin-top:-6px;text-decoration:none;transition:color .15s;display:inline-block}.card-source-link:hover{color:var(--color-accent);text-decoration:underline}.metric-values{flex-direction:column;gap:3px;display:flex}.metric-item{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.metric-label{color:var(--color-text-secondary)}.metric-value{font-weight:700}.speedup-card{border-color:#3b82f666;flex:none;min-width:320px;max-width:max-content}.speedup-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px;display:flex}.comparison-select-container{white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.comparison-select-container h3{white-space:nowrap;margin:0}.compare-select{border:none;border-bottom:1px dashed var(--color-text-secondary);color:var(--color-text-primary);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-sans);background-color:#0000;border-radius:0;outline:none;padding:0 4px}.compare-select:focus{border-bottom-style:solid;border-bottom-color:var(--color-accent)}.btn-copy{background-color:var(--bg-input);border:1px solid var(--border-color);color:var(--color-text-primary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;transition:all .2s;display:flex}.btn-copy svg{width:14px;height:14px;display:block}.btn-copy:hover{background-color:var(--border-color)}.btn-copy.copied{color:var(--color-success);border-color:var(--color-success);background-color:#16a34a1a}.speedup-values{flex-direction:column;gap:4px;font-size:.85rem;display:flex}.speedup-row{justify-content:space-between;display:flex}.speedup-row span{font-weight:700}.chart-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.chart-legend-container{align-items:center;gap:20px;display:flex}.chart-legend{gap:12px;display:flex}.legend-item{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.legend-item .legend-color{border-radius:2px;width:10px;height:4px;display:inline-block}.chart-frame-counter{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:.8rem}.svg-container{width:calc(100% - 10px);height:250px;margin-left:5px;margin-right:5px}.output-header{border-bottom:1px solid var(--border-color);justify-content:flex-start;align-items:center;gap:15px;margin-bottom:15px;margin-left:5px;margin-right:5px;padding-bottom:8px;display:flex}.output-header h2{border-bottom:none;margin-bottom:0;padding-bottom:0}.btn-sm{padding:6px 12px;font-size:.85rem}.visualizer-grid{grid-template-columns:1fr;gap:20px;display:grid}.visualizer-grid .canvas-card{margin-bottom:30px;padding:0}.canvas-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 20px;display:flex}.canvas-header h3{font-size:.9rem}.render-fps{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-secondary)}.canvas-container{background-color:var(--bg-input);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-left:none;border-right:none;border-radius:0;width:100%;height:500px;overflow:hidden}canvas{width:100%;height:100%}.blog-section{max-width:800px;margin-top:40px;margin-left:auto;margin-right:auto}.blog-title{text-align:center;margin-bottom:8px;font-size:1.75rem;font-weight:700}.blog-meta{text-align:center;color:var(--color-text-dim);font-size:.8rem;font-family:var(--font-mono);margin-bottom:25px}.blog-article{font-size:.95rem;line-height:1.6}.blog-article p{margin-bottom:15px}.blog-article h3{border-bottom:1px solid var(--border-color);margin-top:25px;margin-bottom:10px;padding-bottom:4px;font-size:1.2rem}.blog-article h4{margin-top:15px;margin-bottom:8px;font-size:1rem}.blog-article ul{margin-bottom:15px;padding-left:20px}.blog-article li{margin-bottom:6px}.blog-table-container{border:1px solid var(--border-color);border-radius:var(--border-radius);margin:20px 0;overflow-x:auto}.blog-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.blog-table th,.blog-table td{border-bottom:1px solid var(--border-color);padding:8px 12px}.blog-table th{background:var(--bg-card);color:var(--color-text-secondary);font-weight:600}.blog-table tr:last-child td{border-bottom:none}.blog-table .highlight-oop{color:var(--color-oop);font-weight:700}.blog-table .highlight-oop-tree{color:var(--color-oop-tree);font-weight:700}.blog-table .highlight-ecs{color:var(--color-ecs);font-weight:700}.blog-table .highlight-ecs-tree{color:var(--color-ecs-tree);font-weight:700}.blog-table .highlight-wasm{color:var(--color-wasm);font-weight:700}.blog-table .highlight-speedup{color:var(--color-text-primary);background:#2dd4bf26;border-radius:3px;padding:2px 4px;font-weight:700}.main-footer{text-align:center;color:var(--color-text-dim);border-top:1px solid var(--border-color);margin-top:40px;padding:20px 0;font-size:.75rem}@keyframes pulse-green{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.section-intro,.section-simulators-toggle,.section-controls,.section-displays,.chart-header,.blog-section{padding-left:20px;padding-right:20px}.section-intro{max-width:800px;color:var(--color-text-secondary);margin-top:10px;margin-bottom:10px;font-size:1.05rem;line-height:1.6}.section-simulators-toggle{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin-bottom:20px;padding-top:15px;padding-bottom:15px;display:flex}.toggle-header-row{align-items:center;gap:12px;width:100%;display:flex}.toggle-title{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.toggle-shortcuts{gap:8px;display:flex}.shortcut-link{color:var(--color-accent);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;padding:0;text-decoration:none;transition:color .15s}.shortcut-link:hover{color:#1d4ed8;text-decoration:underline}.toggle-group{flex-flow:wrap;gap:16px;width:100%;display:flex}.toggle-section{border:1px solid var(--border-color);box-sizing:border-box;background:#0f172a04;border-radius:8px;flex-direction:column;flex:2 450px;gap:10px;padding:12px 16px;display:flex}.toggle-section:nth-child(2){flex:250px}.toggle-section-header{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);border-bottom:1px solid #0f172a0d;margin-bottom:2px;padding-bottom:6px;font-size:.8rem;font-weight:700}.toggle-containers-list{flex-direction:row;gap:7px;width:100%;display:flex}.toggle-container{box-sizing:border-box;background:#0f172a04;border:1px dashed #0f172a14;border-radius:6px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.toggle-containers-list .toggle-container:first-child{flex:2 350px}.toggle-containers-list .toggle-container:nth-child(2){flex:180px}.toggle-subgroups{flex-wrap:wrap;gap:20px;display:flex}.toggle-subgroup{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.subgroup-title{color:var(--color-text-primary);min-width:90px;font-size:.85rem;font-weight:600}.subgroup-toggles{flex-wrap:wrap;gap:8px;display:flex}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.9rem;display:flex}.toggle-label input{cursor:pointer}.toggle-color-square{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.chart-title-group{align-items:center;gap:15px;display:flex}.scale-toggle{color:var(--color-text-secondary);font-size:.85rem;font-weight:400}body.is-embedded .main-header,body.is-embedded .section-intro,body.is-embedded .blog-section{display:none!important}body.is-embedded .app-container{max-width:100%;box-shadow:none;background-color:#fff;margin:0;padding:0}body.is-embedded{background-color:#fff;overflow:hidden}.section-hypothesis-presets{background-color:var(--bg-card);border:1px solid var(--border-color);margin-bottom:25px;padding:15px 20px}.preset-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;display:flex}.preset-title{color:var(--color-text-primary);font-size:.95rem;font-weight:700}.preset-buttons{flex-wrap:wrap;flex:1;gap:8px;display:flex}.preset-btn{background-color:var(--bg-input);color:var(--color-text-secondary);border:1px solid var(--border-color);cursor:pointer;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .15s}.preset-btn:hover{background-color:var(--border-color);color:var(--color-text-primary)}.preset-btn.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.preset-description{color:var(--color-text-secondary);margin-top:4px;font-size:.825rem}.canvas-header-left{align-items:center;gap:8px;display:flex}.canvas-header-left input[type=checkbox]{accent-color:var(--color-accent);cursor:pointer;width:16px;height:16px}.toggle-color-square{width:12px;height:12px;display:inline-block}.metric-card.card-inactive,.canvas-card.card-inactive{opacity:.45;filter:grayscale(.5)}.hidden{display:none!important}