.performance-lab{border:1px solid var(--border-strong);background:var(--surface);border-radius:14px;margin-block:38px 18px;padding:32px}.lab-controls{grid-template-columns:1fr auto;align-items:start;gap:25px;display:grid}.lab-controls h3{letter-spacing:-.025em;font-size:24px}.lab-controls p{color:var(--muted);max-width:450px;margin-top:10px;font-size:14px;line-height:1.6}.lab-fps{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.lab-fps button{background:var(--surface-subtle);color:var(--foreground);border:1px solid var(--border-strong);font:inherit;white-space:nowrap;border-radius:6px;padding:9px 12px;font-size:12px}.lab-fps button[aria-pressed=true]{background:var(--accent);border-color:var(--focus);color:var(--foreground)}.lab-demo{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);align-items:center;gap:35px;margin-top:30px;display:grid}.lab-pitch{background:var(--background);border:1px solid var(--border-strong);border-radius:8px;padding:20px;position:relative;overflow:hidden}.lab-pitch:before{content:"";pointer-events:none;border:1px solid #eeebdd30;position:absolute;inset:12px}.lab-centre{border-left:1px solid #eeebdd30;position:absolute;top:12px;bottom:12px;left:50%}.lab-centre:after{content:"";border:1px solid #eeebdd30;border-radius:50%;width:100px;height:100px;position:absolute;top:calc(50% - 50px);left:-50px}.lab-lane{padding:12px 0;position:relative}.lab-lane>span{color:var(--foreground);font-size:11px}.lab-lane>strong{color:var(--foreground);text-align:right;font-size:13px;font-weight:500;display:block}.lab-lane small{color:var(--muted);font-size:10px}.lab-flight{height:66px;margin:5px 15px;position:relative}.lab-player,.lab-receiver{background:var(--accent);border:2px solid var(--background);border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-style:normal;display:grid;position:absolute;top:17px}.lab-receiver{right:0}.lab-ball{width:calc(100% - 84px);height:12px;display:block;position:absolute;top:28px;left:38px}.lab-ball:after{content:"";background:var(--foreground);width:12px;height:12px;box-shadow:0 0 0 2px var(--background);border-radius:50%;display:block}.lab-ball.is-passing{animation:pure-pass .8s steps(var(--frame-steps), end) 1 forwards}@keyframes pure-pass{to{transform:translate(100%)}}.lab-budget{letter-spacing:-.05em;color:var(--foreground);font-size:clamp(46px,5vw,68px);font-weight:600;line-height:1}.lab-budget small{color:var(--muted);letter-spacing:0;margin-top:12px;font-size:12px;font-weight:400;display:block}.lab-explanation>p{color:var(--muted);max-width:320px;margin-top:19px;font-size:14px;line-height:1.65}.lab-explanation .button{margin-top:21px;font-size:13px}.lab-explanation>p.lab-caption{color:var(--muted);font-size:11px}@media (max-width:1023px){.lab-controls{grid-template-columns:1fr}.lab-fps{grid-template-columns:repeat(4,1fr)}.performance-lab{padding:24px}}@media (max-width:767px){.lab-demo{grid-template-columns:1fr;gap:25px}.performance-lab{padding:20px 16px}.lab-controls h3{font-size:22px}.lab-fps button{padding:10px 5px;font-size:11px}.lab-pitch{padding:15px}.lab-explanation>p{max-width:none}}@media (prefers-reduced-motion:reduce){.lab-ball.is-passing{animation:none;transform:translate(100%)}}