dialog#fg-build-dialog{
  width:min(1080px, calc(100vw - 28px));
  max-height:min(860px, calc(100vh - 28px));
  margin:auto;padding:0;border:0;border-radius:28px;color:#f6f3ea;
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(240,193,74,.18), transparent 42%),
    linear-gradient(165deg, #1c4a38 0%, #10281f 58%, #2a1810 100%);
  box-shadow:0 30px 0 #0a1612, 0 48px 80px rgba(0,0,0,.45);
  font-family:"DM Sans", sans-serif;
}
dialog#fg-build-dialog::backdrop{background:rgba(6,16,12,.72)}
#fg-build-dialog .fb-header, #fg-build-dialog .fb-footer{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 22px;
}
#fg-build-dialog .fb-header{border-bottom:1px solid rgba(240,193,74,.28)}
#fg-build-dialog .fb-footer{border-top:1px solid rgba(255,255,255,.08)}
#fg-build-dialog .fb-kicker{margin:0;color:#f0c14a;font:600 .8rem/1 "Space Grotesk", sans-serif}
#fg-build-dialog h2{margin:4px 0 0;font:700 2rem/1 "Space Grotesk", sans-serif;letter-spacing:-.03em}
#fg-build-dialog .fb-header-actions, #fg-build-dialog .fb-footer{display:flex;gap:8px;align-items:center}
#fg-build-dialog .fb-header-actions button,
#fg-build-dialog .fb-footer button,
#fg-build-dialog .fb-auto{
  border:1px solid rgba(246,243,234,.2);background:transparent;color:#f6f3ea;
  border-radius:999px;padding:.55rem .9rem;cursor:pointer;font:600 .85rem/1 "DM Sans", sans-serif;
}
#fg-build-dialog .fb-zoom{
  border:0;background:linear-gradient(180deg, #ffe08a, #f0c14a 45%, #d4652f);
  color:#1c1408;font:700 .95rem/1 "Space Grotesk", sans-serif;
  border-radius:999px;padding:.7rem 1.1rem;cursor:pointer;
  box-shadow:0 5px 0 #8a3d16;
}
#fg-build-dialog .fb-zoom:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
#fg-build-dialog .fb-zoom-block{width:100%;margin-top:12px}
#fg-build-dialog .fb-body{
  display:grid;grid-template-columns:300px 1fr;gap:18px;
  padding:18px 22px;overflow:auto;max-height:calc(100vh - 220px);
}
#fg-build-dialog .fb-plan{
  background:linear-gradient(180deg, rgba(142,200,216,.16), rgba(16,40,31,.4));
  border-radius:22px;padding:14px;
}
#fg-build-dialog .fb-section-title{display:flex;justify-content:space-between;align-items:end;gap:8px}
#fg-build-dialog h3{margin:0;font:700 1.15rem/1.2 "Space Grotesk", sans-serif}
#fg-build-dialog .fb-plan-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;
  perspective:640px;
}
#fg-build-dialog .fb-plot{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;
  min-height:74px;padding:10px 12px;border:0;border-radius:10px 16px 8px 14px;cursor:pointer;
  color:#f4ffe8;background:linear-gradient(155deg, #3eaf62, #1c6b3d);
  box-shadow:0 8px 0 #0d3320, 0 14px 16px rgba(0,0,0,.28);
  transform:rotateX(16deg) rotateZ(-4deg);
}
#fg-build-dialog .fb-plot.building{background:linear-gradient(155deg, #f08a45, #b84e22);color:#fff8ef;box-shadow:0 8px 0 #6d2c12, 0 14px 16px rgba(0,0,0,.28)}
#fg-build-dialog .fb-plot.ready{background:linear-gradient(155deg, #2f8f6a, #14523c)}
#fg-build-dialog .fb-plot.selected{
  background:linear-gradient(155deg, #ffe08a, #f0c14a 40%, #e07a32);
  color:#24180a;transform:rotateX(16deg) rotateZ(-4deg) translateY(-6px);
  box-shadow:0 12px 0 #8a3d16, 0 18px 18px rgba(0,0,0,.3);
}
#fg-build-dialog .fb-plot span{font-size:.68rem;opacity:.8}
#fg-build-dialog .fb-plot b{font:700 .92rem/1.15 "Space Grotesk", sans-serif}
#fg-build-dialog .fb-plot small{font-size:.72rem}
#fg-build-dialog .fb-legend{display:flex;gap:10px;margin-top:14px;font-size:.75rem}
#fg-build-dialog .fb-legend i{display:inline-block;width:10px;height:10px;margin-right:4px;border-radius:3px;background:#3eaf62;box-shadow:0 2px 0 #0d3320}
#fg-build-dialog .fb-legend i.building{background:#f08a45}
#fg-build-dialog .fb-legend i.ready{background:#2f8f6a}
#fg-build-dialog .fb-catalog{min-width:0}
#fg-build-dialog .fb-cash{color:#f0c14a;font:700 1rem/1 "Space Grotesk", sans-serif}
#fg-build-dialog .fb-filters{display:flex;gap:8px;margin:12px 0}
#fg-build-dialog .fb-filters button{
  border:0;border-radius:999px;padding:.4rem .75rem;cursor:pointer;
  background:rgba(255,255,255,.08);color:#f6f3ea;
}
#fg-build-dialog .fb-filters button[aria-pressed="true"]{background:#f0c14a;color:#24180a}
#fg-build-dialog .fb-building{
  display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;
  margin:0 0 10px;padding:10px;border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), 0 8px 0 rgba(0,0,0,.18);
}
#fg-build-dialog .fb-blueprint{
  height:64px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(160deg, #8ec8d8, #2f6d62);
  box-shadow:0 6px 0 #1a3d38;
}
#fg-build-dialog .fb-blueprint svg{width:78px;height:42px;fill:none;stroke:#f6f3ea;stroke-width:2}
#fg-build-dialog .fb-building-copy h4{margin:0 0 4px;font:700 1rem/1.2 "Space Grotesk", sans-serif}
#fg-build-dialog .fb-building-copy p, #fg-build-dialog .fb-target, #fg-build-dialog .fb-feedback{margin:0;color:#e7f0e4}
#fg-build-dialog .fb-buy{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
#fg-build-dialog .fb-buy button, #fg-build-dialog .fb-installed button{
  border:0;border-radius:999px;padding:.55rem .8rem;cursor:pointer;
  background:#2f9e57;color:#f4ffe8;font:700 .85rem/1 "Space Grotesk", sans-serif;
  box-shadow:0 4px 0 #14523c;
}
#fg-build-dialog .fb-buy button:disabled{background:#6d5a48;box-shadow:none;cursor:not-allowed}
#fg-build-dialog .fb-queue{grid-column:1 / -1}
#fg-build-dialog .fb-phases{display:flex;gap:8px;padding:0;margin:12px 0 0;list-style:none}
#fg-build-dialog .fb-phases li{
  flex:1;padding:8px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.8rem
}
#fg-build-dialog .fb-installed{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:start}
#fg-build-dialog .fb-installed > svg{width:88px;height:48px;fill:none;stroke:#f6f3ea;stroke-width:2}
#fg-build-dialog .fb-lot{
  margin-top:14px;padding:12px;border-radius:16px;
  background:rgba(8,22,16,.45);
  box-shadow:inset 0 0 0 1px rgba(240,193,74,.28);
}
#fg-build-dialog .fb-lot header{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
#fg-build-dialog .fb-lot h4{margin:0;font:700 1.05rem/1.2 "Space Grotesk", sans-serif}
#fg-build-dialog .fb-lot header span{color:#f0c14a;font:600 .8rem/1 "Space Grotesk", sans-serif}
#fg-build-dialog .fb-lot p{margin:6px 0 0;color:#e7f0e4}
#fg-build-dialog .fb-lot dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:12px 0}
#fg-build-dialog .fb-lot dt{font-size:.72rem;color:#f0c14a}
#fg-build-dialog .fb-meter{position:relative;display:flex;align-items:center;min-height:18px;margin:3px 0 0;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
#fg-build-dialog .fb-meter i{position:absolute;inset:0 auto 0 0;background:#3eaf62}
#fg-build-dialog .fb-meter.mid i{background:#f0c14a}
#fg-build-dialog .fb-meter.low i{background:#e07a32}
#fg-build-dialog .fb-meter b{position:relative;padding:0 8px;font:600 .72rem/1.4 "Space Grotesk", sans-serif}
#fg-build-dialog .fb-task-states{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
#fg-build-dialog .fb-task-states li{border-radius:999px;padding:4px 8px;font-size:.75rem;background:rgba(255,255,255,.08)}
#fg-build-dialog .fb-task-states .done{background:#14523c}
#fg-build-dialog .fb-task-states .short{background:#8a3d16}
#fg-build-dialog .fb-lot-meta{font-size:.78rem}
#fg-build-dialog .fb-empty-lot{margin:12px 0 0}
#fg-build-dialog .fb-avi{margin-top:8px}
@media (max-width:800px){
  #fg-build-dialog .fb-body{grid-template-columns:1fr}
  #fg-build-dialog .fb-header, #fg-build-dialog .fb-header-actions{flex-wrap:wrap}
  #fg-build-dialog .fb-building{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  #fg-build-dialog .fb-plot, #fg-build-dialog .fb-plot.selected{transform:none}
}