:root{color-scheme:dark;--bg:#101916;--panel:#17231e;--panel-hi:#1e2c25;--line:#3e4c40;--ink:#f0efdf;--muted:#b7c2b4;--accent:#d5e491;--aqua:#9fd4ca;--warm:#e9bba3;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font:16px/1.55 system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0,#23322444,transparent 55%)}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:transparent;padding:9px 14px;cursor:pointer}button:hover:enabled{background:#2b3b2e}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:var(--accent)}[hidden]{display:none!important}#lab{max-width:1320px;margin:0 auto;padding:28px 42px}p{margin:0 0 14px}h1,h2,h3{font-weight:500;margin:0}h1{font:500 clamp(42px,5.6vw,72px)/1.05 Georgia,serif;letter-spacing:-.04em}h1 em{font-style:normal;color:var(--accent)}h2{font:500 26px/1.2 Georgia,serif;letter-spacing:-.015em;margin-bottom:13px}h3{font-size:16px;letter-spacing:-.01em}.masthead{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:23px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font:700 14px var(--mono);letter-spacing:.12em}.brand span{margin-left:17px;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.1em}.mode,.small{color:var(--muted);font-size:12px;line-height:1.6}.mode{font:11px var(--mono);text-align:right;max-width:260px}.mode::before,.live-mark::before{content:' ';width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--accent);margin-right:7px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:45px;margin:38px 0 36px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.13em;color:var(--muted);margin:0 0 12px}.hero-copy{max-width:450px;padding-bottom:5px}.hero-copy>p:first-child{font-size:17px;color:#d8dece}.journey{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.journey button{border:0;border-bottom:2px solid var(--line);border-radius:0;text-align:left;padding:12px 10px;font-size:12px}.journey span{font-family:var(--mono);color:var(--muted);font-size:11px;margin-right:9px}.journey button[aria-current]{border-color:var(--accent);color:var(--accent)}.workspace{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.5fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.experiment{padding:26px;border-right:1px solid var(--line);align-self:stretch}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.case-pill{font:10px var(--mono);border:1px solid var(--line);border-radius:16px;padding:4px 8px;color:var(--muted)}#experiment-question{color:#c8d2c1;font-size:14px}.inputs{margin-top:25px}.inputs label{display:block;font-size:12px;margin:17px 0;color:var(--muted)}output{float:right;font:13px var(--mono);color:var(--ink)}input[type=range]{width:100%;height:26px;display:block;accent-color:var(--accent);cursor:pointer}textarea{width:100%;display:block;border:1px solid var(--line);border-radius:5px;background:#111c16;color:var(--ink);padding:12px;resize:vertical;font-size:13px;line-height:1.6}textarea::placeholder{color:#95a08e}.field-label{display:block;font-size:12px;margin:23px 0 8px}.prediction-prompts{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 20px}.prediction-prompts button{font-size:10px;min-height:32px;padding:5px 8px;color:var(--muted)}.primary{background:var(--accent);color:#1b2717;border-color:var(--accent);font-weight:650}.primary:hover:enabled{background:#e4efb5}.run-button{width:100%;display:flex;justify-content:space-between;align-items:center}.run-button>span:last-child{font-size:24px;font-weight:400;line-height:1}#run-note{margin-top:9px}.help{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}.text-button{border:0;background:none;padding:7px 0;color:var(--accent);font-size:12px;text-align:left;min-height:40px}.text-button:hover:enabled{background:none;color:#f0f5cc}#hint-button{width:100%;display:flex;justify-content:space-between}#hint-content{font-size:13px;color:#d5decb;margin-top:10px}#next-action{margin-top:18px;font-size:12px;color:var(--muted)}#next-action strong{color:var(--ink)}.error,.notice{font-size:12px;padding:12px;border-left:3px solid var(--warm);background:#e9bba310;color:var(--warm);margin:14px 0;overflow-wrap:anywhere}.evidence{min-width:0;padding:26px 28px;background:linear-gradient(140deg,#1c2b22,#16231d)}.evidence-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.evidence-head h2{font:500 21px/1.25 Georgia,serif;max-width:370px}.live-mark{font:10px/1.6 var(--mono);color:var(--muted);max-width:120px;text-align:right;flex-shrink:0}.empty-evidence{min-height:470px;display:flex;flex-direction:column;justify-content:center;text-align:center;max-width:630px;margin:auto}.empty-map{display:flex;align-items:center;justify-content:center;gap:15px;margin:14px 0 32px}.empty-map span{font:10px/1.5 var(--mono);color:var(--aqua);border:1px solid #587367;padding:16px 9px;border-radius:4px;min-width:80px;min-height:63px;display:grid;place-items:center}.empty-map i{font-style:normal;color:var(--muted)}.empty-evidence>p{font-size:14px;max-width:420px;margin:13px auto 30px;color:var(--muted)}.tool-intro{text-align:left;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:16px;margin:0 auto;max-width:440px}.tool-intro p{font-size:13px;color:var(--muted)}.tool-intro strong{color:var(--ink)}.tool-symbol{font-size:35px;color:var(--accent)}.pending{display:flex;gap:17px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.pending strong{font-size:14px}.pending p{font-size:12px;color:var(--muted);margin:4px 0 0}.spinner{display:block;flex-shrink:0;width:20px;height:20px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-top:3px}@keyframes spin{to{transform:rotate(360deg)}}.trace-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0 12px}.trace-heading .small{font:10px var(--mono);text-align:right}.instruction-card{padding:18px;background:#0e1913;border:1px solid #4c6452;border-radius:6px;min-height:180px}.instruction-card .eyebrow{margin-bottom:9px;color:var(--aqua);font-size:10px}.instruction-card>code{font:16px/1.6 var(--mono);color:var(--accent);display:block;overflow-wrap:anywhere}.instruction-card>p:not(.eyebrow){font-size:13px;color:#c5d0bd;margin:8px 0 12px}.register-changes{display:flex;flex-wrap:wrap;gap:6px}.register-chip{font:11px var(--mono);padding:7px 9px;border:1px solid #334b3a;border-radius:4px;color:var(--muted)}.register-chip.changed{border-color:#658254;color:var(--accent);background:#2c422333}.register-chip span{color:#8b9885;margin-right:6px}.step-controls{display:flex;align-items:center;gap:8px;margin:8px 0 4px}.step-controls>button:not(.text-button){min-width:40px;min-height:36px;padding:4px 12px}.step-controls>span{font:10px var(--mono);color:var(--muted)}.step-controls .text-button{margin-left:auto;font-size:10px;max-width:140px}.evidence-detail{font-size:12px;color:var(--muted);margin:10px 0 18px}.evidence-detail summary{cursor:pointer;min-height:35px;padding:6px 0;color:#bdcbb0}.evidence-detail pre{max-height:340px;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:14px;background:#101a13;font:10px/1.7 var(--mono)}.motion-chain{display:grid;grid-template-columns:repeat(3,1fr);background:#26372a;border:1px solid #4a604b;border-radius:6px;overflow:hidden}.motion-value{padding:14px 12px;position:relative;border-right:1px solid #4a604b}.motion-value:last-child{border:0}.motion-value:not(:last-child)::after{content:'→';position:absolute;right:-9px;top:36px;color:var(--aqua);background:#26372a;padding:0 3px;z-index:1}.motion-value span{font-size:10px;color:var(--muted);display:block}.motion-value strong{font:19px/1.5 var(--mono);color:var(--ink);display:block;margin:4px 0}.motion-value small{font:9px/1.4 var(--mono);color:var(--aqua)}#motion-note{margin:9px 0 18px}.flight-panel{background:#0e1b15;border:1px solid #3c5141;border-radius:6px;overflow:hidden}.flight-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 0}.flight-heading .eyebrow{margin:0}#flight{display:block;width:100%;height:auto;max-height:245px}.flight-controls{display:flex;align-items:center;gap:12px;padding:3px 14px 13px}.flight-controls button{font-size:10px;min-height:34px;min-width:85px;padding:5px 8px}.flight-controls input{flex:1;min-width:0}.flight-controls .small{font:9px var(--mono);min-width:85px;text-align:right}.prediction-receipt{border-left:2px solid var(--aqua);padding:0 0 0 12px;margin:23px 0 18px}.prediction-receipt .eyebrow{font-size:9px;margin-bottom:7px}.prediction-receipt p{font-size:13px;color:#d7dfcf;margin:0}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.result-actions button{font-size:12px}.evidence-detail dl{font:10px/1.7 var(--mono);display:grid;grid-template-columns:75px 1fr;gap:5px}.evidence-detail dt{color:var(--muted)}.evidence-detail dd{margin:0;overflow-wrap:anywhere}.notebook{display:grid;grid-template-columns:minmax(270px,.68fr) minmax(0,1.5fr);gap:28px;padding:30px 27px;border-bottom:1px solid var(--line)}.notebook h2{font-size:25px}.notebook p{max-width:260px}.script-section{padding:28px 27px;border-bottom:1px solid var(--line)}.script-section summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.script-section summary::-webkit-details-marker{display:none}.script-section summary .eyebrow{display:block;margin-bottom:5px}.script-section summary strong{font:500 24px/1.3 Georgia,serif}.script-section summary>span:last-child{font-size:26px;color:var(--accent)}.script-section details[open] summary{margin-bottom:20px}.script-section p{font-size:13px;max-width:720px;color:var(--muted)}.code-editor{font:12px/1.7 var(--mono);tab-size:4;min-height:260px;white-space:pre;overflow:auto}.script-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.script-actions button{font-size:12px}footer{display:flex;justify-content:space-between;align-items:baseline;gap:35px;padding:26px 0}footer>span{font:9px var(--mono);color:var(--muted);white-space:nowrap}footer p{font-size:10px;color:#9dac96;max-width:690px}.comparison-intro{font-size:14px;color:var(--muted)}.run-row{display:block;width:100%;text-align:left;padding:14px;margin:9px 0;background:#102017}.run-row.active{border-color:var(--accent)}.run-row strong{font-size:13px;display:block;margin-bottom:5px}.run-row span{font:11px/1.6 var(--mono);color:var(--muted)}.compare-table{width:100%;border-collapse:collapse;font:11px/1.7 var(--mono);margin:20px 0}.compare-table th,.compare-table td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line)}.compare-table th{font-size:9px;color:var(--muted);font-weight:400}.compare-table td:first-child{color:var(--accent)}.challenge-card{padding:26px;background:#233326;border:1px solid #4c654b;border-radius:8px;margin-top:22px}.challenge-card .eyebrow{color:var(--accent)}.challenge-card h3{font:500 32px/1.15 Georgia,serif;margin:10px 0 16px}.challenge-card p{color:var(--muted);font-size:14px}.challenge-card ul{padding-left:20px;color:#d1dcc6;font-size:13px}.challenge-card li{margin:9px 0}.challenge-card button{margin-top:10px}.skip{position:absolute;left:20px;top:-100px;z-index:2;background:var(--accent);color:#101916;padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){#lab{padding:22px 24px}.brand span{display:block;margin:7px 0 0}.workspace{grid-template-columns:minmax(255px,.7fr) minmax(0,1.25fr)}.experiment{padding:22px}.evidence{padding:22px}.empty-map{gap:7px}.empty-map span{font-size:9px;min-width:65px;padding:13px 6px}.motion-value strong{font-size:16px}.evidence-head{display:block}.live-mark{display:block;text-align:left;max-width:none;margin-top:10px}}@media(max-width:760px){#lab{padding:20px 16px}.masthead{padding-bottom:19px}.brand{font-size:12px}.brand span{font-size:8px}.mode{font-size:9px;max-width:140px}.hero{gap:20px;grid-template-columns:1fr;margin:28px 0 20px}.hero-copy{max-width:none;padding:0}.hero-copy>p:first-child{font-size:15px;max-width:480px}.hero-copy .small{font-size:11px}.journey{margin-bottom:18px}.journey button{font-size:10px;line-height:1.4;padding:10px 5px}.journey span{display:block;margin:0 0 4px;font-size:9px}.workspace{grid-template-columns:1fr}.experiment{border-right:0;border-bottom:1px solid var(--line);padding:22px}.inputs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:18px}.inputs label{margin:4px 0}.field-label{margin-top:18px}.evidence{padding:22px 18px}.empty-evidence{min-height:310px}.empty-map{margin:15px 0 28px}.empty-map span{font-size:8px;min-width:55px;padding:12px 4px}.empty-map i{font-size:12px}.empty-evidence>p{font-size:13px}.tool-intro{padding-top:18px}.notebook{grid-template-columns:1fr;gap:5px;padding:26px 7px}.notebook p{max-width:480px}.script-section{padding:24px 7px}.script-section summary strong{font-size:22px}footer{display:block;padding:23px 0}footer>span{font-size:8px}footer p{margin-top:12px}.trace-heading h3{font-size:14px}.trace-heading .small{font-size:8px}.motion-value{padding:11px 8px}.motion-value strong{font-size:16px}.motion-value span{font-size:9px}.motion-value small{font-size:8px}.step-controls .text-button{font-size:9px;max-width:100px}.instruction-card>code{font-size:14px}.flight-controls{gap:7px;padding-inline:10px}.flight-controls .small{font-size:8px;min-width:65px}.flight-controls button{font-size:9px;min-width:72px}.notebook .text-button{font-size:11px}.challenge-card{padding:20px}.compare-table{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important}}

.value-bridge{border-top:1px solid var(--line,#3d5041);padding-top:14px;margin-top:18px;color:#d5e491!important;font-size:14px!important;line-height:1.65}#show-store{font-weight:600;text-decoration:underline;text-underline-offset:4px} @media(max-width:600px){.motion-chain{grid-template-columns:1fr!important}.motion-value{padding:16px!important;border-right:0!important;border-bottom:1px solid #405447}.motion-value:after{display:none!important}.motion-value strong{font-size:25px!important}.motion-value small{font-size:13px!important}#flight{min-height:220px}.flight-panel{padding:12px!important}.value-bridge{font-size:15px!important}.register-chip{font-size:14px!important}}

#recorded-inputs{margin:16px 0}#recorded-choice{width:100%;font:inherit;color:#e6ead9;background:#17281e;border:1px solid #506548;padding:12px;border-radius:5px}

#offline-links{grid-column:1/-1;margin-bottom:15px}a{color:#d5e491}select:focus-visible{outline:3px solid #d5e491;outline-offset:3px}

.first-step{border-top:1px solid #405447;padding:16px 2px;margin:10px 0;color:#a0cec1}.first-step>span{display:block;font:11px ui-monospace,monospace;letter-spacing:.05em}.first-step>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.first-step strong{font:500 17px ui-monospace,monospace}.first-step i{flex:1;font-size:26px;text-align:center;border-bottom:1px dashed #73978c;font-style:normal}.first-step small{font-size:12px}.cursor-note{margin-bottom:14px!important}#flight{min-height:0}@media(max-width:600px){#flight{aspect-ratio:1.25;height:auto!important;min-height:0}.first-step strong{font-size:16px}}

.arcade-return{display:inline-flex;align-items:center;min-height:44px;margin:8px;padding:8px;color:#c9dfca}
