*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-void:#030608;--bg-surface:#0a0e16;--bg-elevated:#0f1520;--cyan:#00e5ff;--cyan-30:#00e5ff4d;--cyan-10:#00e5ff1a;--teal:#00bfa5;--amber:#ffab00;--green:#00e676;--red:#ff5252;--purple:#b388ff;--text-bright:#e8edf5;--text-mid:#7a869a;--text-dim:#3d4a5c;--border-subtle:#141c2a;--serif:"Cormorant Garamond", Georgia, serif;--mono:"JetBrains Mono", "SF Mono", monospace}html,body{background:var(--bg-void);height:100%;color:var(--text-bright);font-family:var(--mono);font-size:14px;font-weight:300;overflow:hidden}#particleCanvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.dashboard{z-index:1;background:var(--border-subtle);grid-template-rows:48px 1fr 1fr 280px;grid-template-columns:55fr 45fr;gap:1px;height:100vh;display:grid;position:relative}.panel-stats{grid-area:1/1/auto/-1}.panel-routes{grid-area:2/1/4}.panel-chart{grid-area:2/2}.panel-ideaflow{grid-area:3/2}.panel-feed{grid-area:4/1}.panel-leaderboard{grid-area:4/2}.dashboard>div{background:var(--bg-surface);position:relative;overflow:hidden}.dashboard>div:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-size:256px;position:absolute;inset:0}.panel-inner{z-index:1;height:100%;padding:12px 16px;position:relative}.panel-label{letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:10px;font-weight:400}.stats-bar{z-index:1;background:var(--bg-void);justify-content:space-between;align-items:center;height:100%;padding:0 20px;display:flex;position:relative}.panel-stats{background:var(--bg-void)!important}.stats-logo{align-items:center;gap:10px;display:flex}.stats-diamond{color:var(--cyan);font-size:14px}.stats-title{font-family:var(--serif);color:var(--text-bright);letter-spacing:.02em;font-size:18px;font-style:italic;font-weight:400}.ws-status{letter-spacing:.15em;text-transform:uppercase;border-radius:2px;padding:2px 8px;font-size:9px}.ws-status.connected{color:var(--green);background:#00e67614;border:1px solid #00e67633}.ws-status.disconnected{color:var(--amber);background:#ffab0014;border:1px solid #ffab0033;animation:1s infinite blink}.stats-chips{align-items:center;gap:24px;display:flex}.stat-chip{align-items:baseline;gap:8px;padding:4px 0;transition:box-shadow .3s;display:flex}.stat-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.stat-value{color:var(--text-bright);font-variant-numeric:tabular-nums;font-size:18px;font-weight:500}.stats-nav-link,.stats-nav-link:visited{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border-subtle);border-radius:3px;margin-left:8px;padding:4px 10px;font-size:10px;text-decoration:none;transition:color .2s,border-color .2s}.stats-nav-link:hover{color:var(--cyan);border-color:var(--cyan-30)}.qr-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030608d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-card{background:var(--bg-surface);border:1px solid var(--cyan-30);text-align:center;border-radius:8px;padding:40px;box-shadow:0 0 60px #00e5ff14}.qr-title{font-family:var(--serif);color:var(--text-bright);margin-bottom:24px;font-size:28px;font-style:italic}.qr-canvas-wrap{justify-content:center;margin:0 auto 20px;display:flex}.qr-canvas-wrap canvas{border-radius:4px}.qr-url{color:var(--cyan);font-size:13px;font-family:var(--mono);margin-bottom:8px}.qr-instructions{color:var(--text-mid);margin-bottom:20px;font-size:12px}.qr-hint{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-size:9px}.replay-overlay{z-index:900;pointer-events:none;background:linear-gradient(#030608b3 0%,#0000 30% 70%,#030608b3 100%);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px;display:flex;position:fixed;inset:0}.replay-banner{font-family:var(--serif);color:var(--amber);letter-spacing:.1em;text-shadow:0 0 20px #ffab004d;font-size:24px;font-style:italic}.replay-progress{gap:24px;margin-top:8px;font-size:14px;display:flex}.replay-step{color:var(--text-dim);font-variant-numeric:tabular-nums}.replay-score{color:var(--text-bright);font-variant-numeric:tabular-nums}.replay-final{text-align:center;pointer-events:auto;cursor:pointer;margin-top:30vh}.replay-final-score{color:var(--text-bright);font-variant-numeric:tabular-nums;font-size:72px;font-weight:300}.replay-final-improvement{color:var(--green);font-size:28px;font-family:var(--serif);margin-top:8px;font-style:italic}.replay-final-steps{color:var(--text-dim);margin-top:12px;font-size:14px}.qr-fallback{color:var(--cyan);word-break:break-all;padding:40px 20px;font-size:16px}.stat-hero{color:var(--amber);opacity:0;font-size:12px;font-weight:400;transition:opacity .5s}.routes-panel{flex-direction:column;padding:12px 16px;display:flex}.routes-svg-wrap{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.routes-panel svg{display:block}.routes-score{text-align:right;z-index:2;position:absolute;bottom:16px;right:20px}.routes-score-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.routes-score-value{color:var(--text-bright);font-variant-numeric:tabular-nums;font-size:32px;font-weight:300;line-height:1.1}.routes-score-delta{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px}.routes-score-bks{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px;font-weight:500}.routes-route-distance{text-align:left;z-index:2;position:absolute;bottom:16px;left:20px}.routes-sub-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:9px}.routes-sub-value{color:var(--text-bright);font-variant-numeric:tabular-nums;font-size:20px;font-weight:300;line-height:1.1}.routes-nav{z-index:3;justify-content:center;align-items:center;gap:12px;margin:4px 0 6px;display:flex}.routes-nav-btn{color:var(--text-dim);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;transition:all .15s;display:flex}.routes-nav-btn:hover{color:var(--text-bright);background:#ffffff1f}.routes-instance-label{letter-spacing:.1em;color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.route-flowing{animation:4s linear infinite dashFlow}@keyframes dashFlow{to{stroke-dashoffset:-20px}}.depot-pulse{animation:3s ease-in-out infinite depotPulse}@keyframes depotPulse{0%,to{opacity:.7}50%{opacity:1}}.chart-panel{flex-direction:column;display:flex}.chart-panel svg{flex:1;width:100%}.ideaflow-panel{flex-direction:column;display:flex}.ideaflow-panel svg{flex:1;width:100%}.feed-list{flex-direction:column;gap:2px;height:calc(100% - 28px);display:flex;overflow-y:auto}.feed-list::-webkit-scrollbar{width:4px}.feed-list::-webkit-scrollbar-track{background:0 0}.feed-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px}.feed-list::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.feed-item{border-radius:2px;flex-shrink:0;align-items:center;gap:8px;min-height:24px;padding:4px 8px;font-size:12px;line-height:1.4;display:flex}.feed-item--best{background:#ffab000f;box-shadow:inset 0 0 12px #ffab000d}.feed-time{color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;width:60px;font-size:10px}.feed-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.feed-icon{text-align:center;width:14px;color:var(--text-dim);flex-shrink:0;font-size:10px}.feed-text{color:var(--text-mid);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-text b{color:var(--text-bright);font-weight:500}.leaderboard-header{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-subtle);align-items:center;margin-bottom:4px;padding:4px 8px;font-size:9px;display:flex}.leaderboard-list{flex-direction:column;gap:1px;height:calc(100% - 56px);display:flex;overflow:hidden}.leaderboard-row{border-radius:2px;align-items:center;padding:6px 8px;font-size:13px;transition:background .3s;display:flex}.leaderboard-row:hover{background:var(--bg-elevated)}.lb-rank{font-variant-numeric:tabular-nums;flex-shrink:0;width:28px;font-weight:500}.rank-gold{color:var(--amber)}.rank-cyan{color:var(--cyan)}.rank-teal{color:var(--teal)}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.lb-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.lb-runs,.lb-imp{text-align:right;width:48px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.lb-score{text-align:right;font-variant-numeric:tabular-nums;width:80px;color:var(--text-bright);flex-shrink:0}.lb-score--improved{color:var(--green);text-shadow:0 0 8px #00e6764d;animation:.6s scorePulse}.leaderboard-header .lb-sortable{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-align:right;background:0 0;border:none;flex-shrink:0;margin:0;padding:0;transition:color .15s}.leaderboard-header .lb-sortable:hover{color:var(--text-bright)}.leaderboard-header .lb-sortable--active{color:var(--cyan)}.lb-arrow{min-width:8px;font-size:9px;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes scorePulse{0%{text-shadow:0 0 12px #00e67699}to{text-shadow:0 0 8px #00e6764d}}::-webkit-scrollbar{width:0}.ideas-page{z-index:1;background:var(--bg-void);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.ideas-header{border-bottom:1px solid var(--border-subtle);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.ideas-title{align-items:center;gap:10px;display:flex}.ideas-title-text{font-family:var(--serif);color:var(--text-bright);font-size:20px;font-style:italic;font-weight:400}.ideas-nav{align-items:center;gap:4px;display:flex}.ideas-nav-link,.ideas-nav-link:visited{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-radius:3px;padding:6px 14px;font-size:11px;text-decoration:none;transition:color .2s,background .2s}.ideas-nav-link:hover{color:var(--cyan);background:var(--cyan-10)}.ideas-nav-active{letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);background:var(--cyan-10);border-radius:3px;padding:6px 14px;font-size:11px}.ideas-body{flex:1;min-height:0;display:flex}.ideas-feed-col{border-right:1px solid var(--border-subtle);flex-direction:column;flex:1;min-width:0;display:flex}.ideas-knowledge-col{flex-direction:column;flex-shrink:0;width:420px;display:flex}.ideas-col-label{letter-spacing:.25em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;padding:12px 20px 8px;font-size:9px}.ideas-feed{flex-direction:column;flex:1;gap:8px;padding:0 20px 20px;display:flex;overflow-y:auto}.feed-post{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;flex-shrink:0;padding:10px 14px}.feed-post--synthesis{background:var(--bg-elevated);border-color:var(--cyan-30);border-left:3px solid var(--cyan)}.feed-post--milestone{border-color:#ffab0033;border-left:3px solid var(--amber);background:#ffab000a}.feed-post-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.feed-post-badge{letter-spacing:.15em;text-transform:uppercase;border-radius:2px;padding:2px 8px;font-size:9px;font-weight:500}.synthesis-badge{color:var(--cyan);background:var(--cyan-10)}.milestone-badge{color:var(--amber);background:#ffab001a}.feed-post-time{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:10px}.feed-post-content{color:var(--text-mid);font-size:13px;line-height:1.5}.synthesis-content{color:var(--text-bright);font-size:13px}.milestone-content{color:var(--amber);font-size:14px;font-weight:400}.feed-post-author{color:var(--text-dim);align-items:center;gap:6px;margin-top:6px;font-size:10px;display:flex}.feed-post-agent{align-items:center;gap:6px;margin-bottom:4px;display:flex}.feed-post-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.feed-post-name{color:var(--text-bright);font-size:11px;font-weight:500}.ideas-knowledge{flex:1;padding:0 20px 20px;transition:box-shadow .5s;overflow-y:auto}.ideas-knowledge-empty{text-align:center;padding:80px 30px}.knowledge-empty-icon{color:var(--text-dim);opacity:.3;margin-bottom:16px;font-size:36px}.knowledge-empty-text{color:var(--text-dim);max-width:280px;margin:0 auto;font-size:13px;line-height:1.6}.knowledge-doc{color:var(--text-mid);font-size:13px;line-height:1.7}.knowledge-h2{font-family:var(--serif);color:var(--text-bright);border-bottom:1px solid var(--border-subtle);margin:20px 0 8px;padding-bottom:4px;font-size:18px;font-weight:600}.knowledge-h2:first-child{margin-top:0}.knowledge-h3{color:var(--text-bright);margin:14px 0 4px;font-size:13px;font-weight:500}.knowledge-bullet{margin:3px 0;padding-left:14px;position:relative}.knowledge-bullet:before{content:"·";color:var(--cyan);font-weight:700;position:absolute;left:4px}.knowledge-gap{height:8px}.knowledge-doc strong{color:var(--text-bright);font-weight:500}.knowledge-meta{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:20px;font-size:9px}.ideas-stats{border-top:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;gap:32px;padding:8px 24px;display:flex}.ideas-stat{letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.ideas-stat b{color:var(--text-bright);margin-left:6px;font-size:14px;font-weight:500}.welcome-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030608e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-card{background:var(--bg-surface);border:1px solid var(--cyan-30);text-align:center;border-radius:8px;width:calc(100% - 32px);max-width:540px;padding:48px 44px;box-shadow:0 0 80px #00e5ff0f}.welcome-title{font-family:var(--serif);color:var(--text-bright);margin-bottom:12px;font-size:36px;font-style:italic}.welcome-subtitle{color:var(--text-mid);margin-bottom:28px;font-size:14px;line-height:1.6}.welcome-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:10px}.welcome-prompt{background:var(--bg-void);border:1px solid var(--border-subtle);border-radius:5px;align-items:stretch;gap:0;margin-bottom:24px;display:flex;overflow:hidden}.welcome-prompt code{font-family:var(--mono);color:var(--cyan);text-align:left;word-break:break-word;flex:1;padding:14px 16px;font-size:13px;line-height:1.5}.welcome-copy-btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-elevated);border:none;border-left:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;padding:14px 18px;font-size:10px;transition:color .2s,background .2s}.welcome-copy-btn:hover{color:var(--text-bright);background:var(--bg-surface)}.welcome-copy-btn--copied{color:var(--green)!important}.welcome-hint{color:var(--text-dim);letter-spacing:.1em;font-size:10px}@media (width<=500px){.welcome-card{padding:32px 20px}.welcome-title{font-size:28px}.welcome-prompt{flex-direction:column}.welcome-copy-btn{border-left:none;border-top:1px solid var(--border-subtle);padding:12px}}