.proof-machine{--assembly:0;--lean:0;margin:32px 0;border:1px solid var(--line);background:#0d1215;overflow:clip}.machine-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:26px 28px 0}.machine-heading h3{font-size:20px;letter-spacing:-.025em;margin:10px 0 0}.machine-coordinate{font:12px var(--mono);color:var(--green);white-space:nowrap}.machine-viewport{perspective:1100px;padding:12px 28px 0}.machine-board{height:260px;position:relative;transform-style:preserve-3d;transform:rotateX(calc(22deg - var(--assembly)*12deg)) rotateY(calc(var(--lean)*7deg));transform-origin:center 60%}.machine-grid{position:absolute;inset:0;background-image:linear-gradient(#77c9ba12 1px,transparent 1px),linear-gradient(90deg,#77c9ba12 1px,transparent 1px);background-size:30px 30px;transform:translateZ(-24px);border:1px solid #77c9ba24}.machine-wires{position:absolute;width:100%;height:230px;top:0;left:0;fill:none;stroke-width:2;transform:translateZ(-4px)}.wire-base{stroke:#31504d}.wire-trace{stroke:var(--green);stroke-dasharray:1;stroke-dashoffset:calc(.7 - var(--assembly)*.7)}.wire-feedback{stroke:#42605b;stroke-dasharray:4 5}.machine-nodes{position:absolute;inset:0 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:38px;transform-style:preserve-3d;padding:0 20px}.machine-node{position:relative;min-height:116px;text-align:left;border:1px solid #385250;border-radius:3px;background:#182126;color:var(--ink);padding:18px 16px;cursor:pointer;transform:translateZ(calc(20px + var(--assembly)*12px));box-shadow:0 5px 0 #0b1114,0 6px 0 #31504d,0 17px 26px #0005}.machine-node:nth-child(2){transform:translateZ(calc(38px + var(--assembly)*20px))}.machine-node:nth-child(3){transform:translateZ(calc(12px + var(--assembly)*22px))}.machine-node.is-selected{background:#16342f;border-color:var(--green)}.machine-node .node-port{font:9px var(--mono);letter-spacing:.07em;color:var(--green)}.machine-node strong{display:block;font-size:23px;margin:12px 0 7px}.machine-node>span:last-of-type{display:block;color:#b4c5c2;font-size:10px;line-height:1.5}.machine-node i{position:absolute;right:10px;top:10px;width:5px;height:5px;background:#48766e}.machine-node.is-selected i{background:var(--green);box-shadow:0 0 9px #77c9ba70}.machine-node:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.machine-return{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:9px var(--mono);color:#9fb7b2;transform:translateZ(-2px)}.machine-caption{display:flex;gap:20px;border-top:1px solid var(--line);padding:18px 28px;min-height:88px;align-items:center}.machine-index{font:10px var(--mono);color:var(--green);white-space:nowrap}.machine-caption p{font-size:12px;line-height:1.7;color:#bdcbc7;margin:0;max-width:75ch}.score-card{position:relative;isolation:isolate}.score-card:before{content:"";position:absolute;inset:18px;pointer-events:none;border:1px solid #77c9ba12;transform:perspective(800px) rotateY(-12deg);z-index:-1}.score-ring{box-shadow:8px 10px 0 -2px #0a0f10,9px 11px 0 -2px #77c9ba30}
@media(max-width:1050px){.machine-nodes{gap:18px;padding:0 10px}.machine-node{padding:15px 10px}.machine-node strong{font-size:20px}.machine-heading,.machine-caption{padding-left:20px;padding-right:20px}.machine-viewport{padding-left:12px;padding-right:12px}}
@media(max-width:600px){.machine-heading{padding:22px 18px 0}.machine-heading h3{font-size:19px;line-height:1.35}.machine-coordinate{display:none}.machine-board{height:385px;transform:rotateX(7deg) rotateY(-5deg)}.machine-nodes{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:22px 28px 32px}.machine-node,.machine-node:nth-child(2),.machine-node:nth-child(3){min-height:91px;transform:translateZ(12px);padding:12px 16px}.machine-node strong{font-size:19px;margin:5px 0}.machine-node:nth-child(2){margin-left:16px;transform:translateZ(25px)}.machine-node:nth-child(3){margin-left:32px}.machine-wires{display:none}.machine-caption{align-items:flex-start;padding:18px;gap:12px;min-height:120px}.machine-caption p{font-size:11px}.machine-index{padding-top:4px}.machine-return{font-size:8px;bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.machine-board{transform:none}.machine-node,.machine-node:nth-child(2),.machine-node:nth-child(3){transform:none}.wire-trace{stroke-dashoffset:0}.view.active{animation:none}.button,.nav-item{transition:none}}

@media(max-width:380px){.sidebar .nav{gap:4px}.sidebar .nav-item{padding:10px 8px}}

/* Motion follows the working path. Completion values stay literal. */
.score-card{transform:perspective(1100px) translateY(calc(var(--desk-drift,0)*-8px)) rotateY(calc(var(--desk-drift,0)*-1.5deg));transform-origin:right center}.doctrine-step{transform:translateY(calc((1 - var(--desk-arrival,1))*18px))}.doctrine-step:nth-child(2){transform:translateY(calc((1 - var(--desk-arrival,1))*26px))}.doctrine-step:nth-child(3){transform:translateY(calc((1 - var(--desk-arrival,1))*34px))}.doctrine-step.desk-selected{border-color:var(--green);background:#132721}.checkpoint-head h3 span{display:block;transform:translateX(calc((1 - var(--desk-arrival,1))*16px))}.checkpoint-head h3 span+span{transform:translateX(calc((1 - var(--desk-arrival,1))*-16px))}.desk-handoff{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:26px;border-top:1px solid var(--green);background:#10201d}.desk-handoff h3{font-size:23px;line-height:1.25;margin:10px 0}.desk-handoff p:not(.eyebrow){font-size:13px;line-height:1.65;color:#b9cac5;max-width:60ch}.desk-handoff button{flex-shrink:0;max-width:100%;white-space:normal}.no-script-note{padding:20px;border:1px solid var(--yellow);line-height:1.6}
@media(max-width:800px){.desk-handoff{align-items:flex-start;flex-direction:column;padding:22px}.score-card{transform:translateY(calc(var(--desk-drift,0)*-4px))}.desk-handoff h3{font-size:21px}}
@media(max-width:600px){.machine-board:after{content:"";position:absolute;left:18px;top:45px;width:2px;height:290px;background:var(--green);transform:translateZ(-4px) scaleY(calc(.2 + var(--assembly)*.8));transform-origin:top;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.score-card,.doctrine-step,.doctrine-step:nth-child(2),.doctrine-step:nth-child(3),.checkpoint-head h3 span,.checkpoint-head h3 span+span{transform:none}.machine-board:after{transform:none}}