/* Illustrated equipment windows inspired by classic side-scrolling RPGs. */
.workshop-window{background:#eee9df;border:2px solid #7397a4;border-radius:14px;padding:16px;color:#334653;box-shadow:inset 0 0 0 3px #fefcf4,0 8px 25px #00152355;font:13px 'Trebuchet MS',sans-serif}.workshop-window .workshop-intro{background:linear-gradient(#80b6c5,#47879e);border:1px solid #2c687f;border-radius:9px;padding:14px 18px;box-shadow:inset 0 1px #cce9ed}.workshop-window .workshop-intro h2{color:#fffdf0;font-size:24px;margin:0;text-shadow:0 2px #33657a;-webkit-text-stroke:0}.workshop-window .workshop-intro p{margin:4px 0;color:#eaf8f8;font-size:12px}.workshop-window .workshop-tabs{gap:5px;margin:12px 0;border-bottom:2px solid #8ea7ad;padding-bottom:7px}.workshop-window button{color:#44525a;border:1px solid #a1a7a5;background:linear-gradient(#fffdf5,#e2dfd4);box-shadow:inset 0 1px #fff,0 2px #8c959c;border-radius:7px;text-shadow:none}.workshop-window button:hover:not(:disabled){color:#214754;background:linear-gradient(#f8ffff,#d6eced);border-color:#5a95a8;box-shadow:inset 0 1px #fff,0 2px #6791a0}.workshop-window .workshop-tabs .active{color:#584023;background:linear-gradient(#fff4b5,#edc76c);border-color:#b99950;box-shadow:inset 0 1px #fff7d5,0 2px #a0864c}.workshop-window :is(.panel,.workshop-preview){background:#fbf9f1;border:1px solid #b8b8ab;border-radius:10px;box-shadow:inset 0 1px #fff,0 2px 4px #1c3e4f16;padding:14px}.workshop-window :is(h2,h3,h4){color:#42566a;text-shadow:none;-webkit-text-stroke:0;letter-spacing:0}.workshop-window .workshop-layout{grid-template-columns:minmax(0,1fr) minmax(360px,1.1fr);gap:14px}.workshop-window .workshop-preview{padding:10px}.workshop-window .workshop-preview h2{font-size:19px;color:#3c5567;margin:12px 0}.workshop-window .workshop-result-label{color:#65849a;letter-spacing:1.4px;font-size:10px}.workshop-window :is(input:not([type=checkbox]),select,textarea){color:#304957;background:#fffefd;border:1px solid #b5c0c0;box-shadow:inset 0 1px 3px #3152661a}.workshop-window label{color:#4b6472}.workshop-window .toolbar{display:flex;flex-wrap:wrap;align-items:center}.workshop-window #workshop-filter{padding:10px;background:#deded3;border:1px solid #b2bab3;border-radius:9px}.workshop-window #workshop-filter>label{flex:1}.craft-type-menu{width:100%;display:flex;gap:7px}.craft-type-menu>button{flex:1;display:flex;align-items:center;gap:7px;padding:8px;justify-content:center;font-size:12px}.craft-type-menu .resource-icon{width:36px;height:36px;filter:drop-shadow(0 1px 1px #324d5f44)}.workshop-window .craft-type-menu .active{background:linear-gradient(#dff5f3,#a8d0cd);border:2px solid #4b929e;color:#246575}.craft-hero-menu{display:flex;gap:5px;width:100%;overflow-x:auto;padding:7px 0;scrollbar-width:thin}.craft-hero-menu>button{display:grid;justify-items:center;align-content:center;gap:3px;flex:0 0 52px;padding:4px;font-size:8px;line-height:1.2}.craft-hero-menu img{width:32px;height:36px;object-fit:cover;object-position:50% 10%;border:1px solid #a3b5bc;border-radius:5px}.workshop-window .craft-hero-menu .active{border-color:#d6a74e;background:#fbefc1;color:#695526}.workshop-window .workshop-catalog{grid-template-columns:repeat(2,minmax(0,1fr));max-height:550px;background:#e4e7e3;border:1px solid #bbc6c5;border-radius:8px;padding:7px}.workshop-window .workshop-catalog button{padding:7px;gap:7px;font-size:10px;min-width:0}.workshop-window .workshop-catalog button.selected{border:2px solid #60a5b0;background:linear-gradient(#fffde9,#dbefeb);box-shadow:0 0 0 1px #d9f1eb}.workshop-window .workshop-catalog small{color:#76909b;font-size:9px}.workshop-window .workshop-item-icon{width:45px;height:45px;flex-basis:45px;background:#e8edf0;border:1px solid #a5b5ba;border-radius:5px;padding:3px}.craft-quality-menu{display:flex;flex-wrap:wrap;gap:4px;width:100%}.craft-quality-menu button{border-bottom:3px solid var(--quality,#bdc6c9);font-size:10px;padding:6px 8px}.workshop-window .craft-quality-menu .active{background:#fff0ba;color:#5a4c2e;box-shadow:inset 0 0 0 1px #d6b86a}.forge-stage{position:relative;width:100%;height:252px;border:3px solid #8eaaaf;border-radius:9px;overflow:hidden;background:#3d6076;box-shadow:inset 0 0 0 2px #d6e9e5}.forge-stage .forge-scenery{display:block;width:100%;height:100%;object-fit:cover}.forge-stage .workshop-result-image{position:absolute;left:50%;top:41%;translate:-50% -50%;width:104px;height:104px;margin:0;border:2px solid var(--result-rarity);border-radius:12px;background:radial-gradient(#ffffeecc,#c9eaf388 70%);box-shadow:0 0 24px #fff5ba77,inset 0 0 0 3px #e1f0eb9c}.forge-stage .workshop-result-image>.workshop-item-icon{width:86px;height:86px;max-width:none;border:0;background:none;padding:3px}.forge-stage-caption{position:absolute;left:8px;top:7px;color:#fff6d6;background:#203e55c9;border:1px solid #a9b7a977;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:1px;padding:4px 8px}.forge-stage-item-level{position:absolute;left:50%;bottom:29px;translate:-50% 0;white-space:nowrap;background:#15354acf;border:1px solid #d4d8b877;border-radius:5px;padding:3px 10px;font-size:11px;color:#ffefb5;text-shadow:0 1px #172b40}.forge-stars{display:flex;gap:4px;justify-content:center;position:absolute;left:0;right:0;bottom:5px;font-size:16px;color:#607d8b;text-shadow:0 1px 1px #163048}.forge-stars .filled{color:#ffe68c;text-shadow:0 1px #aa853d,0 0 5px #ffd362}.workshop-window .material-chip{background:linear-gradient(#fffef4,#eee9d9);border:1px solid #c4bd9f;color:#637681;border-radius:7px;box-shadow:0 1px #fff;min-width:126px}.workshop-window .material-chip b{color:#4d6172}.workshop-window .workshop-cost .resource-icon{width:37px;height:37px;filter:drop-shadow(0 1px 1px #8a816844)}.workshop-window .workshop-cost>.missing .material-chip{background:linear-gradient(#fff4ef,#edddcf);border-color:#ce9f8d}.workshop-window .workshop-cost>span>small{color:#6b8d80}.workshop-window .workshop-cost>.missing>small{color:#b36c5e;font-weight:bold}.workshop-window .workshop-stats>div{background:#eef2ec;border:1px solid #c8d1c7;border-radius:6px;padding:7px}.workshop-window .workshop-stats dt{color:#6b8190}.workshop-window .workshop-stats dd{color:#3f7087;font-size:13px}.workshop-window button[data-ws=craft],.workshop-window button[data-ws=enhance]{width:100%;padding:12px;background:linear-gradient(#fbea9d,#e9bd54);color:#6d4b26;border:1px solid #be9449;box-shadow:inset 0 1px #fff9ce,0 3px #a68148;font-size:15px}.workshop-window .good{color:#2d856b}.workshop-window .bad{color:#be5666}.workshop-window .warn{color:#a57840}.workshop-window .workshop-recipes{gap:10px}.workshop-window .workshop-recipes>.panel>h3{color:#52738a;font-size:15px}.forge-working .forge-stage .workshop-result-image{animation:forge-working-glow .55s ease-in-out infinite alternate}.forge-working .forge-stage:after{content:'✧';position:absolute;left:57%;top:27%;color:#ffffdf;font:900 50px 'Trebuchet MS';text-shadow:0 0 15px #ffef98;animation:forge-working-spark .4s infinite}@keyframes forge-working-glow{to{box-shadow:0 0 35px #fff3a4cc;filter:brightness(1.2)}}@keyframes forge-working-spark{0%{opacity:0;scale:.5}60%{opacity:1;scale:1.3}100%{opacity:0;scale:.7}}@media(max-width:1000px){.workshop-window .workshop-layout{grid-template-columns:1fr}.workshop-window .workshop-catalog{max-height:260px}.forge-stage{height:240px}}@media(max-width:500px){.workshop-window{padding:9px}.workshop-window .workshop-intro{padding:10px}.workshop-window .workshop-intro h2{font-size:20px}.craft-type-menu>button{display:grid;justify-items:center;font-size:10px;padding:4px}.workshop-window .workshop-catalog{grid-template-columns:1fr}.forge-stage{height:220px}.forge-stage .workshop-result-image{width:88px;height:88px}.forge-stage .workshop-result-image>.workshop-item-icon{width:74px;height:74px}}@media(prefers-reduced-motion:reduce){.forge-working .forge-stage:after,.forge-working .forge-stage .workshop-result-image{animation:none}}