.viz-page,.viz-page *,.viz-page :before,.viz-page :after{box-sizing:border-box;margin:0;padding:0}.viz-page{--bg-primary:#0a0a14;--bg-card:#141428b3;--bg-glass:#1e1e3c80;--accent-cyan:#00e6ff;--accent-purple:#b040ff;--accent-blue:#5078ff;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--text-muted:#ffffff4d;--border-subtle:#ffffff14;--glow-cyan:#00e6ff4d;background:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(at 20%,#0064b414 0%,#0000 60%),radial-gradient(at 80% 20%,#7828c80f 0%,#0000 50%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.viz-page .mono{font-family:JetBrains Mono,Cascadia Code,monospace}.viz-page.page{max-width:960px;margin:0 auto;padding:20px 24px 40px}.viz-page .header{align-items:center;gap:20px;margin-bottom:28px;display:flex}.viz-page .back-link{color:var(--text-secondary);white-space:nowrap;font-size:14px;text-decoration:none;transition:color .2s}.viz-page .back-link:hover{color:var(--accent-cyan)}.viz-page .title-block{flex:1}.viz-page h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;font-size:22px;font-weight:600;display:inline-flex}.viz-page .viz-title-help{-webkit-text-fill-color:unset;color:var(--text-secondary);opacity:.55;align-items:center;text-decoration:none;transition:opacity .15s,color .15s;display:inline-flex}.viz-page .viz-title-help:hover{opacity:1;color:var(--accent-cyan)}.viz-page .subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.viz-page .mode-toggle{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.viz-page .mode-row{flex-wrap:wrap;gap:4px;display:flex}.viz-page .mode-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:13px;transition:all .2s}.viz-page .mode-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.viz-page .mode-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00e6ff1f}.viz-page .mode-btn-round{padding:4px 10px;font-size:11px}.viz-page .mode-btn-round:hover{border-color:var(--accent-purple);color:var(--text-primary)}.viz-page .mode-btn-round.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#b040ff1f}.viz-page .mode-expand-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;padding:3px 10px;font-size:11px;transition:all .2s;display:none}.viz-page .mode-expand-btn:hover{color:var(--text-secondary);border-color:var(--accent-purple)}.viz-page .canvas-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00e6ff0d,0 8px 32px #0006}.viz-page #kdeCanvas{cursor:crosshair;width:100%;display:block}.viz-page .mean-label,.viz-page .ghost-mean-label{pointer-events:none;align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:11px;transition:left .15s ease-out;display:flex;position:absolute;top:12px}.viz-page .mean-dot{background:var(--accent-cyan);width:7px;height:7px;box-shadow:0 0 6px var(--glow-cyan);border-radius:50%}.viz-page .mean-text{color:var(--accent-cyan)}.viz-page .ghost-dot{background:#ffffff4d;border-radius:50%;width:6px;height:6px}.viz-page .ghost-text{color:var(--text-muted);font-size:10px}.viz-page .stats-bar{background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-wrap:wrap;gap:4px;margin-top:12px;padding:14px 18px;display:flex}.viz-page .stat-item{flex-direction:column;flex:1;min-width:100px;display:flex}.viz-page .stat-comp{flex:2;min-width:180px}.viz-page .stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:2px;font-size:10px}.viz-page .stat-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.viz-page .stat-value.improving{color:#4ade80}.viz-page .stat-value.regressing{color:#f87171}.viz-page .controls{background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding:10px 16px;display:flex}@media (max-width:600px){.viz-page .controls{gap:10px 14px}.viz-page .controls .progress-wrapper{flex-shrink:1;order:-1;width:100%}}.viz-page .ctrl-btn{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s,box-shadow .15s;display:flex}.viz-page .ctrl-btn:hover{box-shadow:0 0 16px var(--glow-cyan);transform:scale(1.08)}.viz-page .ctrl-btn:active{transform:scale(.95)}.viz-page .ctrl-btn svg{fill:#fff;width:16px;height:16px}.viz-page .progress-wrapper{flex:1;align-items:center;height:32px;display:flex;position:relative}.viz-page #progress{appearance:none;z-index:2;cursor:pointer;background:#ffffff14;border-radius:3px;outline:none;width:100%;height:6px;position:relative}.viz-page #progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);width:16px;height:16px;box-shadow:0 0 8px var(--glow-cyan);cursor:grab;border-radius:50%;transition:transform .1s}.viz-page #progress::-webkit-slider-thumb:hover{transform:scale(1.3)}.viz-page #progress::-webkit-slider-thumb:active{cursor:grabbing}.viz-page #progress::-moz-range-thumb{background:var(--accent-cyan);width:16px;height:16px;box-shadow:0 0 8px var(--glow-cyan);cursor:grab;border:none;border-radius:50%}.viz-page .progress-fill{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue));pointer-events:none;z-index:1;border-radius:3px;width:0%;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.viz-page .speed-group{flex-shrink:0;gap:4px;display:flex}.viz-page .speed-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .15s}.viz-page .speed-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.viz-page .speed-btn.active{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#00e6ff1f}.viz-page .shortcuts-hint{text-align:center;color:var(--text-muted);margin-top:14px;font-size:11px}.viz-page kbd{background:#ffffff0d;border:1px solid #ffffff26;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-block}.viz-page .section-divider{background:linear-gradient(90deg, transparent, var(--border-subtle), transparent);height:1px;margin:32px 0 8px}.viz-page .section-title{color:var(--text-secondary);letter-spacing:.02em;margin-bottom:14px;font-size:16px;font-weight:500}.viz-page .ridgeline-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-height:500px;position:relative;overflow-y:auto;box-shadow:0 0 0 1px #b43cff0a,0 8px 32px #0006}.viz-page .ridgeline-wrapper::-webkit-scrollbar{width:6px}.viz-page .ridgeline-wrapper::-webkit-scrollbar-track{background:0 0}.viz-page .ridgeline-wrapper::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.viz-page .ridgeline-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff40}.viz-page #ridgelineCanvas{cursor:pointer;width:100%;display:block}@media (max-width:640px){.viz-page.page{padding:12px 12px 30px}.viz-page h1{font-size:18px}.viz-page .header{flex-wrap:wrap}.viz-page .mode-toggle{flex-wrap:wrap;width:100%}.viz-page .mode-btn{padding:4px 8px;font-size:11px}.viz-page .stats-bar{padding:10px 12px}.viz-page .stat-item{min-width:80px}.viz-page .speed-group{flex-wrap:wrap}.viz-page .shortcuts-hint{display:none}.viz-page .toolbar{flex-wrap:wrap;gap:6px;padding:6px 8px}.viz-page .toolbar-search{flex-basis:100%;min-width:0;max-width:none}.viz-page .mode-row-round{display:none}.viz-page .mode-row-round.expanded{display:flex}.viz-page .mode-expand-btn{display:inline-block}}.viz-page .toolbar{background:var(--bg-glass);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;display:flex;position:relative}.viz-page .toolbar-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:6px 14px;font-size:13px;transition:all .2s}.viz-page .toolbar-btn:hover{border-color:var(--accent-cyan);color:var(--text-primary)}.viz-page .toolbar-select{border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#141428cc;border-radius:8px;outline:none;padding:6px 10px;font-family:Inter,sans-serif;font-size:13px}.viz-page .toolbar-select:focus{border-color:var(--accent-cyan)}.viz-page .toolbar-search{flex:1;min-width:120px;max-width:300px}.viz-page .toolbar-search .wca-pp-inline{width:100%}.viz-page .toolbar-search .wca-pp-input{box-sizing:border-box;width:100%}.viz-page .player-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.viz-page .player-chip{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid;border-radius:16px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;transition:all .2s;display:inline-flex}.viz-page .player-chip.active{font-weight:600}.viz-page .player-chip-flag{vertical-align:middle;border-radius:2px;width:16px;height:12px;margin-right:4px;display:inline-block}.viz-page .viz-title-flag{vertical-align:middle;border-radius:3px;width:24px;height:18px;margin-right:6px;display:inline-block}.viz-page .player-chip .chip-remove{opacity:.4;cursor:pointer;margin-left:2px;font-size:10px;transition:opacity .15s}.viz-page .player-chip .chip-remove:hover{opacity:1}.viz-page .view-mode-group{z-index:10;gap:2px;display:flex;position:absolute;top:8px;left:8px}.viz-page .view-btn{color:#fff6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;padding:3px 8px;font-size:11px;transition:all .2s}.viz-page .view-btn:hover{color:#ffffffb3;background:#ffffff1a}.viz-page .view-btn.active{color:#00e6ffe6;background:#00e6ff26;border-color:#00e6ff66}.viz-page .legend-info-btn{color:#fff6;cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;transition:color .2s;display:flex;position:absolute;top:8px;right:8px}.viz-page .legend-info-btn:hover{color:#fffc}.viz-page .fullscreen-btn{color:#fff6;cursor:pointer;z-index:10;background:#0006;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px}.viz-page .fullscreen-btn:hover{color:#fffc;border-color:var(--accent-cyan);background:#00e6ff1a}.viz-page .legend-tooltip{z-index:20;color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0c18f2;border:1px solid #ffffff26;border-radius:8px;max-height:calc(100% - 48px);padding:10px 14px;font-size:12px;line-height:1.8;display:none;position:absolute;top:38px;right:8px;overflow-y:auto}.viz-page .legend-tooltip.visible{display:block}.viz-page .legend-toggle{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 0;font-size:12px;display:flex}.viz-page .legend-toggle input[type=checkbox]{display:none}.viz-page .toggle-pill{background:#ffffff26;border-radius:8px;flex-shrink:0;width:38px;height:16px;margin-left:auto;transition:background .25s;position:relative}.viz-page .toggle-pill:after{content:"";background:#fff;border-radius:6px;width:20px;height:12px;transition:all .25s;position:absolute;top:2px;left:2px}.viz-page input:checked+.toggle-pill{background:#34c759}.viz-page input:checked+.toggle-pill:after{width:22px;transform:translate(12px)}.viz-page .legend-diamond{color:#00e6ff}.viz-page .legend-circle{color:#00e6ffb3}.viz-page .legend-ghost{color:#00e6ff4d}.viz-page .sync-group{gap:2px;margin-left:8px;display:flex}.viz-page .sync-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;padding:4px 8px;font-size:11px;transition:all .2s}.viz-page .sync-btn.active{color:var(--text-primary);background:#00e6ff26;border-color:#00e6ff66}.viz-page .csv-player-menu{z-index:2000;background:#141428f2;border:1px solid #ffffff1f;border-radius:8px;min-width:200px;margin-bottom:6px;padding:4px 0;position:absolute;bottom:100%;right:0;box-shadow:0 8px 24px #0006}.viz-page .csv-menu-item{color:var(--text-primary);cursor:pointer;align-items:center;padding:8px 14px;font-size:13px;transition:background .15s;display:flex}.viz-page .csv-menu-item:hover{background:#ffffff14}.viz-page .loading-overlay{z-index:9000;background:#0a0a14d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.viz-page .loading-spinner{border:3px solid #ffffff26;border-top-color:var(--accent-cyan);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spinLoader}@keyframes spinLoader{to{transform:rotate(360deg)}}.viz-page .loading-text{color:var(--text-secondary);font-size:14px}.viz-page .wca-pp-input{border:1px solid var(--border-subtle);color:var(--text-primary);background:#141428cc;border-radius:8px;padding:7px 12px;font-size:13px}.viz-page .wca-pp-input::placeholder{color:var(--text-muted)}.viz-page .wca-pp-input:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00e6ff1f}.viz-page .wca-pp-input-wrap{border-bottom:none;padding:0}.viz-page .toolbar-search .wca-pp-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:0;width:auto;position:static}.viz-page .wca-pp-inline .wca-pp-results{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101020f7;border:1px solid #ffffff1f;border-radius:10px;width:360px;max-height:300px;position:absolute;top:100%;left:0;box-shadow:0 8px 32px #00000080}.viz-page .wca-pp-inline .wca-pp-results:empty{display:none}.viz-page .wca-pp-item{color:var(--text-primary);transition:background .15s}.viz-page .wca-pp-item:hover{background:#00e6ff14}.viz-page .wca-pp-name{color:var(--text-primary);font-weight:500}.viz-page .wca-pp-id{color:var(--text-muted)}.viz-page .wca-pp-status{color:var(--text-secondary)}.viz-page .wca-pp-spinner{border-color:#ffffff26;border-top-color:var(--accent-cyan)}.viz-page .wca-pp-avatar{background:#ffffff14}