*{box-sizing:border-box}body{margin:0;background:#0b0c0e;color:#f4f6f8;font-family:Manrope,Arial,sans-serif}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:20px;z-index:100}.skip-link:focus{top:10px;background:#191c20;padding:14px}main{max-width:1320px;margin:auto;padding:0 40px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:34px 0 32px}.eyebrow{font:12px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#a7aeb6;margin:0 0 8px}h1{font-size:42px;font-weight:400;letter-spacing:-.05em;line-height:1.15;margin:0}h1 span{display:block;font-size:20px;letter-spacing:-.02em;color:#a7aeb6;margin-top:7px}.intro>p{font-size:16px;line-height:1.8;color:#a7aeb6}.games{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.games button{display:flex;gap:14px;text-align:left;align-items:center;border:1px solid #ffffff18;border-radius:8px;padding:16px;background:#131518;font-size:15px;min-width:0;transition:border-color .2s,background .2s}.games button.selected{border-color:#b66a62;background:#b66a6210}.games button:hover{background:#191c20}.games small{display:block;color:#a7aeb6;font:11px 'IBM Plex Mono',monospace;letter-spacing:.05em;margin-bottom:8px}.games svg{width:48px;height:34px;flex-shrink:0;stroke:#a7aeb6;fill:none;stroke-width:1.2}.games .selected svg{stroke:#cd8b82}#play{border:1px solid #ffffff18;border-radius:12px;overflow:hidden;background:#131518}#balance-frame{display:block;width:100%;height:820px;border:0;background:#131518}.experiment-head{padding:24px 28px;display:flex;justify-content:space-between;gap:24px;align-items:center}.experiment-head h2{font-weight:400;font-size:24px;letter-spacing:-.035em;margin:4px 0 8px}.experiment-head p:not(.eyebrow){font-size:15px;line-height:1.6;margin:0;color:#a7aeb6;max-width:650px}.measure{flex-shrink:0;text-align:right;min-width:160px}.measure>span,.measure small{display:block;font:11px/1.5 'IBM Plex Mono',monospace;color:#a7aeb6}.measure output{display:block;font:32px/1.4 'IBM Plex Mono',monospace;letter-spacing:-.05em}.visual{position:relative;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#101215;overflow:hidden}canvas{display:block;width:100%;height:390px;touch-action:none}.visual-legend{position:absolute;left:24px;top:15px;display:flex;gap:18px;font:11px/1.5 'IBM Plex Mono',monospace;color:#a7aeb6;pointer-events:none}.visual-legend span:before{content:'';display:inline-block;width:7px;height:7px;background:#b66a62;margin-right:7px;border-radius:50%}.visual-legend span:nth-child(2):before{background:#a7aeb6}#motion{position:absolute;right:20px;bottom:15px;padding:8px 11px;border:1px solid #ffffff22;border-radius:6px;background:#131518dd;font-size:12px}.control-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:24px 28px}.control label{font-size:14px;display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.control output{font:13px 'IBM Plex Mono',monospace;color:#cb8c84}.control input{width:100%;accent-color:#b66a62;min-height:32px;cursor:pointer}.control small{font-size:12px;line-height:1.6;color:#a7aeb6;display:block}.experiment-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 28px;border-top:1px solid #ffffff15}.experiment-foot>p{font-size:14px;line-height:1.6;color:#a7aeb6;max-width:650px;margin:0}.experiment-foot>p.success{color:#ded5ce}.experiment-foot>div{display:flex;gap:8px;flex-shrink:0}button.primary,#next{background:#b66a62;color:#0b0c0e;border-color:#b66a62}.experiment-foot button{padding:11px 15px;border:1px solid #ffffff22;border-radius:6px;background:#1c1f23;font-size:14px}.experiment-foot .primary,.experiment-foot #next{background:#b66a62;color:#0b0c0e;border-color:#b66a62}.learning{display:grid;grid-template-columns:1fr 1.55fr;gap:65px;padding:32px 0}.learning h2{font-size:22px;font-weight:400;line-height:1.5;letter-spacing:-.035em;max-width:320px;margin:8px 0}.learning p{font-size:15px;line-height:1.8;color:#a7aeb6;margin:0 0 10px}.learning .eyebrow{font-size:12px}.learning .equation{font:13px/1.8 'IBM Plex Mono',monospace;color:#cb8c84}.learning .model-note{font-size:12px}footer{border-top:1px solid #ffffff18;padding:25px 0;display:flex;justify-content:space-between;gap:20px;font:11px/1.8 'IBM Plex Mono',monospace;color:#a7aeb6}footer a{color:inherit;text-decoration:none}@media(max-width:950px){.games{grid-template-columns:repeat(2,1fr)}.control-deck{gap:15px}.intro>p{font-size:14px}}@media(max-width:640px){main{padding:0 16px}.intro{align-items:flex-start;flex-direction:column;gap:8px;margin:24px 0}.intro>p{margin:0}h1{font-size:34px}.games{gap:8px}.games button{gap:8px;padding:12px;font-size:13px}.games svg{width:30px}.games small{font-size:10px}.experiment-head{padding:20px 16px;align-items:flex-start;gap:15px;flex-direction:column}.measure{text-align:left;display:flex;align-items:center;gap:12px;width:100%;min-width:0;flex-wrap:wrap}.measure output{font-size:25px}.measure>span{max-width:70px;font-size:10px}.measure small{margin-left:auto}.control-deck{padding:20px 16px;grid-template-columns:1fr;gap:16px}.control label{margin-bottom:0}.control input{height:34px}.visual-legend{left:16px;gap:12px;font-size:10px}canvas{height:330px}#motion{position:static;display:block;margin:0 16px 14px auto}.experiment-foot{padding:18px 16px;align-items:flex-start;flex-direction:column;gap:14px}.learning{grid-template-columns:1fr;gap:12px;padding:24px 0}.learning h2{max-width:none;margin:0;font-size:20px}footer{flex-wrap:wrap;font-size:10px}#balance-frame{height:990px}}

:root{--carbon:#17191D;--surface:#202329;--paper:#F1EFE9;--oxide:#813D38}body{background:var(--carbon);color:var(--paper)}.games{grid-template-columns:repeat(4,1fr)}.games button{min-height:95px}.visual canvas{height:470px}@media(max-width:700px){.games{grid-template-columns:repeat(2,1fr)}}

.intro{padding-top:24px;padding-bottom:22px}.intro h1{font-size:32px}.intro h1 span{font-size:18px}
main{width:min(1440px,calc(100% - 80px));max-width:none;padding:0}main .da-intro,main .da-footer{width:100%}.da-nav button[aria-pressed=true]{border-bottom-color:var(--da-accent);color:var(--da-ink)}.da-header .da-text-link{font-size:12px}.da-footer a{min-height:44px;display:inline-flex;align-items:center}.games button{min-height:44px}#motion,.experiment-foot button{min-height:44px}button:focus-visible,select:focus-visible,canvas:focus-visible{outline-color:var(--da-accent)}@media(max-width:760px){main{width:calc(100% - 32px)}}

.recorded-workflow{margin:32px auto;width:min(1280px,calc(100% - 32px));border-top:1px solid var(--line,#ffffff24);padding:20px 0}.recorded-workflow summary{min-height:44px;cursor:pointer;font-weight:600}.recorded-workflow p{font-size:13px;line-height:1.6}.recorded-workflow video{width:100%;max-height:720px;object-fit:contain;border-radius:8px;background:#17191D}