/* Focus mode: hide non-essential surfaces; show focus bar + focus mount */
.focus-mode .hero{display:none !important}
.focus-mode #models{display:none !important}
/* Don't blanket-hide steps anymore; let JS move the blueprint out */
#focusBar{display:none}
.focus-mode #focusBar{display:flex !important}

#focusMount{display:none}
.focus-mode #focusMount{display:block !important}

#focusBar{
  position:sticky; top:0; z-index:50; gap:8px; align-items:center; justify-content:space-between;
  padding:10px 12px; margin:8px 0 12px; background:var(--card, #12161f);
  border:1px solid var(--border-primary, rgba(0,255,255,.2)); border-radius:0; color:var(--ink, #e0e7ff);
  box-shadow:var(--glow-cyan, 0 0 10px rgba(0,255,255,.3));
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}

#focusBar #focusLabel {
  color: var(--accent, #00ffff);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#focusBar .badge {
  color: var(--ink, #e0e7ff);
  background: var(--bg-secondary, #0f1419);
  border-color: var(--border-primary, rgba(0,255,255,.2));
}
.btn{appearance:none;border:1px solid var(--border-primary, rgba(0,255,255,.2));background:var(--bg-secondary, #0f1419);color:var(--ink, #e0e7ff);padding:8px 12px;border-radius:0;cursor:pointer;font-family:'Orbitron',sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:12px;clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);}
.btn-rose{background:linear-gradient(135deg, #ff00ff, #ff0080);color:#000;border:none;border-radius:0;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:var(--glow-magenta, 0 0 10px rgba(255,0,255,.3));clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);}
.btn-rose:hover{opacity:.95;box-shadow:var(--glow-magenta, 0 0 10px rgba(255,0,255,.3)), 0 0 20px rgba(255,0,255,.2);}
.badge{display:inline-block;padding:2px 8px;border-radius:12px;background:var(--bg-secondary, #0f1419);border:1px solid var(--border-primary, rgba(0,255,255,.2));font-size:11px;text-transform:uppercase;letter-spacing:0.5px;}

#focusMount {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 20px;
}

#focusMount .card {
  background: var(--card, #f8f9fa);
  border: 1px solid var(--border-primary, rgba(0,0,0,.08));
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
}