/* A colored, opaque cutout keeps the page rays behind the worker. */
body::before{display:none!important}
.workshop{position:fixed;right:2vw;bottom:0;width:clamp(240px,32vw,490px);aspect-ratio:3/4;z-index:20;pointer-events:none}
.workshop-art{display:block;width:100%;height:100%;overflow:visible;transform:scaleX(-1);filter:saturate(.48) brightness(.34)}
.workshop-trigger{position:absolute;right:16%;bottom:20%;width:65%;height:68%;border:0;background:transparent;pointer-events:auto;clip-path:polygon(0 0,48% 0,75% 38%,100% 64%,93% 100%,30% 100%,10% 60%);cursor:pointer;-webkit-tap-highlight-color:transparent}
.workshop:has(.workshop-trigger:hover) .workshop-art,.workshop:has(.workshop-trigger:focus-visible) .workshop-art{filter:saturate(.65) brightness(.52)}
.workshop-trigger:focus-visible{clip-path:none;outline:1px dashed #b7ef43;outline-offset:-12px;border-radius:45%}
.gpu-debris,.workshop-impact{visibility:hidden}.workshop-crane{transform:translateY(calc(-1 * var(--crane-lift,4000px)))}
.working .gpu-whole{animation:gpu-hide 5.6s both}
.working .gpu-debris{visibility:visible}.working .gpu-shard-left{animation:shard-left 5.6s both}.working .gpu-shard-right{animation:shard-right 5.6s both}
.working .workshop-impact{animation:impact 5.6s both}.working .workshop-crane{animation:crane 5.6s both}.working .gpu-replacement{animation:replacement 5.6s both}
.claw-left{transform-origin:575px 875px}.claw-right{transform-origin:629px 875px}.working .claw-left{animation:claw-left 5.6s both}.working .claw-right{animation:claw-right 5.6s both}
@keyframes gpu-hide{0%,15.9%{visibility:visible}16%,78%{visibility:hidden}78.1%,100%{visibility:visible}}
@keyframes shard-left{0%,15.9%{visibility:hidden;transform:translate(0,0) rotate(0)}16%{visibility:visible;transform:translate(0,0) rotate(0)}36%,100%{visibility:hidden;transform:translate(-280px,1000px) rotate(-30deg)}}
@keyframes shard-right{0%,15.9%{visibility:hidden;transform:translate(0,0) rotate(0)}16%{visibility:visible;transform:translate(0,0) rotate(0)}38%,100%{visibility:hidden;transform:translate(350px,1100px) rotate(25deg)}}
.gpu-shard-left,.gpu-shard-right{transform-origin:600px 1100px}
@keyframes impact{0%,15.9%,23%,100%{visibility:hidden}16%,22%{visibility:visible}}
@keyframes crane{0%,37%{transform:translateY(calc(-1 * var(--crane-lift,4000px)))}67%,82%{transform:translateY(0)}100%{transform:translateY(calc(-1 * var(--crane-lift,4000px)))}}
@keyframes replacement{0%,78%{visibility:visible}78.1%,100%{visibility:hidden}}
@keyframes claw-left{0%,72%{transform:rotate(0)}78%,100%{transform:rotate(24deg)}}
@keyframes claw-right{0%,72%{transform:rotate(0)}78%,100%{transform:rotate(-24deg)}}
@media(max-width:650px){.workshop{width:230px;right:-25px}.workshop-art{filter:saturate(.45) brightness(.28)}}
@media(prefers-reduced-motion:reduce){.workshop *{animation:none!important}.workshop-crane{display:none}}

.smith-body,.smith-hammer,.gpu-whole{visibility:hidden}.working .smith-idle{visibility:hidden}.working .smith-body,.working .smith-hammer{visibility:visible}

.smith-moving-arms,.smith-head{visibility:hidden}.working .smith-moving-arms,.working .smith-head{visibility:visible}

.smith-raised-arms{visibility:hidden}.working .smith-raised-arms{animation:raised-arms 5.6s both}.working .smith-moving-arms,.working .smith-hammer{animation:moving-arms 5.6s both}
@keyframes raised-arms{0%,37.5%{visibility:hidden}37.6%,100%{visibility:visible}}
@keyframes moving-arms{0%,37.5%{visibility:visible}37.6%,100%{visibility:hidden}}