:root{color-scheme:dark;--bg:#090a0e;--surface:#11141b;--surface2:#171b24;--line:#29303c;--text:#f2f0eb;--muted:#9098a8;--lime:#c7ff4a;--cyan:#55dfff;--red:#ff6674;--orange:#ffac5b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 14% -8%,rgba(199,255,74,.09),transparent 32rem),var(--bg);color:var(--text)}button,input{font:inherit}.shell{width:min(1540px,calc(100% - 36px));margin:auto}.topbar{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:.72rem;letter-spacing:.08em}.brand>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(199,255,74,.55);border-radius:50%;color:var(--lime);font-weight:800}.topbar nav{display:flex;gap:24px}.topbar nav a{color:var(--muted);font-size:.78rem;text-decoration:none}.topbar nav a.active,.topbar nav a:hover{color:var(--text)}.connection{justify-self:end;color:var(--muted);font-size:.72rem}.eyebrow{margin:0 0 7px;color:var(--lime);font-size:.65rem;font-weight:800;letter-spacing:.16em}.browser{padding:54px 0}.browser-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:48px;margin-bottom:38px}.browser h1,.experiment-head h1{margin:0;font-weight:720;letter-spacing:-.055em}.browser h1{font-size:clamp(2.7rem,5vw,5.7rem);line-height:.92}.browser h1 em{color:var(--lime);font-style:normal}.browser-head>p{max-width:480px;color:var(--muted);line-height:1.65}.batch-tabs{display:flex;gap:8px;margin-bottom:12px}.batch-tabs button,.playback button,.back{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);cursor:pointer}.batch-tabs button.active,.playback button.active,.playback button.primary{border-color:rgba(199,255,74,.5);background:rgba(199,255,74,.11);color:var(--lime)}.pair-list{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:rgba(17,20,27,.9)}.pair-row{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(180px,.8fr) 110px 120px;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid var(--line)}.pair-row:last-child{border-bottom:0}.pair-title b,.pair-title span{display:block}.pair-title b{font-size:.86rem}.pair-title span,.pair-matchup span{margin-top:5px;color:var(--muted);font-size:.7rem}.pair-matchup{font-size:.78rem}.pair-delta{text-align:right}.pair-delta b{display:block;color:var(--lime);font-size:1rem}.pair-delta span{color:var(--muted);font-size:.65rem}.watch{padding:10px 12px;border:0;border-radius:8px;background:var(--lime);color:#10130c;font-weight:800;cursor:pointer}.watch:disabled{background:#262b34;color:#727987;cursor:not-allowed}.empty{padding:38px;color:var(--muted);text-align:center}.viewer{padding:28px 0 48px}.experiment-head{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:24px;margin-bottom:20px}.back{margin-top:2px}.experiment-head h1{font-size:clamp(1.55rem,3vw,2.8rem)}.meta{margin:8px 0 0;color:var(--muted);font-size:.75rem}.uplift{min-width:140px;padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:right}.uplift span{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.1em}.uplift strong{display:block;margin-top:6px;color:var(--lime);font-size:1.5rem}.loading,.load-error{margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.loading>div{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--muted);font-size:.75rem}.loading progress{width:100%;height:9px;accent-color:var(--lime)}.load-error{border-color:rgba(255,102,116,.45);color:#ffc5cb}.battle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.battle-panel{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.battle-panel>header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.battle-panel>header>div:first-child{display:flex;align-items:center;gap:11px}.variant{padding:5px 7px;border-radius:5px;font-size:.58rem;font-weight:850;letter-spacing:.11em}.variant.baseline{background:rgba(144,152,168,.14);color:#bec5d0}.variant.managed{background:rgba(199,255,74,.12);color:var(--lime)}.battle-panel header strong{font-size:.74rem}.local-result{text-align:right}.local-result b,.local-result span{display:block}.local-result b{font-size:.7rem;text-transform:uppercase}.local-result span{margin-top:3px;color:var(--muted);font-size:.67rem}.canvas-wrap{position:relative;aspect-ratio:1.34;background:#071019}.canvas-wrap canvas{display:block;width:100%;height:100%}.ended{position:absolute;right:12px;bottom:12px;padding:6px 8px;border-radius:5px;background:rgba(7,10,14,.86);color:var(--muted);font-size:.6rem;font-weight:800;letter-spacing:.08em}.battle-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.battle-metrics div{padding:11px 13px;border-right:1px solid var(--line)}.battle-metrics div:last-child{border-right:0}.battle-metrics span,.battle-metrics b{display:block}.battle-metrics span{color:var(--muted);font-size:.59rem}.battle-metrics b{margin-top:4px;font-size:.82rem}.playback{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.play-row{display:flex;align-items:center;gap:8px}.clock{margin-left:auto;display:flex;gap:6px;font-size:.8rem;font-variant-numeric:tabular-nums}.clock span{color:var(--muted)}.speed{display:flex;gap:4px;margin-left:10px}#timeline{width:100%;margin-top:13px;accent-color:var(--lime)}.analysis-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:14px;margin-top:14px}.chart-panel,.decisions{border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden}.chart-panel header,.decisions header{display:flex;justify-content:space-between;align-items:end;padding:15px 17px;border-bottom:1px solid var(--line)}.chart-panel h2,.decisions h2{margin:0;font-size:1rem}.chart-panel header>span{color:var(--muted);font-size:.65rem}#value-chart{display:block;width:100%;height:190px}.decision-row{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:.7rem}.decision-row span{color:var(--muted)}.decision-row b{color:var(--lime)}@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.browser-head,.battle-grid,.analysis-grid{grid-template-columns:1fr}.experiment-head{grid-template-columns:1fr auto}.experiment-head .back{grid-column:1/-1;width:max-content}.canvas-wrap{aspect-ratio:1.5}.pair-row{grid-template-columns:1fr 100px}.pair-matchup{display:none}}@media(max-width:620px){.shell{width:calc(100% - 20px)}.connection{display:none}.browser{padding-top:34px}.pair-row{grid-template-columns:1fr}.pair-delta{text-align:left}.watch{width:100%}.experiment-head{grid-template-columns:1fr}.uplift{text-align:left}.play-row{flex-wrap:wrap}.clock{order:3;margin:6px 0 0;width:100%}.speed{margin-left:auto}.battle-metrics{grid-template-columns:1fr}.battle-metrics div{border-right:0;border-bottom:1px solid var(--line)}}