.workyard{max-width:1120px;margin:65px auto;padding:0 30px}.yard-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.yard-heading h2{font-size:30px}.yard-heading p,.job-copy p{color:var(--muted);font-size:13px;line-height:1.8}.crew-button{background:none;border:0;min-width:90px;color:var(--muted);font-size:11px}.crew-button svg{height:80px;width:75px;margin:auto}.yard-reply{font-size:12px;color:var(--violet);min-height:20px}.yard-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding:15px 0}.yard-tabs button,.yard-secondary{min-height:44px;padding:9px 14px;border:1px solid var(--line);background:transparent;border-radius:5px;font-size:12px}.yard-tabs [aria-selected="true"]{background:var(--violet);border-color:var(--violet);color:var(--bg)}.job-panel{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:40px;padding:28px 0;min-height:300px}.job-panel[hidden]{display:none}.job-copy h3{font-family:Manrope,sans-serif;font-weight:500;font-size:24px;letter-spacing:-.6px}.yard-primary{border:1px solid var(--violet);background:var(--violet);color:var(--bg);min-height:44px;border-radius:5px;padding:10px 16px;font-size:12px;margin:5px 5px 5px 0}.job-copy button:disabled{opacity:.5;cursor:default}.job-copy p[role="status"]{font-size:12px;min-height:22px}.workyard svg{overflow:visible}.backhoe-boom{transform-origin:310px 180px}.digging .backhoe-boom{animation:excavate 2.4s ease-in-out 2}.soil-drops,.drill-dust{opacity:0}.digging .soil-drops{animation:soil 2.4s ease-in-out 2}.drilling .drill-hands{animation:drill-vibrate .09s linear 12}.drilling .drill-dust{animation:soil 1.1s linear}.waving .greeting-arm{transform-origin:8px -24px;animation:wave .6s ease-in-out 3}.foundation-celebration{margin:16px 0 0;font-size:14px;color:var(--violet);padding:15px;border:1px solid var(--violet);border-radius:5px;animation:sign-up .6s ease-out}.foundation-celebration[hidden]{display:none}.swatches{display:flex;gap:10px;margin:15px 0}.swatches button{width:44px;height:44px;background:var(--swatch);border:3px solid var(--bg);border-radius:50%;outline:1px solid var(--line)}.swatches [aria-pressed="true"]{outline:3px solid var(--violet)}#paint-panel{touch-action:none;cursor:crosshair}.paint-fill{animation:paint-fill .6s ease-out;transform-origin:left}.wire-board{position:relative;height:240px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.wire-board svg{position:absolute;inset:15px 0;width:100%;height:210px}.wire-board path{fill:none;stroke:var(--line);stroke-width:3;opacity:.45}.wire-board path.connected{opacity:1;stroke-width:4}.wire-inputs,.wire-outputs{position:absolute;top:30px;bottom:30px;display:flex;flex-direction:column;justify-content:space-between}.wire-inputs{left:12px}.wire-outputs{right:12px}.wire-board button{border:1px solid var(--line);background:var(--bg);border-radius:5px;font-size:11px;min-height:44px;padding:8px}.wire-board button[aria-pressed="true"]{outline:2px solid var(--violet)}.wire-board button:disabled{opacity:.65;cursor:default}#power-light{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-family:monospace;font-size:10px;color:var(--muted)}.powered #power-light{color:#579776;text-shadow:0 0 12px #72b89c}.crane-target{opacity:0;transition:opacity .3s}.crane-challenge .crane-target{opacity:1}.crane-installed .hoisted-component{animation:none;transform:translateY(118px);transition:transform 1s ease-in-out}.crane-installed .hoist-cable{animation:none;transform:scaleY(2.76);transition:transform 1s ease-in-out}.crane-installed .cargo-swing{animation:none}.crane-installed .crane-target{opacity:.25}.delivery-status{font-size:12px;color:var(--muted);text-align:center;min-height:18px;margin:8px 25px 0}.scene-controls .control-actions{flex-wrap:wrap}.scene-controls{grid-template-columns:1fr}.scene-controls .control-actions{justify-content:center}.scene-controls>span{justify-content:center}.delivery-button{border:1px solid var(--line)!important;padding:8px 12px!important;border-radius:5px}.yard-tabs button:focus-visible,.workyard button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}@keyframes excavate{0%,100%{transform:rotate(0)}35%{transform:rotate(20deg)}70%{transform:rotate(-28deg)}}@keyframes soil{0%,40%,100%{opacity:0}55%,85%{opacity:1;transform:translateY(8px)}}@keyframes drill-vibrate{50%{transform:translateX(1px)}}@keyframes wave{0%,100%{transform:rotate(0)}50%{transform:rotate(32deg)}}@keyframes sign-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes paint-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:650px){.workyard{margin:40px auto;padding:0 24px}.yard-heading h2{font-size:25px}.yard-heading{gap:8px}.crew-button{min-width:62px;padding:0}.crew-button svg{width:60px}.yard-tabs{display:grid;grid-template-columns:1fr 1fr}.yard-tabs button{font-size:12px;padding:8px}.job-panel{grid-template-columns:1fr;gap:12px;min-height:0}.job-copy h3{font-size:23px}.scene-controls .control-actions{display:flex;flex-wrap:wrap}.delivery-status{margin-left:0;margin-right:0;font-size:11px}.job-copy p{font-size:14px}.wire-board{height:240px}}
@media(prefers-reduced-motion:reduce){.crane-installed .hoisted-component,.crane-installed .hoist-cable{transition:none}.foundation-celebration,.paint-fill{animation:none}}
.foundation-celebration svg{width:180px;height:75px;margin:12px auto 0}.foundation-celebration{font-size:12px;text-align:center}.job-panel[hidden] *{animation-play-state:paused!important}