.repair-interface-effect{position:absolute;inset:0;pointer-events:none;z-index:16;--release:0;display:grid;place-items:center;background:#111611ed;padding:10px;box-sizing:border-box}
.repair-interface-cutaway{display:grid;justify-items:center;align-content:center;gap:8px;width:min(410px,100%);box-sizing:border-box;padding:14px;border:1px solid #99845e;background:#22291f;color:#e7e0cd;text-align:center;box-shadow:0 8px 24px #0008}
.repair-interface-cutaway>small{color:#c4b28b;font-size:12px;letter-spacing:.12em}.repair-interface-cutaway>strong{font-size:17px}
.repair-interface-device{position:relative;width:clamp(100px,20vw,170px);height:64px;filter:drop-shadow(0 3px 4px #0b0e0a)}
.repair-pipe{position:absolute;left:0;top:24px;width:100%;height:17px;background:linear-gradient(#423f35,#92917d 42%,#383c35 85%);border:2px solid #242822;border-radius:5px}
.repair-collar{position:absolute;top:12px;width:24%;height:40px;background:linear-gradient(100deg,#41463c,#85826c 48%,#4a4c40);border:3px solid #252c25;box-shadow:inset 0 0 0 2px #70715e}
.repair-collar:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#b2a58a;top:12px;left:7px;box-shadow:0 0 0 2px #353b31}
.repair-collar.left{left:26%;transform:translateX(calc(var(--release)*-22px)) rotate(calc(var(--release)*-7deg))}
.repair-collar.right{left:49%;transform:translateX(calc(var(--release)*22px)) rotate(calc(var(--release)*8deg))}
.repair-spindle{position:absolute;left:47%;top:4px;width:6px;height:48px;background:#b3aa90;transform:rotate(calc(-20deg + var(--release)*105deg));box-shadow:1px 1px 0 2px #242a23}
.repair-interface-result{color:#b5cee3;font-weight:700;font-size:14px;min-height:1.4em}
.repair-interface-consequence{margin:0;font-size:13px;line-height:1.5;min-height:3em;white-space:pre-line}
.repair-interface-working{filter:brightness(.91);transition:filter 120ms}
.repair-hit-slot{position:absolute;left:0;right:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.repair-interface-working{transition:none}}