/* The magnetic bench, machined fasteners, and restoration gallery. */
.workshop-body{background:radial-gradient(ellipse at 15% 16%,#31554e65,transparent 60%),radial-gradient(ellipse at 90% 70%,#76624425,transparent 50%),#12272d}
.workshop-surface{background:linear-gradient(145deg,#284442,#1a3439);border:1px solid #bba27642;box-shadow:0 20px 60px #07171c55,inset 0 1px #e8dab315}
.workshop-body .quick-guide{background:#c1ddbd08;border-color:#d5d3a72b}
.workshop-scene{background:radial-gradient(ellipse at 50% 40%,#45646050,transparent 80%),repeating-linear-gradient(90deg,transparent 0 39px,#b5d3b408 40px 41px),repeating-linear-gradient(0deg,transparent 0 39px,#b5d3b408 40px 41px),#172f34;border:2px solid #8b84654d;border-radius:15px;box-shadow:inset 0 0 0 5px #081f2840,inset 0 3px 18px #051b2580;position:relative}
.workshop-scene-top{color:#b9c9ae;font-size:9px;letter-spacing:1.2px}.workshop-scene-base{color:#aaa88c;letter-spacing:2px;font-size:9px}.workbench:after{height:24px;border-radius:6px;background:linear-gradient(#d0b583,#8c7755 25%,#595d4b 30%,#283d3c);border:1px solid #d9c38d40;box-shadow:0 6px 8px #03161c80}
.bolt-holder{border-radius:13px;padding-left:7px;padding-right:7px;gap:8px;transition:background .16s,box-shadow .16s,transform .16s}.bolt-holder:before{border-radius:9px 9px 4px 4px;border:2px solid #87ad9b5c;border-top:7px solid #b4b093;border-bottom:7px solid #9b926f;background:linear-gradient(90deg,#081d2455,#abc9b60b 14%,#b4e3ca0e 80%,#071c2450);box-shadow:inset 0 0 0 2px #081d2440,0 0 0 1px #0b242b80}.bolt-holder small{top:0;color:#d8d5af;font-family:monospace;letter-spacing:2px}.holder-status{position:absolute;bottom:1px;left:0;right:0;font-size:11px;color:#a8b7a15c;z-index:2;line-height:12px}.bolt-holder.selected{background:#dbcb9230;box-shadow:inset 0 0 0 2px #f3d88d;border-color:transparent}.bolt-holder.selected:before{border-top-color:#ffe3a2}.bolt-holder.selected small{color:#ffe3a2}.bolt-holder.complete:before{border-color:#a6e5b77a;box-shadow:0 0 16px #7ce3b31a,inset 0 0 0 2px #081d2440}.bolt-holder.complete .holder-status{color:#b5f2c4}
.bolt{height:47px;max-width:72px;border-radius:9px;clip-path:polygon(19% 0,81% 0,100% 24%,100% 76%,81% 100%,19% 100%,0 76%,0 24%);border:0;box-shadow:none;background:linear-gradient(135deg,var(--bolt-light),var(--bolt-color) 45%,var(--bolt-dark));animation:none;position:relative;flex-shrink:0}.bolt.a{--bolt-light:#ffe2a3;--bolt-color:#eda25c;--bolt-dark:#b56c38}.bolt.b{--bolt-light:#b4f2eb;--bolt-color:#80c6cd;--bolt-dark:#468393}.bolt.c{--bolt-light:#eccefa;--bolt-color:#bd95d1;--bolt-dark:#826294}.bolt.d{--bolt-light:#d7efb2;--bolt-color:#97c994;--bolt-dark:#557f68}
.bolt:before{width:23px;height:23px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(#10282e,#35504e);border:2px solid var(--bolt-dark);box-shadow:0 1px 0 var(--bolt-light),inset 0 2px 3px #05191c80}.bolt:after{color:var(--bolt-light);font-size:15px;line-height:23px;position:absolute;inset:0;display:grid;place-items:center;text-shadow:none;font-weight:800}.bolt.a:after{content:"+"}.bolt.b:after{content:"="}.bolt.c:after{content:"◆";font-size:11px}.bolt.d:after{content:"✦";font-size:14px}
.workshop-body .tool-symbol{background:linear-gradient(135deg,#e0cd94,#ad8a51);color:#263e3e;border:1px solid #f1dfb55c;box-shadow:inset 0 1px #fff3c980,0 3px 8px #061a2040}.workshop-body .sidebar-panel{border-color:#bea87935}.workshop-lore{background:radial-gradient(ellipse at top,#63745c30,transparent),#ffffff03}.workshop-figure{height:auto;margin:8px 0}.workshop-figure img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 7px #061c2950)}.workshop-figure img.restored{filter:drop-shadow(0 0 14px #b4f4c250)}.progress-track{height:10px;background:#10282c;box-shadow:inset 0 2px 4px #071b2450;border:1px solid #c5b58130}.progress-track div{background:linear-gradient(90deg,#80c3a5,#d6df9e);box-shadow:0 0 12px #aed9a030}
.workshop-modal{background:radial-gradient(ellipse at top,#4a6354,#1e373c 65%);border-color:#d2b98466}.workshop-modal .modal-ornament{height:150px;margin-top:-12px}.modal-ornament img{height:100%;width:210px;max-width:100%;object-fit:contain;animation:machineReveal .5s ease-out}.workshop-body .game-message.error{border-left:3px solid #edb186;padding-left:12px}
@keyframes machineReveal{from{transform:translateY(8px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(hover:hover){.bolt-holder:hover{background:#d9d4ab0b}.workshop-body .tool-button:hover{border-color:#d6c79170;background:#d6c7910b}}
@media(max-width:1120px){.bolt{height:43px}.bolt-holder{padding-left:5px;padding-right:5px}}
@media(max-width:540px){.workshop-scene{padding:15px 9px 10px}.workshop-scene-top{font-size:8px;letter-spacing:.4px}.workbench{column-gap:12px;row-gap:22px;padding-top:28px}.bolt-holder{height:177px;padding-left:10px;padding-right:10px;padding-bottom:18px;gap:6px}.bolt-holder:before{inset:17px 5px 8px}.bolt{height:41px;max-width:66px}.workshop-scene-base{letter-spacing:1px;font-size:8px}.workshop-modal .modal-ornament{height:115px}}
.bolt:after{transform:none}.bolt.c:after{content:"✦"}.bolt.d:after{content:"◆";font-size:11px}.workshop-figure{transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}