/* Figure 1-inspired walkthrough: history, evidence, and the corresponding game. */
.method-demo{--stage-progress:0;--figure-observation:#edf2f5;--figure-critique:#ede7e5;--figure-verifier:#f1e7e8;--figure-muted:#7b7d86;margin-top:30px;border:1px solid #dddddd;border-radius:14px;overflow:hidden;background:#fff;scroll-margin-top:0;box-shadow:0 6px 28px #0000000a}
.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 20px}.demo-heading .overview-title{font-size:22px;font-weight:600;line-height:1.4;margin:0;letter-spacing:-.015em}.demo-playback{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--muted);font-size:13px}.demo-playback>span{margin-right:8px;font-variant-numeric:tabular-nums}.demo-playback button{border:1px solid #dddddd;border-radius:7px;width:32px;height:32px;display:grid;place-items:center;color:var(--accent);font-size:18px;line-height:1;transition:background .2s,border-color .2s}.demo-playback #demo-play{width:90px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;background:#ffffff;border-color:#cccccc}.demo-playback #demo-play svg{flex:none}.demo-playback button:hover{background:#eeeeee;border-color:#bbbbbb}
.demo-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 16px;border-block:1px solid #e5e5e5;background:#fafafa}.demo-tabs button{position:relative;display:flex;align-items:center;gap:9px;padding:10px 7px;text-align:left;color:#666666;font-size:14px;line-height:1.5;transition:color .3s}.demo-tabs button>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #dddddd;border-radius:50%;font-size:11px;font-variant-numeric:tabular-nums;background:#fff;transition:background .3s,color .3s,border-color .3s}.demo-tabs button[aria-pressed=true]{color:#111111;font-weight:600;background:linear-gradient(0deg,#eeeeee80,transparent)}.demo-tabs button[aria-pressed=true]>span{background:#111111;color:#fff;border-color:#111111}.demo-tabs button[aria-pressed=true]:before,.demo-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:7px;right:7px;height:2px;background:#dddddd;border-radius:2px}.demo-tabs button[aria-pressed=true]:after{background:#111111;transform-origin:left;transform:scaleX(var(--stage-progress));will-change:transform}.demo-tabs button:hover{color:#111111}
.demo-description{padding:13px 20px 11px;min-height:80px}.demo-description h4{font-size:18px;line-height:1.5;font-weight:600;color:var(--ink);margin:0 0 5px;letter-spacing:-.01em}.demo-description p{font-size:15px;line-height:1.6;max-width:960px}
.demo-panels{display:grid;grid-template-columns:180px minmax(0,1fr) 270px;align-items:stretch;gap:14px;padding:0 20px 12px}.demo-panels h4{font-size:14px;line-height:1.5;font-weight:600;color:#111111;margin:0}.trajectory-panel{min-width:0;display:flex;flex-direction:column;gap:9px}.trajectory-panel h4 i{font-family:Georgia,serif;font-size:17px;font-weight:400}.trajectory-log{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dddddd;border-radius:10px;background:#f7f7f7}.trajectory-role{display:flex;align-items:center;gap:7px;padding:10px 11px;border-bottom:1px solid #e5e5e5;font-size:12px;font-weight:600;line-height:1.5;color:var(--figure-muted)}.status-dot{width:6px;height:6px;border-radius:50%;background:#999999;flex:none}.trajectory-row{display:flex;gap:9px;align-items:flex-start;padding:9px 11px;font-size:12px;line-height:1.5;color:var(--figure-muted)}.trajectory-row svg{width:16px;height:19px;flex:none;opacity:.85}.trajectory-row.hidden-action{background:#f7ebe9;color:#d22929;border-left:2px solid #d22929;padding-left:9px}.trajectory-row.hidden-intent{color:#d22929}.trajectory-answer{margin-top:auto;padding:9px 12px 10px 35px;background:#e6e6e6;color:var(--figure-muted);font-size:12px;line-height:1.5;font-style:italic;font-weight:500}
.method-network{min-width:0;align-self:center}.network-svg{display:block;width:100%;height:auto;overflow:visible}.network-svg text{fill:#444444;font-family:var(--font)}.network-svg .network-title{font-size:16px;font-weight:600;fill:#111111}.network-svg .network-role{font-size:14px;font-weight:600;fill:#111111}.network-svg .math-symbol{font-family:Georgia,serif;font-style:italic;font-weight:400}.network-svg .quote-text{font-size:14px;font-style:italic;fill:var(--figure-muted)}.network-svg .reward-title{font-size:14px;font-weight:600;fill:#111111}.network-svg .reward-subtitle{font-size:12px;font-weight:600;fill:#111111}.reward-eye{fill:none;stroke:#666666;stroke-width:1.4}.reward-person{fill:var(--figure-observation);stroke:#333333;stroke-width:1.3;stroke-linejoin:round}.reward-formula-surface{fill:#f1f6f9}.network-svg .reward-formula,.network-svg .verifier-formula{font:18px Georgia,serif;fill:#111111}.network-svg .feedback-formula{font:16px Georgia,serif;fill:#111111}.robot-shell{fill:#fff;stroke:#888888;stroke-width:1.4}.robot{transition:opacity .5s}.network-card .card-surface{stroke-width:1.2;transition:fill .5s,stroke .5s,filter .5s}.observation-card .card-surface{fill:var(--figure-observation);stroke:var(--figure-observation)}.critique-card .card-surface{fill:var(--figure-critique);stroke:var(--figure-critique)}.verifier-card .card-surface{fill:var(--figure-verifier);stroke:var(--figure-verifier)}.network-card.is-current .card-surface{filter:drop-shadow(0 3px 4px #0000000a)}.observation-card.is-current .card-surface{stroke:#cbd7de}.critique-card.is-current .card-surface{stroke:#d8cbc7}.verifier-card.is-current .card-surface{stroke:#e2d3d0}.critique-item{opacity:0;transform:translateY(5px);transition:opacity .45s,transform .45s}.critique-item rect{fill:#e7d9d2}.critique-item:nth-of-type(2) rect{fill:#e2d3d0}.critique-item:nth-of-type(3) rect{fill:#d8cbc7}.network-svg .critique-key{font-size:11px;font-weight:600;fill:#666666}.network-svg .critique-text{font-size:12px;fill:#444444}.critique-card.is-revealed .critique-item{opacity:1;transform:none}.critique-card.is-revealed .critique-item:nth-of-type(1){transition-delay:.1s}.critique-card.is-revealed .critique-item:nth-of-type(2){transition-delay:.22s}.critique-card.is-revealed .critique-item:nth-of-type(3){transition-delay:.34s}.verifier-content{transition:opacity .45s}.verifier-formula-frame{fill:none;stroke:#ffffff;stroke-width:1.5}.network-svg .verifier-detail{font-size:11.5px;font-style:italic;fill:#666666}.network-svg .verifier-formula{font-size:16px;fill:#111111}
.route-line{fill:none;stroke:#b3b3b3;stroke-width:1.4;stroke-linecap:round}.route-signal{fill:none;stroke:#444444;stroke-width:2;stroke-linecap:round;stroke-dasharray:2 20;animation:method-signal 1.5s linear infinite;animation-play-state:paused;opacity:0}.feedback-line{fill:none;stroke:#b3b3b3;stroke-width:1.3;stroke-dasharray:4 5}.feedback-signal{stroke:#333333;stroke-width:2.5}.coopt-loop path{fill:none;stroke:#ece3dd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.coopt-loop path+path{stroke:#ccc3c0}.network-route,.feedback-routes,.coopt-loop{transition:opacity .5s}.method-demo[data-playing=true] .is-current .route-signal{opacity:.9;animation-play-state:running}.method-demo[data-playing=true] .robot.is-current .robot-eye{animation:method-eye 1.8s ease-in-out infinite}.method-demo [data-reveal]:not(.is-revealed){opacity:.18}.method-demo .network-card:not(.is-revealed){opacity:1}.network-card:not(.is-revealed) .card-surface{fill:#fafafa;stroke:#e5e5e5;filter:none}.network-card:not(.is-revealed) .network-title{fill:#aaaaaa}.network-card:not(.is-revealed) .verifier-content{opacity:0}.method-demo .feedback-routes:not(.is-revealed),.method-demo .coopt-loop:not(.is-revealed){opacity:0}
.demo-tree{min-width:0;padding:12px 10px 9px;border:1px solid #dddddd;border-radius:12px;background:#ffffff}.demo-tree h4{font-size:14px;text-align:center;font-weight:500;margin-bottom:4px}.demo-tree h4 strong{font-weight:600;color:#111111}.demo-tree svg{width:100%;height:auto;display:block;overflow:visible}.demo-tree svg circle,.demo-tree svg rect:not(.tree-subgame),.tree-node{fill:#fff;stroke:#999999;stroke-width:1.5;transition:fill .5s,stroke .5s}.tree-edge{fill:none;stroke:#bbbbbb;stroke-width:1.5}.demo-tree svg .tree-agent{fill:#ffffff;stroke:#666666}.demo-tree svg .tree-selected{stroke:#666666;stroke-width:1.8;fill:#ffffff}.demo-tree svg .selected-edge{stroke:#666666;stroke-width:1.8}.demo-tree svg .tree-other{opacity:.32}.tree-label{font-size:14px;fill:#111111;font-family:var(--font);font-weight:500}.tree-symbol{font-size:14px;fill:#666666;font-family:Georgia,serif;font-style:italic}.tree-subgame{fill:#efeae9;stroke:#d8cbc7;stroke-dasharray:3 4;stroke-width:1}.tree-formula{font-size:14px;fill:#444444;font-family:Georgia,serif}.demo-tree svg .verifier-leaf{fill:#ffffff;stroke:#666666}.demo-tree [data-tree-reveal]{transition:opacity .6s}.demo-tree [data-tree-reveal]:not(.is-revealed){opacity:.13}.demo-tree .is-current .tree-selected{stroke:#111111;stroke-width:2.5}.demo-tree .is-current .verifier-leaf{stroke:#777777;stroke-width:2}.demo-tree .math-symbol{font-family:Georgia,serif;font-style:italic}
.demo-objective{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin:0 20px 12px;padding:8px 14px;background:#f7f7f7;border:1px solid #dddddd;border-radius:8px;transition:opacity .6s}.method-demo .demo-objective:not(.is-revealed){opacity:.3}.demo-objective>span{font-size:14px;line-height:1.5;color:#444444;justify-self:start}.demo-objective>.objective-formula{grid-column:2;justify-self:center}.objective-formula{display:flex;align-items:center;gap:9px;font:20px/1.5 Georgia,serif;color:#111111}.objective-formula sub{font-size:11px}.math-op{display:flex;flex-direction:column;align-items:center;font-size:19px;line-height:1}.math-op small{font-size:11px;margin-top:4px;white-space:nowrap}.objective-payoff{white-space:nowrap}
@keyframes method-signal{to{stroke-dashoffset:-44}}@keyframes method-eye{50%{opacity:.55}}
.method-demo[data-playing=false] .route-signal{opacity:0}.motion-paused .method-demo *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.method-demo *{animation:none!important;transition:none!important}}
@media(max-width:1100px){.demo-panels{grid-template-columns:165px minmax(0,1fr) 240px;gap:10px}.demo-heading .overview-title{font-size:20px}.trajectory-row{padding-block:8px}.trajectory-role{font-size:11px}.trajectory-answer{padding-block:8px}.demo-description{min-height:101px}.demo-tree{padding:10px 8px}.demo-tabs button{font-size:13px;gap:7px}}
@media(max-width:900px){.demo-panels{grid-template-columns:175px minmax(0,1fr)}.demo-tree{grid-column:1 / -1;display:grid;grid-template-columns:180px minmax(0,420px);justify-content:center;align-items:center;padding:12px}.demo-tree svg{max-height:310px}.demo-tree h4{font-size:16px}.demo-heading{flex-wrap:wrap;gap:10px}.demo-playback{margin-left:auto}.demo-tabs button{gap:6px}.demo-tabs button>span{width:23px;height:23px}.trajectory-row{font-size:12px;padding-block:9px}.demo-objective{grid-template-columns:1fr;justify-items:center;gap:8px}.demo-objective>span{justify-self:center}.demo-objective>.objective-formula{grid-column:1;font-size:18px}}
@media(max-width:600px){.method-demo{border-radius:10px}.demo-heading{padding:14px 16px}.demo-heading .overview-title{font-size:20px}.demo-playback{width:100%;justify-content:flex-end}.demo-playback>span{margin-right:auto}.demo-tabs{grid-template-columns:1fr 1fr;padding-inline:9px}.demo-tabs button{font-size:13px;padding:10px 5px;gap:7px}.demo-description{padding:14px 16px;min-height:189px}.demo-description h4{font-size:18px}.demo-description p{font-size:15px;line-height:1.7}.demo-panels{display:flex;flex-direction:column;gap:18px;padding:0 14px 16px}.trajectory-panel{gap:8px}.trajectory-log{display:grid;grid-template-columns:1fr 1fr}.trajectory-role,.trajectory-answer{grid-column:1 / -1}.trajectory-role{font-size:13px}.trajectory-row{font-size:13px;padding:10px 9px}.trajectory-row svg{width:15px}.trajectory-answer{font-size:13px;padding:9px 12px}.trajectory-answer br,.trajectory-row br{display:none}.method-network{width:100%}.demo-tree{display:block;padding:12px 15px}.demo-tree svg{max-width:340px;max-height:none;margin:auto}.demo-tree h4{font-size:15px}.demo-objective{grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;gap:8px;margin:0 14px 14px;padding:12px}.demo-objective .objective-formula{display:grid;grid-template-columns:repeat(3,max-content);justify-items:center;gap:12px;font-size:17px}.objective-payoff{grid-column:1 / -1}.math-op{font-size:17px}}

.mobile-feedback{display:none}@media(max-width:600px){.desktop-feedback{display:none}.mobile-feedback{display:inline}}