/* The approved PC picker palette and type family, shared by every player UI.
   Existing layout/camera and game actions remain owned by plaza32 modules. */
:root {
  --ui-ink:#33262b; --ui-muted:#746052; --ui-paper:#fff3cd;
  --ui-card:#fff7dc; --ui-line:#d4ba87; --ui-blue:#dceef8;
  --ui-blue-edge:#669dbb; --ui-blue-ink:#34546c;
  --ui-warm:#f9e6b7; --ui-danger:#924b3c;
  --ui-scale:clamp(.9px,min(.0703125vw,.125dvh),1.8px);
}
.workshop-ui[data-mode],.resource-dialog {
  color:var(--ui-ink);font-family:Pixeloid,monospace;font-synthesis:none;text-shadow:none;
  --market-ink:var(--ui-ink);--bench-ink:var(--ui-ink);--bench-paper:var(--ui-paper);
}
.workshop-ui[data-mode] :is(button,input,select,output,summary,h1,h2,h3,strong,small,dt,dd),
.resource-dialog :is(button,input,select,h1,h2,strong,small) {font-family:Pixeloid,monospace;font-synthesis:none;letter-spacing:0}
.workshop-ui[data-mode] :is(button,input,select,summary):focus-visible,.resource-dialog :is(button,a):focus-visible {
  outline:3px solid var(--ui-blue-edge);outline-offset:3px;
}
.workshop-ui[data-mode] button:not(:disabled):hover,.resource-dialog button:not(:disabled):hover {filter:brightness(1.045)}
.workshop-ui[data-mode] button:disabled {opacity:.48;cursor:not-allowed}
.workshop-ui[data-mode] :is(.bench-icon,.inv-icon) svg {stroke-linecap:square;stroke-linejoin:miter;stroke-width:2}
.workshop-ui[data-mode] :is(.pc-panel,.shop-panel,.bench-drawer,.bench-rail),.resource-dialog {
  background:none;outline:0;border:14px solid transparent;border-image:url('./frames/window.svg') 16 fill stretch;
  border-radius:0;box-shadow:none;color:var(--ui-ink);scrollbar-color:#c39a6e var(--ui-paper);
}
.workshop-ui[data-mode] :is(.market-grid,.market-detail-scroll,.inv-grid,.inv-detail-scroll,.market-categories,.inv-categories) {
  scrollbar-width:thin;scrollbar-color:#c39a6e var(--ui-paper);
}

/* Buttons: warm primary, quiet cream secondary, blue selected. */
.workshop-ui[data-mode] :is(.bench-button,.action-button,.small-button,.market-buy,.market-secondary,.inv-button,.finish-swatch,.focus-controls button),
.resource-dialog .energy-pack {
  background:none!important;color:var(--ui-ink)!important;border:9px solid transparent;
  border-image:url('./frames/picker-button.svg') 12 fill stretch;border-radius:0;box-shadow:none;outline:0;
  font-family:Pixeloid,monospace;font-weight:700;line-height:1.35;letter-spacing:0;text-shadow:none;
  min-height:42px;padding:4px 10px 7px;
}
.workshop-ui[data-mode] :is(.bench-button.secondary,.small-button.secondary,.market-secondary,.inv-button.secondary,.finish-swatch,.focus-controls button) {
  border-image-source:url('./frames/cream.svg');border-image-slice:12;color:var(--ui-ink)!important;
}
.workshop-ui[data-mode] :is(.bench-button[aria-pressed=true],.finish-swatch[aria-pressed=true],.focus-controls button.active) {
  border-image-source:url('./frames/picker-selected.svg');border-image-slice:12;color:#243d50!important;box-shadow:none;
}
.workshop-ui[data-mode] :is(.market-close,.inv-close,.resource-close) {
  display:grid;place-items:center;background:url('./frames/picker-close.svg') center/100% 100% no-repeat!important;
  border:0;box-shadow:none;border-radius:0;color:#38231e!important;min-width:42px;width:42px;height:42px;padding:6px;
  font:700 25px/1 Pixeloid,monospace!important;
}
.workshop-ui[data-mode] :is(select,input[type=search],input[type=file]) {font-size:13px;color:var(--ui-ink)}
.workshop-ui[data-mode] select {
  border:2px solid var(--ui-line);background:var(--ui-card);border-radius:2px;color:var(--ui-ink);
  box-shadow:inset 0 2px #e9d5a8;padding:9px;min-height:40px;line-height:1.4;
}
.workshop-ui[data-mode] :is(input[type=range],meter) {accent-color:var(--ui-blue-edge)}
.workshop-ui[data-mode] input[type=color] {border:2px solid var(--ui-line);background:var(--ui-card);border-radius:0}
.workshop-ui[data-mode] input::file-selector-button {font:700 11px Pixeloid,monospace;background:var(--ui-warm);border:2px solid var(--ui-line);color:var(--ui-ink);border-radius:0;padding:9px}
.workshop-ui[data-mode] :is(.wallpaper-description,.saved-tower-note,.market-description,.market-product-spec,.market-results,.bench-spec,.bench-note) {
  font-family:Pixeloid,monospace;color:var(--ui-muted);line-height:1.65;
}

/* Shared HUD must also win over the older per-mode navigation variants. Equal grid columns (apricot.css): the
   buttons take their column's width, never a width of their own. */
.workshop-ui[data-mode] .game-nav {display:grid;grid-auto-flow:column;grid-auto-columns:calc(154 * var(--apricot-unit));bottom:max(calc(16 * var(--apricot-unit)),env(safe-area-inset-bottom));gap:calc(12 * var(--apricot-unit));width:auto}
.workshop-ui[data-mode] .game-nav button {
  width:auto;min-width:0;height:calc(54 * var(--apricot-unit));
  border:calc(9 * var(--apricot-unit)) solid transparent;border-image:url('./frames/cream.svg') 12 fill stretch;
  background:none;box-shadow:none;border-radius:0;padding:0 calc(3 * var(--apricot-unit)) calc(4 * var(--apricot-unit));
  font:700 calc(13 * var(--apricot-unit))/1 Pixeloid,monospace;letter-spacing:calc(-.3 * var(--apricot-unit));color:var(--ui-ink);
  gap:calc(8 * var(--apricot-unit));
}
.workshop-ui[data-mode] .game-nav button.active {border-image-source:url('./frames/picker-selected.svg');color:var(--ui-blue-ink)}
.workshop-ui[data-mode] .game-nav button:hover {background:none;box-shadow:none}
.workshop-ui[data-mode] .return-world {
  border:8px solid transparent;border-image:url('./frames/cream.svg') 12 fill stretch;border-radius:0;
  background:none;box-shadow:none;color:var(--ui-ink);font:700 12px/1.3 Pixeloid,monospace;padding:3px 9px 6px;min-height:42px;
}
.workshop-ui[data-mode=inventory]>.return-world {display:none}
.workshop-ui[data-mode] .hover-name {background:var(--ui-card);border:2px solid var(--ui-line);box-shadow:0 3px #6547304d;color:var(--ui-ink);font:12px/1.5 Pixeloid,monospace;max-width:280px}
.workshop-ui[data-mode] .game-message,.pc-picker-status {
  background:none;color:var(--ui-ink);border:10px solid transparent;border-image:url('./frames/cream.svg') 12 fill stretch;
  border-radius:0;box-shadow:none;font:13px/1.65 Pixeloid,monospace;padding:10px 18px;max-width:min(620px,calc(100vw - 32px));
}
.workshop-ui[data-mode] .game-message.error {color:var(--ui-danger)}
.workshop-ui[data-mode] .part-card {background:var(--ui-card);color:var(--ui-ink);border:3px solid var(--ui-line);border-radius:0;box-shadow:none}
.workshop-ui[data-mode] .part-card p {color:var(--ui-muted)}

/* Market + inventory: one centered cream window, real catalog art and a
   separately scrolling detail column. Category strips scroll on small screens. */
.workshop-ui[data-mode] .shop-panel {
  --s:var(--ui-scale);top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%);
  width:min(calc(1100 * var(--s)),calc(100vw - 40px));height:calc(100dvh - 190 * var(--s));max-height:none;
  padding:calc(8 * var(--s)) calc(12 * var(--s));border-width:calc(12 * var(--s));
  font:400 calc(12 * var(--s))/1.5 Pixeloid,monospace;gap:calc(10 * var(--s));
}
.workshop-ui[data-mode] .market-awning {display:none}
.workshop-ui[data-mode] :is(.market-header,.inv-header) {
  min-height:calc(48 * var(--s));padding:0;margin:0 0 calc(8 * var(--s));gap:calc(14 * var(--s));
  background:none;color:var(--ui-ink);border:0;flex-shrink:0;
}
.workshop-ui[data-mode] :is(.market-header h1,.inv-header h1) {
  flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(55 * var(--s));
  background:none;border:calc(10 * var(--s)) solid transparent;border-image:url('./frames/title.svg') 18 fill stretch;
  border-radius:0;box-shadow:none;padding:calc(2 * var(--s)) calc(12 * var(--s));margin:0;
  color:#fff9e7;font:700 calc(23 * var(--s))/1.3 Pixeloid,monospace;
  -webkit-text-stroke:calc(2.5 * var(--s)) #513024;paint-order:stroke fill;text-shadow:0 calc(2 * var(--s)) #513024;
}
.workshop-ui[data-mode] .market-shop-icon {display:none}
.workshop-ui[data-mode] :is(.market-wallet,.inv-wallet) {
  background:none;color:#622d25;font:700 calc(13 * var(--s))/1.4 Pixeloid,monospace;
  border:0;box-shadow:none;padding:calc(6 * var(--s));white-space:nowrap;
}
.workshop-ui[data-mode] :is(.market-wallet,.inv-wallet,.market-price,.market-buy)::before {content:none}
.workshop-ui[data-mode] :is(.market-close,.inv-close) {width:calc(40 * var(--s));height:calc(40 * var(--s));min-width:calc(40 * var(--s))}
.workshop-ui[data-mode] :is(.market-categories,.inv-categories) {
  display:flex;overflow-x:auto;gap:calc(5 * var(--s));padding:0 0 calc(7 * var(--s));margin:0 0 calc(3 * var(--s));flex-shrink:0;
}
.workshop-ui[data-mode] :is(.market-category,.inv-category) {
  flex:1 0 calc(63 * var(--s));min-width:calc(63 * var(--s));height:calc(69 * var(--s));min-height:0;
  border:calc(6 * var(--s)) solid transparent;border-image:url('./frames/tile.svg') 9 fill stretch;
  background:none;box-shadow:none;border-radius:0;padding:0 calc(1 * var(--s));gap:0;
  font:700 calc(9 * var(--s))/1.35 Pixeloid,monospace;color:var(--ui-muted);
}
.workshop-ui[data-mode] :is(.market-category,.inv-category)[aria-pressed=true] {border-image-source:url('./frames/tile-blue.svg');background:none;color:var(--ui-blue-ink);box-shadow:none}
.workshop-ui[data-mode] :is(.market-category,.inv-category):hover {background:none;box-shadow:none}
.workshop-ui[data-mode] .market-category::after {display:none}
.workshop-ui[data-mode] :is(.category-art,.inv-category-art,.inv-category .inv-icon) {width:calc(44 * var(--s));height:calc(35 * var(--s));filter:none}
.workshop-ui[data-mode] :is(.market-toolbar,.inv-toolbar) {gap:calc(8 * var(--s));min-height:calc(35 * var(--s))}
.workshop-ui[data-mode] :is(.market-search,.inv-search) {background:var(--ui-card);border:2px solid var(--ui-line);border-radius:2px;box-shadow:inset 0 2px #e9d5a8;padding:0 calc(8 * var(--s));gap:calc(7 * var(--s))}
.workshop-ui[data-mode] :is(.market-search,.inv-search):focus-within {border-color:var(--ui-blue-edge)}
.workshop-ui[data-mode] :is(.market-search,.inv-search) input {color:var(--ui-ink);font:400 calc(11 * var(--s))/1.4 Pixeloid,monospace;padding:calc(7 * var(--s)) 0;box-shadow:none}
.workshop-ui[data-mode] :is(.market-search,.inv-search) input::placeholder {color:#947d66}
.workshop-ui[data-mode] :is(.market-sort,.inv-sort) {font:400 calc(10 * var(--s))/1.3 Pixeloid,monospace;width:calc(162 * var(--s));max-width:none;min-height:0;padding:calc(5 * var(--s))}
.workshop-ui[data-mode] .inv-status-tab {background:var(--ui-card);color:var(--ui-muted);border:2px solid var(--ui-line);border-radius:2px;font-size:calc(10 * var(--s));padding:calc(5 * var(--s)) calc(9 * var(--s));min-height:0}
.workshop-ui[data-mode] .inv-status-tab[aria-pressed=true] {background:var(--ui-blue);border-color:var(--ui-blue-edge);color:var(--ui-blue-ink)}
.workshop-ui[data-mode] :is(.market-results,.inv-results) {font:400 calc(9 * var(--s))/1.5 Pixeloid,monospace;color:var(--ui-muted);padding:calc(7 * var(--s)) calc(2 * var(--s))}
.workshop-ui[data-mode] :is(.market-body,.inv-body) {gap:calc(14 * var(--s));grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.workshop-ui[data-mode] :is(.market-grid,.inv-grid) {background:none;border-radius:0;padding:calc(4 * var(--s));gap:calc(10 * var(--s))}
.workshop-ui[data-mode] .market-grid {grid-auto-rows:max-content}
.workshop-ui[data-mode] .market-product {min-height:calc(250 * var(--s))}
.workshop-ui[data-mode] .inv-grid {grid-auto-rows:max-content}
.workshop-ui[data-mode] :is(.market-category,.inv-category) span {white-space:nowrap;overflow-wrap:normal}
.workshop-ui[data-mode] :is(.market-category,.inv-category) {flex-basis:auto;min-width:calc(70 * var(--s));padding-inline:calc(4 * var(--s))}
.workshop-ui[data-mode] :is(.market-product,.inv-item) {
  background:none;color:var(--ui-ink);border:calc(7 * var(--s)) solid transparent;border-image:url('./frames/tile.svg') 9 fill stretch;
  box-shadow:none;border-radius:0;overflow:hidden;
}
.workshop-ui[data-mode] :is(.market-product,.inv-item)[aria-pressed=true] {background:none;border-image-source:url('./frames/tile-blue.svg');box-shadow:none}
.workshop-ui[data-mode] :is(.market-product,.inv-item):hover {background:none}
.workshop-ui[data-mode] .market-product[aria-pressed=true]::after {background:#77accb;color:#fffaf0;border:2px solid #48728d;top:5px;right:5px;width:21px;height:21px;line-height:18px}
.workshop-ui[data-mode] .market-product-stage {min-height:0;padding:calc(9 * var(--s)) calc(4 * var(--s)) 0;background:none}
.workshop-ui[data-mode] .market-product-stage::after {background:#d4bd9240;height:calc(9 * var(--s));bottom:calc(8 * var(--s))}
.workshop-ui[data-mode] .market-product-art {height:calc(125 * var(--s));filter:none}
.workshop-ui[data-mode] .market-product-copy {padding:calc(8 * var(--s));gap:calc(7 * var(--s))}
.workshop-ui[data-mode] :is(.market-product h2,.inv-item h2) {color:var(--ui-ink);font:700 calc(13 * var(--s))/1.45 Pixeloid,monospace;letter-spacing:0;overflow-wrap:anywhere}
.workshop-ui[data-mode] .market-product-spec {font:400 calc(10 * var(--s))/1.6 Pixeloid,monospace;min-height:calc(31 * var(--s))}
.workshop-ui[data-mode] .market-price {border:0;border-radius:2px;background:#f9e6b7aa;color:#622d25;font-size:calc(13 * var(--s));padding:calc(6 * var(--s))}
.workshop-ui[data-mode] .market-product[aria-pressed=true] .market-price {background:#a1cce777}
.workshop-ui[data-mode] :is(.market-detail,.inv-detail) {background:var(--ui-card);border:2px solid var(--ui-line);border-radius:2px;padding:calc(12 * var(--s));gap:calc(9 * var(--s));color:var(--ui-ink)}
.workshop-ui[data-mode] :is(.market-detail-title,.inv-detail-heading h2) {font:700 calc(18 * var(--s))/1.45 Pixeloid,monospace;letter-spacing:0;color:var(--ui-ink)}
.workshop-ui[data-mode] :is(.market-eyebrow,.inv-kind) {color:var(--ui-muted);font:400 calc(10 * var(--s))/1.4 Pixeloid,monospace;letter-spacing:0}
.workshop-ui[data-mode] :is(.market-detail-art,.inv-detail-art) {height:calc(95 * var(--s));margin:calc(6 * var(--s)) 0;filter:none}
.workshop-ui[data-mode] .market-comparison {background:#f9e6b780;border:0;padding:calc(9 * var(--s));border-radius:2px}
.workshop-ui[data-mode] :is(.market-comparison>small,.market-inventory-note,.market-fit small) {font-size:calc(9 * var(--s));color:var(--ui-muted);line-height:1.6}
.workshop-ui[data-mode] .market-stat {font-size:calc(10 * var(--s));line-height:1.7;grid-template-columns:minmax(0,1fr) auto auto;gap:calc(5 * var(--s));margin:calc(5 * var(--s)) 0}
.workshop-ui[data-mode] .market-stat strong {font-weight:700}.workshop-ui[data-mode] .market-delta {font-size:calc(9 * var(--s));color:#497a72}
.workshop-ui[data-mode] .market-delta.extra-power {color:#9c683d}
.workshop-ui[data-mode] :is(.market-fit,.inv-compare,.inv-saved-banner) {background:var(--ui-blue);color:var(--ui-blue-ink);border:0;border-left:3px solid var(--ui-blue-edge);border-radius:2px;padding:calc(8 * var(--s));font-size:calc(10 * var(--s));line-height:1.6}
.workshop-ui[data-mode] :is(.market-fit.needs-upgrade,.inv-fit.warning,.inv-sale-confirm) {background:#f9e1b1;color:#785037;border:0;border-left:3px solid #ce9b5b;border-radius:2px;padding:calc(9 * var(--s))}
.workshop-ui[data-mode] :is(.market-buy,.inv-button) {font-size:calc(13 * var(--s))!important;min-height:calc(40 * var(--s));border-width:calc(8 * var(--s));padding:calc(4 * var(--s)) calc(6 * var(--s)) calc(6 * var(--s));line-height:1.45}
.workshop-ui[data-mode] .market-buy:disabled {opacity:.5;box-shadow:none}
.workshop-ui[data-mode] .market-secondary {font-size:calc(10 * var(--s));min-height:calc(33 * var(--s));padding:calc(3 * var(--s)) calc(6 * var(--s));border-width:calc(7 * var(--s))}
.workshop-ui[data-mode] :is(.market-more,.market-description,.inv-about,.inv-about p,.inv-note,.inv-fit,.inv-spec,.inv-condition>div,.inv-finish) {font-size:calc(10 * var(--s));color:var(--ui-muted);line-height:1.7}
.workshop-ui[data-mode] :is(.market-more,.inv-finish,.inv-stats>div+div) {border-color:var(--ui-line)}
.workshop-ui[data-mode] :is(.market-footer,.inv-footer) {background:#f9e6b770;border:0;border-radius:2px;color:var(--ui-muted);font:400 calc(9 * var(--s))/1.6 Pixeloid,monospace;padding:calc(6 * var(--s)) calc(10 * var(--s));margin-top:calc(4 * var(--s))}
.workshop-ui[data-mode] .inv-item {padding:calc(8 * var(--s));gap:calc(6 * var(--s));justify-content:flex-start}
.workshop-ui[data-mode] .inv-item-art {height:calc(101 * var(--s));filter:none}
.workshop-ui[data-mode] .inv-item h2 {font-size:calc(11 * var(--s));margin-top:auto}
.workshop-ui[data-mode] .inv-item-status {background:var(--ui-warm);color:var(--ui-muted);font-size:calc(9 * var(--s));border-radius:2px;padding:calc(3 * var(--s)) calc(7 * var(--s));min-width:0}
.workshop-ui[data-mode] .inv-item-status.installed {background:#c5e0ee;color:var(--ui-blue-ink)}
.workshop-ui[data-mode] .inv-item-status.saved {background:#e6dded;color:#685375}
.workshop-ui[data-mode] .inv-detail-heading {flex-wrap:wrap;gap:calc(6 * var(--s))}
.workshop-ui[data-mode] .inv-detail-heading h2 {flex-basis:100%}
.workshop-ui[data-mode] .inv-stats {background:#f9e6b790;padding:calc(9 * var(--s));gap:calc(10 * var(--s));border-radius:2px}
.workshop-ui[data-mode] .inv-stats :is(span,small) {font-size:calc(10 * var(--s))}
.workshop-ui[data-mode] .inv-stats strong {font-size:calc(20 * var(--s));color:#622d25}
.workshop-ui[data-mode] .inv-compare strong {color:var(--ui-blue-ink);font-size:calc(12 * var(--s))}
.workshop-ui[data-mode] .inv-condition meter::-webkit-meter-bar {background:#e8d7b1}
.workshop-ui[data-mode] .inv-condition meter::-webkit-meter-optimum-value {background:#7aafca}
.workshop-ui[data-mode] .inv-sale-confirm :is(p,strong) {font-size:calc(10 * var(--s))}
.workshop-ui[data-mode] .inv-button.sell-confirm {border-image-source:url('./frames/picker-selected.svg');color:var(--ui-blue-ink)!important}
.workshop-ui[data-mode] :is(.market-empty,.inv-empty,.inv-detail-empty) {color:var(--ui-muted);font-size:calc(12 * var(--s));line-height:1.7}
.workshop-ui[data-mode] .inv-empty h2 {font:700 calc(19 * var(--s))/1.5 Pixeloid,monospace;color:var(--ui-ink)}
.workshop-ui[data-mode] .inv-back {color:var(--ui-blue-ink);font-family:Pixeloid,monospace}

/* Workbench: retain the fitted camera area, drawer, and inspection rail. */
.workshop-ui[data-mode=build] .bench-title {
  background:none;border:12px solid transparent;border-image:url('./frames/title.svg') 18 fill stretch;border-radius:0;outline:0;box-shadow:none;
  color:#fff9e7;font:700 clamp(18px,1.55vw,32px)/1.4 Pixeloid,monospace;letter-spacing:0;padding:7px 16px;
  -webkit-text-stroke:2px #513024;paint-order:stroke fill;text-shadow:0 2px #513024;gap:12px;
}
.workshop-ui[data-mode=build] .bench-views {background:none;box-shadow:none;border:7px solid transparent;border-image:url('./frames/cream.svg') 12 fill stretch;border-radius:0;padding:2px;gap:5px}
.workshop-ui[data-mode=build] .bench-views .bench-button {min-width:106px;min-height:38px;margin:0;font-size:12px;border-width:7px;padding:2px 7px 4px;border-image-source:url('./frames/cream.svg')}
.workshop-ui[data-mode=build] .bench-views .bench-button[aria-pressed=true] {border-image-source:url('./frames/picker-selected.svg')}
.workshop-ui[data-mode=build] :is(.pc-panel,.bench-drawer) {border-width:12px;scrollbar-color:#c39a6e var(--ui-paper)}
.workshop-ui[data-mode=build] .pc-panel {max-height:calc(100dvh - max(172px,19dvh) - 82 * var(--apricot-unit) - 175px)}
.workshop-ui[data-mode=build] .bench-drawer {border-radius:0}
.workshop-ui[data-mode=build] :is(.bench-drawer,.bench-rail) {bottom:calc(82 * var(--apricot-unit))}
.workshop-ui[data-mode=build] :is(.bench-library,.bench-setup-list,.bench-section,.bench-disclosure,.cooler-display-controls) {border-color:var(--ui-line)}
.workshop-ui[data-mode=build] .bench-library::after {display:none}
.workshop-ui[data-mode=build] .bench-drawer h2 {font:700 clamp(14px,1.1vw,23px)/1.4 Pixeloid,monospace;letter-spacing:0;color:var(--ui-ink)}
.workshop-ui[data-mode=build] .bench-library-tabs .bench-button {font-size:11px;min-height:34px;border-width:6px;padding:2px 6px 4px}
.workshop-ui[data-mode=build] .bench-library-head {gap:10px;flex-wrap:wrap}
.workshop-ui[data-mode=build] .bench-slot {background:none;color:var(--ui-ink)!important;border:7px solid transparent;border-image:url('./frames/tile.svg') 9 fill stretch;border-radius:0;box-shadow:none;font:700 11px/1.3 Pixeloid,monospace;padding:2px;gap:3px}
.workshop-ui[data-mode=build] .bench-slot[aria-pressed=true] {border-image-source:url('./frames/tile-blue.svg');box-shadow:none}
.workshop-ui[data-mode=build] .bench-slot[data-slot=keyboard] {min-width:calc(8ch + 18px)}
.workshop-ui[data-mode=build] .bench-slot[aria-pressed=true]::after {color:var(--ui-blue-ink)}
.workshop-ui[data-mode=build] .bench-library .bench-rail {background:none;border:0;border-image:none;gap:10px}
.workshop-ui[data-mode=build] .bench-library .bench-rail {bottom:auto}
.workshop-ui[data-mode=build] .bench-library .bench-slot {border-width:7px;font-size:12px}
.workshop-ui[data-mode=build] .bench-library .bench-slot :is(.bench-art,.bench-empty) {background:none;border-radius:0;outline:0;padding:0}
.workshop-ui[data-mode=build] .bench-setup-list {font:400 clamp(10px,.8vw,16px)/1.7 Pixeloid,monospace;gap:4px 10px;grid-template-columns:auto minmax(0,1fr)}
.workshop-ui[data-mode=build] .bench-setup-list dd {font-weight:400}
.workshop-ui[data-mode=build] .bench-feather {color:#b7a07a}
.workshop-ui[data-mode=build] .bench-feather::before,.workshop-ui[data-mode=build] .bench-feather::after {background:var(--ui-line)}
.workshop-ui[data-mode=build] .bench-summary-stat {font:400 clamp(11px,.85vw,17px)/1.45 Pixeloid,monospace;background:#f9e6b780;padding:5px 8px;border-radius:2px}
.workshop-ui[data-mode=build] .bench-summary-stat strong {font:700 clamp(15px,1.15vw,24px)/1.4 Pixeloid,monospace;color:#622d25}
.workshop-ui[data-mode=build] .bench-drawer-actions .bench-button {font-size:clamp(10px,.8vw,15px);border-width:8px;outline:0;min-height:45px;padding:3px;line-height:1.5}
.workshop-ui[data-mode=build] :is(.bench-header,.pc-panel>.panel-heading) {background:#ffcc89;color:var(--ui-ink);border:0;border-bottom:3px solid #e7b376;padding:12px}
.workshop-ui[data-mode=build] :is(.bench-header h1,.pc-panel>.panel-heading h1) {font:700 18px/1.5 Pixeloid,monospace;letter-spacing:0}
.workshop-ui[data-mode=build] .bench-header {align-items:flex-start;flex-wrap:wrap;gap:4px}
.workshop-ui[data-mode=build] .bench-balance {color:#765035;font:400 10px/1.4 Pixeloid,monospace}
.workshop-ui[data-mode=build] .bench-name {font:700 18px/1.5 Pixeloid,monospace;letter-spacing:0;color:var(--ui-ink)}
.workshop-ui[data-mode=build] .bench-body {padding:15px}
.workshop-ui[data-mode=build] .bench-product {background:#fff9e7;border:1px solid var(--ui-line);border-radius:2px;height:auto;min-height:100px}
.workshop-ui[data-mode=build] .bench-product-info strong {color:#622d25;font-size:21px}
.workshop-ui[data-mode=build] :is(.bench-kind,.bench-note,.bench-spec,.bench-muted,.bench-health,.bench-care-value,.rgb-controls small,.sealed-specs dt,.wallpaper-description,.saved-tower-note) {color:var(--ui-muted);font-family:Pixeloid,monospace}
.workshop-ui[data-mode=build] :is(.bench-muted,.bench-kind) {font-size:10px;line-height:1.6}
.workshop-ui[data-mode=build] :is(.bench-spec,.bench-note,.wallpaper-description) {font-size:12px;line-height:1.7}
.workshop-ui[data-mode=build] :is(.bench-section h2,.wallpaper-title,.cooler-display-controls h2) {font:700 12px/1.5 Pixeloid,monospace;letter-spacing:0;color:var(--ui-ink)}
.workshop-ui[data-mode=build] .bench-disclosure {margin-top:12px;padding-top:6px}
.workshop-ui[data-mode=build] .bench-disclosure summary {font-size:12px;line-height:1.6;padding:7px 0;color:var(--ui-ink)}
.workshop-ui[data-mode=build] .bench-disclosure[open] summary {color:var(--ui-blue-ink)}
.workshop-ui[data-mode=build] :is(.bench-tip,.bench-cooling-formula,.saved-tower-note) {background:#f9e6b790;border-color:var(--ui-line);color:var(--ui-muted);line-height:1.7;border-radius:2px}
.workshop-ui[data-mode=build] .bench-tip::before {background:#80b0ca;color:#fff9e7;border-radius:2px}
.workshop-ui[data-mode=build] .bench-meter {background:#e8d7b1}.workshop-ui[data-mode=build] .bench-meter i {background:#7aafca}
.workshop-ui[data-mode=build] :is(.bench-care-value strong,.bench-airflow-score,.sealed-specs dd,.sealed-meters strong,.sealed-meters span,.sealed-badge,.crop-slider) {color:var(--ui-blue-ink)}
.workshop-ui[data-mode=build] .bench-fan-row {border-color:var(--ui-line);line-height:1.7}
.workshop-ui[data-mode=build] .bench-part-actions {background:var(--ui-paper);gap:8px;padding-top:10px}
.workshop-ui[data-mode=build] .bench-part-actions .bench-button {font-size:10px!important;min-height:46px;line-height:1.6;border-width:7px;padding:3px}
.workshop-ui[data-mode=build] .finish-swatch {border-width:7px;min-height:40px;padding:3px 8px;font-size:12px}
.workshop-ui[data-mode=build] .finish-swatch::before {border-radius:1px}
.workshop-ui[data-mode=build] .rgb-row {font-size:11px;flex-wrap:wrap}
.workshop-ui[data-mode=build] .rgb-row input[type=range] {flex:1;min-width:100px}
.workshop-ui[data-mode=build] .wallpaper-choice {background:none;border:7px solid transparent;border-image:url('./frames/tile.svg') 9 fill stretch;border-radius:0;box-shadow:none;color:var(--ui-ink);padding:3px}
.workshop-ui[data-mode=build] .wallpaper-choice.selected {border-image-source:url('./frames/tile-blue.svg');box-shadow:none}
.workshop-ui[data-mode=build] .wallpaper-choice span {font-size:10px;line-height:1.6;padding:8px 0 3px}
.workshop-ui[data-mode=build] .wallpaper-upload input {color:var(--ui-ink);font-family:Pixeloid,monospace}
.workshop-ui[data-mode=build] .wallpaper-upload input::file-selector-button {font:700 11px Pixeloid,monospace;background:var(--ui-warm);border:2px solid var(--ui-line);color:var(--ui-ink);border-radius:0;padding:9px}
.workshop-ui[data-mode=build] .saved-tower-banner {background:var(--ui-blue);border-color:var(--ui-blue-edge);color:var(--ui-blue-ink)}
.workshop-ui[data-mode=build] .sealed-meters {border-color:var(--ui-line)}
.workshop-ui[data-mode=build] :is(.portrait-crop-preview,.saved-case-photo,.cooler-photo) {border-color:var(--ui-line)}
.workshop-ui[data-mode=build] .sealed-title {font:700 20px/1.5 Pixeloid,monospace;color:var(--ui-ink)}

/* Resource modals and their recharge / status states. */
.resource-dialog {width:min(600px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:22px;border-width:16px;font:400 14px/1.7 Pixeloid,monospace}
.resource-dialog::backdrop {background:#372d374a;backdrop-filter:blur(3px)}
.resource-heading {gap:12px}
.resource-heading h1 {font:700 24px/1.4 Pixeloid,monospace;color:var(--ui-ink)}
.resource-dialog .resource-close {background:url('./frames/picker-close.svg') center/100% 100% no-repeat;border:0;border-radius:0;color:#38231e;min-width:40px;height:40px;font:700 24px Pixeloid,monospace}
.resource-total {background:#f9e6b7aa;color:#622d25;font-size:34px;padding:13px 16px;margin:23px 0 16px;text-align:center;border-radius:2px}
.resource-metrics {border-color:var(--ui-line);font-size:12px;gap:12px;padding:17px 0}
.resource-metrics dd {color:var(--ui-blue-ink);max-width:250px}
.resource-copy,.resource-note {color:var(--ui-muted);font-size:12px;line-height:1.8}
.resource-dialog h2 {font:700 17px/1.5 Pixeloid,monospace;margin:22px 0 12px}
.resource-dialog .energy-pack {min-height:86px;font-size:12px;padding:8px 2px 12px;gap:8px}
.resource-dialog .energy-pack strong {font-size:18px}.resource-dialog .energy-pack span {font-size:10px}
.resource-link {color:var(--ui-blue-ink);font-size:12px;line-height:1.7;text-underline-offset:4px}
.resource-alert {background:var(--ui-blue);border-left:3px solid var(--ui-blue-edge);color:var(--ui-blue-ink);font-size:12px;line-height:1.6;border-radius:2px}

@media(max-height:800px) and (min-width:861px) {
  .workshop-ui[data-mode] .shop-panel {height:calc(100dvh - 180px);padding:6px 10px}
  .workshop-ui[data-mode] :is(.market-header,.inv-header) {margin-bottom:4px}
  .workshop-ui[data-mode] :is(.market-category,.inv-category) {height:60px;font-size:9px}
  .workshop-ui[data-mode] :is(.category-art,.inv-category-art) {height:28px}
  .workshop-ui[data-mode] :is(.market-detail-art,.inv-detail-art) {height:90px}
  .workshop-ui[data-mode] .market-product-art {height:107px}
  .workshop-ui[data-mode=build] .bench-library,.workshop-ui[data-mode=build] .bench-setup {padding:10px 14px}
  .workshop-ui[data-mode=build] .bench-library .bench-rail {gap:5px}
  .workshop-ui[data-mode=build] .bench-library-tabs .bench-button {min-height:29px;font-size:9px;padding:1px 3px}
  .workshop-ui[data-mode=build] .bench-setup-list {font-size:10px;line-height:1.4;gap:2px 8px}
  .workshop-ui[data-mode=build] .bench-setup-list img {width:14px;height:14px}
  .workshop-ui[data-mode=build] .bench-summary-stat {padding:3px;font-size:10px}
  .workshop-ui[data-mode=build] .bench-summary-stat strong {font-size:15px}
  .workshop-ui[data-mode=build] .bench-summary-stat .bench-icon svg {width:18px;height:18px}
  .workshop-ui[data-mode=build] .bench-drawer-actions {flex-shrink:0;margin-top:3px;gap:5px}
  .workshop-ui[data-mode=build] .bench-drawer-actions .bench-icon svg {width:15px;height:15px}
  .workshop-ui[data-mode=build] .bench-drawer-actions .bench-button {min-height:35px;border-width:6px;padding:2px;font-size:9px}
}
@media(max-height:760px) and (min-width:621px) {
  .workshop-ui[data-mode=build] .pc-panel {max-height:calc(100dvh - 148px - 82 * var(--apricot-unit) - 125px)}
}
@media(max-width:1100px) and (min-width:701px) {
  .workshop-ui[data-mode] .inv-toolbar {flex-wrap:wrap}.workshop-ui[data-mode] .inv-search {flex-basis:100%}
}
@media(max-width:860px) {
  .workshop-ui[data-mode] .shop-panel {--s:1px;top:76px;bottom:90px;left:12px;right:12px;width:auto;height:auto;transform:none;border-width:10px;padding:8px;max-height:none}
  .workshop-ui[data-mode] .shop-panel.garden-market {display:flex;overflow:auto}
  .workshop-ui[data-mode] .market-body {grid-template-columns:minmax(0,1.2fr) minmax(230px,1fr);flex:none}
  .workshop-ui[data-mode] .market-grid {overflow:visible;grid-template-columns:1fr}
  .workshop-ui[data-mode] .market-detail {overflow:visible}
  .workshop-ui[data-mode] :is(.market-header h1,.inv-header h1) {font-size:21px}
}
@media(max-width:700px) {
  .workshop-ui[data-mode] .game-nav {width:calc(100% - 22px);grid-auto-columns:minmax(0,1fr);gap:6px;bottom:max(10px,env(safe-area-inset-bottom))}
  .workshop-ui[data-mode] .game-nav button {height:49px;border-width:8px;padding:0 1px 3px;font-size:10px;gap:4px;letter-spacing:0}
  .workshop-ui[data-mode] .game-nav .pixel-icon {width:25px;height:25px}
  .workshop-ui[data-mode] .shop-panel {top:72px;bottom:73px;left:8px;right:8px;border-width:8px;padding:5px;gap:7px}
  .workshop-ui[data-mode] :is(.market-header,.inv-header) {gap:5px;margin:0 0 5px;flex-wrap:wrap}
  .workshop-ui[data-mode] :is(.market-header h1,.inv-header h1) {font-size:18px;min-height:45px;border-width:8px;padding:3px}
  .workshop-ui[data-mode] :is(.market-wallet,.inv-wallet) {display:none}
  .workshop-ui[data-mode] :is(.market-close,.inv-close) {width:35px;min-width:35px;height:35px}
  .workshop-ui[data-mode] :is(.market-category,.inv-category) {height:64px;width:auto;min-width:70px;flex:0 0 auto;padding-inline:7px;border-width:5px;font-size:9px}
  .workshop-ui[data-mode] :is(.market-sort,.inv-sort) {font-size:9px;width:125px;padding:5px}
  .workshop-ui[data-mode] .inv-toolbar {display:grid;grid-template-columns:1fr auto;gap:6px}
  .workshop-ui[data-mode] .inv-search {grid-column:1/-1}
  .workshop-ui[data-mode] .inv-status-tab {font-size:9px;padding:6px 8px}
  .workshop-ui[data-mode] .inv-body {display:flex;min-height:0}
  .workshop-ui[data-mode] .inv-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .workshop-ui[data-mode] .inv-item {padding:6px;border-width:6px;min-height:166px}
  .workshop-ui[data-mode] .inv-item-art {height:80px}
  .workshop-ui[data-mode] .inv-item h2 {font-size:11px}
  .workshop-ui[data-mode] .inv-detail {padding:9px}
  .workshop-ui[data-mode] .inv-detail-heading h2 {font-size:19px}
  .workshop-ui[data-mode] .inv-detail-art {height:140px}
  .workshop-ui[data-mode] .inv-footer {font-size:9px}
  .resource-dialog {padding:13px;border-width:12px;font-size:12px}
  .resource-heading h1 {font-size:20px}.resource-total {font-size:28px}
  .resource-metrics {font-size:11px;grid-template-columns:1fr minmax(0,1.4fr);gap:11px}
  .energy-packs {gap:5px}.resource-dialog .energy-pack {border-width:7px;min-height:80px}
  .resource-dialog .energy-pack strong {font-size:14px}.resource-dialog .energy-pack span {font-size:9px}
}
@media(max-width:620px) {
  .workshop-ui[data-mode] .market-body {display:flex;flex-direction:column;gap:14px}
  .workshop-ui[data-mode] .market-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:2px}
  .workshop-ui[data-mode] .market-product {border-width:5px}
  .workshop-ui[data-mode] .market-product-art {height:91px}
  .workshop-ui[data-mode] .market-product-copy {padding:7px 4px;gap:7px}
  .workshop-ui[data-mode] .market-product h2 {font-size:11px;line-height:1.6}
  .workshop-ui[data-mode] .market-product-spec {font-size:9px;min-height:42px}
  .workshop-ui[data-mode] .market-price {font-size:11px;padding:5px 3px}
  .workshop-ui[data-mode] .market-detail {min-height:390px;padding:12px}
  .workshop-ui[data-mode] .market-detail-scroll {flex:none;overflow:visible}
  .workshop-ui[data-mode] .market-detail-title {font-size:20px}
  .workshop-ui[data-mode] .market-stat {font-size:12px}
  .workshop-ui[data-mode] .market-detail-art {height:155px}
  .workshop-ui[data-mode=build] .bench-title {font-size:10px;max-width:185px;padding:4px 5px;border-width:6px;top:131px;left:12px;gap:5px;white-space:nowrap;-webkit-text-stroke:0;text-shadow:none;color:#392b26}
  .workshop-ui[data-mode=build] .bench-title .bench-icon svg {width:16px;height:16px}
  .workshop-ui[data-mode=build] .bench-views {top:76px;left:10px;right:10px;border-width:5px;padding:1px;gap:3px}
  .workshop-ui[data-mode=build] .bench-views .bench-button {min-width:0;min-height:35px;font-size:10px;border-width:5px;padding:2px 3px 4px;gap:4px}
  .workshop-ui[data-mode=build] .return-world {top:131px;right:12px;min-height:30px;font-size:9px;border-width:6px;padding:2px 5px 4px}
  .workshop-ui[data-mode=build] .bench-scene-hint {top:170px;left:12px;max-width:190px;font-size:10px}
  .workshop-ui[data-mode=build] .bench-scene-hint .bench-button {font-size:9px;min-height:30px;border-width:5px;padding:2px 5px}
  .workshop-ui[data-mode=build] :is(.pc-panel,.bench-drawer) {border-width:8px;left:10px;right:10px}
  .workshop-ui[data-mode=build] .bench-drawer {bottom:74px;top:49%;padding:0}
  .workshop-ui[data-mode=build] .bench-drawer h2 {font-size:13px}
  .workshop-ui[data-mode=build] .bench-library-head {gap:7px}
  .workshop-ui[data-mode=build] .bench-library-tabs .bench-button {font-size:9px;min-height:30px;border-width:5px;padding:2px 4px}
  .workshop-ui[data-mode=build] .bench-library .bench-rail {height:168px;gap:7px}
  .workshop-ui[data-mode=build] .bench-library .bench-slot {font-size:9px;border-width:5px}
  .workshop-ui[data-mode=build] .bench-library .bench-slot .bench-art {height:45px}
  .workshop-ui[data-mode=build] .bench-setup {border-color:var(--ui-line)}
  .workshop-ui[data-mode=build] .bench-setup-columns {grid-template-columns:1fr;gap:14px}
  .workshop-ui[data-mode=build] .bench-setup-list {font-size:10px;border:0;padding:0;line-height:1.8}
  .workshop-ui[data-mode=build] .bench-summary-stat {font-size:11px;padding:6px}
  .workshop-ui[data-mode=build] .bench-summary-stat strong {font-size:16px}
  .workshop-ui[data-mode=build] .bench-drawer-actions {flex-direction:row}
  .workshop-ui[data-mode=build] .bench-drawer-actions .bench-button {font-size:10px;min-height:38px;border-width:6px;padding:3px}
  .workshop-ui[data-mode=build] .bench-rail {bottom:73px;left:10px;right:10px;border-width:8px;padding:5px;gap:6px}
  .workshop-ui[data-mode=build] .bench-slot {height:65px;flex-basis:68px;border-width:5px;font-size:9px}
  .workshop-ui[data-mode=build] .pc-panel {bottom:164px;max-height:none}
  .workshop-ui[data-mode=build] :is(.bench-header h1,.pc-panel>.panel-heading h1) {font-size:16px}
  .workshop-ui[data-mode=build] .bench-name {font-size:17px}
  .workshop-ui[data-mode=build] .bench-product {min-height:80px}
  .workshop-ui[data-mode=build] .bench-product .bench-art {height:66px}
}