.vb-workshop{color:#e9eef4;background:#10151bee;border:1px solid #59616b;padding:0;width:min(1380px,calc(100vw - 32px));height:min(880px,calc(100dvh - 32px));max-width:none;max-height:none;font:14px var(--font-ui,Arial,sans-serif);box-shadow:0 24px 90px #000b}
.vb-workshop[open]{display:flex;flex-direction:column}.vb-workshop::backdrop{background:#03070bcc;backdrop-filter:blur(8px)}
.vb-workshop h2,.vb-workshop h3,.vb-workshop h4,.vb-workshop p{margin:0}.vb-workshop button{cursor:pointer}.vb-workshop button:disabled{cursor:default;opacity:.5}.vb-workshop button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.vb-workshop-header{display:flex;align-items:center;gap:24px;padding:16px 22px;border-bottom:1px solid #414852;background:#0e131af5;z-index:2}.vb-workshop-header h2{font-size:30px;font-style:italic;line-height:1.1}.vb-workshop-kicker{font-size:10px;letter-spacing:2px;color:#ffc257}.vb-workshop-identity{margin-left:auto!important;color:#a5b0bf;font-size:11px;letter-spacing:1px}
.vb-workshop-layout{display:grid;grid-template-columns:180px minmax(0,1fr) 250px;grid-template-rows:minmax(220px,1fr) auto;gap:12px;padding:16px;flex:1;min-height:0}.vb-workshop-weapons{grid-row:1 / 3;overflow:auto;display:flex;flex-direction:column;gap:6px;padding-right:5px;scrollbar-color:#bb9247 #171d26}
.vb-workshop-weapon{flex-shrink:0;text-align:left;padding:10px 12px;background:#1a212a;color:#c9d3e1;border:1px solid #3c4551;min-height:68px;display:grid;grid-template-columns:25px 1fr;gap:4px}.vb-workshop-weapon span{grid-row:span 2;color:#7d8b9c;font-size:11px}.vb-workshop-weapon strong{font-size:13px;font-style:italic;line-height:1.25}.vb-workshop-weapon small{font-size:9px;letter-spacing:1px;color:#a2adbb}
.vb-workshop [aria-pressed=true]{border-color:#ffc257;background:linear-gradient(135deg,#6b5026aa,#382f22);box-shadow:inset 3px 0 #ffc257;color:#fff}
.vb-workshop-center{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid #424d58;background:radial-gradient(ellipse at 40% 55%,#26344070,transparent 75%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),#0b1118;background-size:auto,22px 22px,22px 22px,auto}
.vb-workshop-caption{padding:20px 22px 0;z-index:1}.vb-workshop-caption h3{font-size:clamp(22px,2.8vw,42px);font-weight:900;font-style:italic;letter-spacing:-1px}.vb-workshop-caption p{margin-top:6px;color:#9caab9;font-size:11px;line-height:1.5}.vb-workshop-preview{flex:1;min-height:140px;touch-action:pan-y}.vb-workshop-preview canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.vb-workshop-drag{padding:0 22px 14px;font:9px monospace;letter-spacing:2px;color:#7e8b9e}
.vb-workshop-stats{grid-column:3;grid-row:1 / 3;border:1px solid #424d58;padding:14px;overflow:auto;background:#101720}.vb-workshop h3{color:#ffc257}.vb-workshop-stats>h3{font-size:12px;letter-spacing:1.8px;margin-bottom:12px}.vb-workshop-stat{padding:9px 0;border-top:1px solid #303a46}.vb-workshop-stat h4{font-size:10px;letter-spacing:1px;color:#afbccb}.vb-workshop-readout{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.vb-workshop-readout strong{font-size:25px}.vb-workshop-readout span{font-size:10px;color:#78869a}.vb-workshop .better{color:#92dbad}.vb-workshop .worse{color:#f2998c}.vb-workshop-stat meter{width:100%;height:6px;display:block;margin:6px 0;accent-color:#ffc257}.vb-workshop-stat meter::-webkit-meter-bar{background:#27313e;border:0}.vb-workshop-stat meter::-webkit-meter-optimum-value{background:#ffc257}.vb-workshop-stat p{font-size:10px;line-height:1.4;color:#92a0b1}.vb-workshop-turn{font-size:10px;line-height:1.5;color:#ffc257;padding-top:8px}
.vb-workshop-slots{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid #424d58;padding:14px;background:#111821}.vb-workshop-slots h3{font-size:16px;font-style:italic;margin-bottom:10px}.vb-workshop-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vb-workshop-option{text-align:left;color:#cad4df;background:#1b2430;border:1px solid #414e5f;padding:9px 10px;min-height:60px}.vb-workshop-option strong{display:block;font-size:11px}.vb-workshop-option small{display:block;font-size:10px;color:#a5b2c2;line-height:1.3;margin-top:4px}.vb-workshop-fixed{font-size:11px;color:#8795a7;margin-top:8px!important}
.vb-workshop-footer{display:flex;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid #424d58;background:#101720;z-index:2}.vb-workshop-footer>div{flex:1}.vb-workshop-footer p{font-size:12px;min-height:16px}.vb-workshop-footer small{display:block;font-size:10px;color:#8a9bae;margin-top:4px}.vb-workshop-footer .primary{background:#ffc257;color:#161b22;font-weight:900;border:1px solid #ffc257;min-width:160px}.vb-workshop .vb-btn{width:auto;flex-shrink:0;white-space:nowrap;min-height:42px;padding:10px 18px;margin:0;clip-path:none;box-shadow:none;font-size:12px;letter-spacing:1px;background:#1d2734;color:#dbe4ee;border:1px solid #4d5b6d}.vb-workshop-footer .primary{background:#ffc257;color:#161b22;border-color:#ffc257}.vb-workshop-footer>div{min-width:220px}
@media(max-width:1100px){.vb-workshop-layout{grid-template-columns:145px minmax(0,1fr) 210px;gap:8px;padding:10px}.vb-workshop-stats{padding:10px}.vb-workshop-stat{padding:6px 0}.vb-workshop-stat p{font-size:9px}.vb-workshop-caption{padding:16px 16px 0}.vb-workshop-slots{gap:10px;padding:10px}}
@media(max-width:760px){.vb-workshop{width:100vw;height:100dvh;border:0}.vb-workshop[open]{display:block;overflow-y:auto}.vb-workshop-header{position:sticky;top:0;padding:12px 14px;gap:10px}.vb-workshop-header h2{font-size:24px}.vb-workshop-identity{font-size:8px;max-width:140px}.vb-workshop-header .vb-btn{margin-left:auto}.vb-workshop-layout{display:flex;flex-direction:column;padding:10px;gap:10px}.vb-workshop-weapons{flex-direction:row;overflow-x:auto;padding:0 0 5px}.vb-workshop-weapon{width:144px;min-height:70px}.vb-workshop-center{height:310px;flex-shrink:0}.vb-workshop-caption h3{font-size:28px}.vb-workshop-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;overflow:visible}.vb-workshop-stats>h3,.vb-workshop-turn{grid-column:1 / 3}.vb-workshop-stats>h3{margin:0}.vb-workshop-stat p{font-size:10px}.vb-workshop-slots{display:flex;flex-direction:column;gap:16px}.vb-workshop-option{min-height:66px;padding:10px}.vb-workshop-footer{position:sticky;bottom:0;padding:10px;flex-wrap:wrap;gap:8px}.vb-workshop-footer>div{flex-basis:100%}.vb-workshop-footer .vb-btn{flex:1;font-size:11px}.vb-workshop-footer small{font-size:9px}}