:root{--bg:#0b2029;--panel:#0a202cdd;--text:#eaf3f2;--muted:#a2b9bf;--accent:#8ee7ed;font-family:Arial,Helvetica,sans-serif;color:var(--text);font-synthesis:none}*{box-sizing:border-box}body,html{margin:0;height:100%;overflow:hidden;background:var(--bg)}[hidden]{display:none!important}button,a{touch-action:manipulation}button{cursor:pointer;font:inherit;color:inherit;background:#183744aa;border:1px solid #75909b55;border-radius:6px;padding:11px 13px}button:hover{background:#305363}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}kbd{display:inline-block;padding:3px 5px;border:1px solid #a1bec84a;border-radius:3px;font:10px monospace;color:#e4f4f4;background:#203a4888}.topbar{position:fixed;inset:0 0 auto;height:88px;display:flex;align-items:center;justify-content:space-between;padding:22px 36px;z-index:5;background:linear-gradient(#091d29e8,#091d2900)}.brand{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:700;letter-spacing:1.8px}.brand>span:first-child{font-size:34px;letter-spacing:-3px;color:var(--accent)}.brand small{display:block;font:8px monospace;margin-top:6px;letter-spacing:2px;color:#8caeb8}.edition{font:10px monospace;letter-spacing:3px;color:#9bb7c3}.edition b{background:#8ee7ed20;border:1px solid #8ee7ed55;color:#a4f3ed;border-radius:30px;padding:6px 8px;margin-left:8px}.city-link{font-size:11px;color:#bad1d5;border-bottom:1px solid #adc5cf44;padding-bottom:5px}#lab-world{position:fixed;inset:0;display:block;width:100%;height:100%;outline:0}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#071b2899,transparent 40%),linear-gradient(0deg,#071923a0,transparent 35%)}.chooser{position:fixed;inset:0;z-index:4;overflow:auto;padding:112px max(36px,calc((100vw - 1160px)/2)) 30px;background:linear-gradient(110deg,#081c2bf5,#0c2336e8 70%,#122c3bdc)}.eyebrow{font:9px monospace;font-weight:500;letter-spacing:2px;color:var(--accent);margin:0 0 12px}.lab-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:27px}.lab-intro h1{font-size:clamp(36px,4vw,60px);line-height:1.02;letter-spacing:-2.8px;margin:0;font-weight:800}.lab-intro em{font-style:normal;color:var(--accent)}.lab-intro>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 4px;max-width:410px}.lab-intro strong{font-weight:400;color:#d5e4e5}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-card{text-align:left;position:relative;padding:22px 24px;background:linear-gradient(145deg,#173445db,#102638e6);border:1px solid #7896a34d;display:flex;flex-direction:column;min-height:265px;overflow:hidden;transition:background .2s,border-color .2s}.mode-card.active{border-color:var(--card-color);background:linear-gradient(145deg,#244454,#142c40);box-shadow:inset 0 3px 0 var(--card-color)}.mode-card:hover{background:#264351}.card-top{display:flex;justify-content:space-between;align-items:center;color:var(--card-color);font:9px monospace;letter-spacing:1.7px}.card-top b{font-size:28px;font-weight:400;line-height:1}.mode-card svg{height:68px;width:100%;margin:12px 0 7px;color:var(--card-color)}.mode-card h2{margin:0 0 10px;font-size:26px;letter-spacing:-.7px}.mode-card p{color:#b4cad2;font-size:11px;line-height:1.65;margin:0}.mode-card .card-key{position:absolute;right:23px;bottom:20px;color:var(--card-color);font:10px monospace}.test-row{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:25px;padding-top:23px;border-top:1px solid #7395a238}.test-row .eyebrow{color:#b6cbd1}.trial-options{display:flex;gap:7px}.trial-options button{font-size:11px;padding:9px 14px}.trial-options .active{border-color:var(--accent);color:var(--accent)}#trial-description{max-width:300px;font-size:11px;line-height:1.6;color:var(--muted);margin:0}.launch-row{margin-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.launch-row p{font-size:11px;color:#bdd1d5;line-height:1.8;margin:0}.launch-row p>span{padding:0 7px;color:#7897a2}.launch-row small{font-size:10px;color:#8aa8b4}.launch-row>div{display:flex;gap:8px}.primary{background:var(--accent);color:#102331;border:none;font-size:13px;font-weight:700;padding:17px 24px}.primary span{padding-left:22px;font-size:20px}.primary:hover{background:#d8ffff}.secondary{font-size:12px}.panel{background:var(--panel);border:1px solid #7395a239;border-radius:9px;backdrop-filter:blur(10px)}#lab-hud{position:fixed;inset:0;pointer-events:none}#lab-hud button{pointer-events:auto}.mode-panel{position:absolute;left:28px;top:112px;width:248px;padding:22px}.mode-panel h2{font-size:28px;letter-spacing:-.8px;margin:0 0 11px}.mode-panel h2>span:first-child{font:17px monospace;color:var(--accent);margin-right:4px}.mode-panel p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.7;margin:11px 0}.quick-modes{display:flex;gap:7px;margin-top:16px}.quick-modes button{font:11px monospace;flex:1;padding:9px}.quick-modes button.active{color:var(--accent);border-color:var(--accent)}.divider{height:1px;background:#9bb1b52c;margin:17px 0}.mode-panel>strong{font-size:11px}.mode-panel>button{display:block;width:100%;font-size:10px;text-align:left;margin-top:8px}.mode-panel>button kbd{float:right;font-size:8px}.web-readout{position:absolute;right:28px;top:112px;width:248px;padding:20px}.web-readout>span{font:9px monospace;color:var(--accent);letter-spacing:1px}.web-readout>div{display:flex;align-items:baseline;gap:8px;margin-top:10px}.web-readout strong{font-size:40px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-1px}.web-readout>div>span{font:8px monospace;color:#b1c9ce}.web-readout p{font-size:11px;line-height:1.6;margin:9px 0;color:#bed2d8}.web-readout small{font:9px monospace;color:#8fabbb}.trial-status{position:absolute;top:110px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 610px);text-align:center;text-shadow:0 2px 10px #071a27}.trial-status>span{font:9px monospace;color:var(--accent);letter-spacing:2px;display:block;margin-bottom:9px}.trial-status strong{display:block;font-size:11px;font-weight:400;line-height:1.6}.plot-panel{position:absolute;right:28px;bottom:124px;width:248px;padding:13px}.plot-panel>div{display:flex;align-items:center;justify-content:space-between;font:8px monospace;color:#bad7df;letter-spacing:1px}.plot-panel button{font:8px monospace;padding:5px;border:0;background:transparent;color:var(--accent)}#arc-view{width:100%;height:auto;display:block;margin-top:9px}.plot-panel p{font:8px monospace;color:#adc6ce;display:flex;align-items:center;gap:8px;margin:5px 0 0;letter-spacing:.5px}.plot-panel i{height:5px;width:5px;background:var(--accent);border-radius:50%}.plot-panel b{font:14px monospace}.trace-key{color:#f7e0a8}.trial-metrics{position:absolute;bottom:124px;left:50%;transform:translateX(-50%);display:flex;gap:26px;padding:16px 23px}.trial-metrics>div{display:flex;flex-direction:column;gap:5px}.trial-metrics strong{font-size:28px;font-weight:400;font-variant-numeric:tabular-nums}.trial-metrics span{font:7px monospace;letter-spacing:.7px;color:#9ebec8;white-space:nowrap}.action-strip{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap}.action-strip button{font-size:10px;padding:9px 13px}.action-strip button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.key-strip{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:center;gap:20px;font-size:9px;color:#b9cbd0}.key-strip kbd{margin-right:4px;font-size:8px}#graphics-note{position:fixed;z-index:8;top:82px;left:50%;transform:translateX(-50%);width:max-content;max-width:94vw;text-align:center;padding:7px 14px;border:1px solid #e4c57b55;border-radius:5px;color:#f0dbb0;background:#253036;font-size:10px;line-height:1.5}.no-webgl .chooser{padding-top:135px}.no-webgl .plot-panel{width:calc(100vw - 610px);max-width:760px;right:auto;left:50%;transform:translateX(-50%);top:180px;bottom:auto}.no-webgl .plot-panel canvas{max-height:40vh}.no-webgl .trial-status{top:127px}#lab-fatal{position:fixed;inset:25%;padding:30px;background:#192e3b;z-index:30;border:1px solid #d99c88}
@media(max-height:800px){.chooser{padding-top:95px}.lab-intro h1{font-size:43px}.lab-intro{margin-bottom:20px}.mode-card{min-height:225px;padding:17px 20px}.mode-card svg{height:53px;margin:7px 0}.mode-card h2{font-size:23px}.mode-card p{font-size:10px}.test-row{margin-top:18px;padding-top:16px}.launch-row{margin-top:18px}.no-webgl .chooser{padding-top:128px}.mode-panel{padding:16px;top:112px}.plot-panel{bottom:108px}.trial-metrics{bottom:122px}.no-webgl .plot-panel{top:175px}.no-webgl .plot-panel canvas{max-height:36vh}}
@media(max-width:1050px){.topbar{padding:20px 24px}.chooser{padding-left:24px;padding-right:24px}.mode-card{padding:17px}.lab-intro>p{font-size:11px}.mode-panel,.web-readout{width:208px}.mode-panel{left:18px}.web-readout,.plot-panel{right:18px}.plot-panel{width:208px}.mode-panel h2{font-size:24px}.trial-status{max-width:calc(100vw - 480px)}.trial-metrics{gap:17px;padding:12px 18px}.key-strip{gap:12px;font-size:8px}.no-webgl .plot-panel{width:calc(100vw - 480px)}}
@media(max-width:750px){.edition{display:none}.brand{font-size:9px}.city-link{font-size:10px}.lab-intro{display:block}.lab-intro>p{margin:15px 0}.lab-intro h1{font-size:36px}.mode-cards{grid-template-columns:1fr}.mode-card{min-height:155px;padding-left:110px}.mode-card svg{position:absolute;width:75px;left:16px;top:48px}.card-top b{font-size:20px}.mode-card h2{font-size:23px;margin-top:7px}.test-row,.launch-row{display:block}.test-row>p{margin-top:12px}#start-lab{margin-top:15px}.key-strip{display:none}.mode-panel{top:115px;width:170px}.mode-panel p,.mode-panel .divider,.mode-panel>strong{display:none}.mode-panel h2{font-size:20px}.web-readout{width:150px;padding:13px}.web-readout strong{font-size:28px}.web-readout small{display:none}.trial-status{top:320px;max-width:90vw;width:90vw}.trial-metrics{bottom:94px;gap:15px}.trial-metrics strong{font-size:21px}.plot-panel{display:none}.no-webgl .plot-panel{display:block;width:calc(100vw - 36px);top:372px;max-height:28vh}.no-webgl .plot-panel canvas{max-height:21vh}.action-strip{bottom:36px}.no-webgl .trial-status{top:327px}.chooser{padding-bottom:35px}}

#look-help{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);font:9px Arial,sans-serif;color:#b9cbd0;text-align:center;width:max-content;max-width:90vw;white-space:normal;line-height:1.4}

body{user-select:none}#update-notice{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:20;padding:9px 13px;background:#173a49;border:1px solid #bda7ff;border-radius:6px;font-size:12px;white-space:nowrap}#update-notice button{margin-left:12px;padding:6px 10px;background:#bda7ff;color:#142435}